/* ------------------------------------------- */
/*  DEFAULT DESKTOP
/*  (нищо не правим тук – това е base стилът)   */
/* ------------------------------------------- */



/* ------------------------------------------- */
/*  TABLET (<= 1024px)                        */
/* ------------------------------------------- */

@media (max-width: 1024px) {
    .wp-site-blocks {
        /*max-width: 100%;
        padding: 1rem;*/
    }

    .wp-block-columns {
        gap: 20px;
    }

    /* Left text column, right pic */
    .akt-hero-left .akt-call {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .akt-office-pic {
        background-size: cover !important;
    }
}

/* ------------------------------------------- */
/*  MOBILE (<= 768px)                         */
/* ------------------------------------------- */

@media (max-width: 768px) {
    .akt-mobile-hide {
        display: none;
    }
    .akt-desktop-hide {
        display: block;
    }

    /* колони -> 1 под друга */
    .wp-block-columns {
        flex-direction: column !important;
    }

    h3.eb-accordion-title {
        font-size: 1rem !important;
    }

    /* намаляване на spacing */
    .wp-block-group {
        padding: 1rem;
    }

    .akt-qr-desktop {
        display: none;
    }
    .akt-qr-mobile {
        display: block;
    }

    #akt-header-mobile {
        display: block;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        /* Опционално: добави сянка при скролване за по-добър визуален ефект */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* Компенсация за fixed header - добави margin на следващия елемент */
    #akt-main {
        margin-top: 88px !important; /* промени според реалната височина */
    }
    #akt-header-mobile h2 {
        font-size: 1.05rem !important;
        letter-spacing: 0.05rem;
    }
    #akt-header-mobile h3 {
        font-size: 0.95rem !important;
    }
    /* Големина на иконата за навигацията в хедъра */
    #akt-navigation-mobile .wp-block-navigation__responsive-container-open svg {
        height: 32px;
        width: 32px;
    }

    /* ВАРИАНТ 1: Компенсация за ЛОГНАТИ потребители (с admin bar) */
    .admin-bar #akt-header-mobile {
        top: 46px !important; /* височина на WP admin bar на mobile */
    }

    /* ВАРИАНТ 2: За НЕЛОГНАТИ потребители (без admin bar) */
    body:not(.admin-bar) #akt-header-mobile {
        top: 0 !important;
    }


    #akt-header-desktop {
        display: none;
    }

    .akt-search-mobile {
        display: block;
    }

    #akt-top-head-mobile .is-layout-flex > * {
        flex: 1 1 50%;
        max-width: 50%;
    }

    .akt-top-button-mobile .eb-button,
    .akt-top-button-mobile .eb-button-anchor {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /*
     * Подменюта
     */
    /* Скриваме подменютата по подразбиране САМО на мобилни */
    .akt-nav-main-mobile .wp-block-navigation__submenu-container {
        display: none !important;
    }

    /* Показваме само при .is-open */
    .akt-nav-main-mobile .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-container {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }
    /* Показваме стрелката за подменюто само при елементи с деца и правим флекс за тях */
    .akt-nav-main-mobile > .has-child {
        flex-direction: row !important;
    }

    /* ***** */

    /* 1. Базово състояние на стрелката */
    .akt-nav-main-mobile .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
        display: inline-block !important;
        margin-left: 0.5rem !important;
        margin-top: 0.65rem;
    }

    /* 2. Оправяне на подравняването, за да не бяга текста */
    .akt-nav-main-mobile .wp-block-navigation-item.has-child {
        display: flex;
        flex-wrap: wrap; /* Важно, за да може подменюто да падне на нов ред */
        align-items: center;
    }

    /* 3. Подменюто трябва да заема 100% ширина, за да избута стрелката */
    .akt-nav-main-mobile .wp-block-navigation__submenu-container {
        flex-basis: 100%;
    }

    /* 4. Скриваме оригиналната стрелка/SVG */
    .akt-nav-main-mobile .wp-block-navigation__submenu-icon svg {
        display: none !important;
    }

    /* 5. Слагаме Плюс */
    .akt-nav-main-mobile .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon::before {
        content: '+';
        font-size: 1.5rem;
        font-weight: 300;
        display: inline-block;
        transition: all 0.2s;
    }

    /* 6. Сменяме на Минус при отворено меню */
    .akt-nav-main-mobile .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-icon::before,
    .akt-nav-main-mobile .wp-block-navigation-item.has-child.is-open > button .wp-block-navigation__submenu-icon::before {
        content: '−'; /* Използваме специалния символ за минус, по-дълъг е */
    }

    /* ************************************************** */

    /* Отстъп на съдържанието на менюто, за да не се закрива от sticky header */
    .akt-nav-main-mobile1 .wp-block-navigation__responsive-container-content {
        padding-top: 60px; /* височина на sticky бутоните (52px) + малък запас */
    }

    /* За логнати потребители (с admin bar) - допълнителен отстъп */
    .admin-bar .akt-nav-main-mobile1 .wp-block-navigation__responsive-container-content {
        padding-top: 106px; /* 52px (sticky buttons) + 46px (admin bar) + 8px запас */
    }

    /**
     * Проблем с фокуса и изскачащата клавиатура при сърча в мобилното меню
     */
    #akt-navigation-mobile .wp-block-search {
        display: block;
    }
    /* Правим инпута недостъпен за автоматичния скрипт на WP */
    #akt-navigation-mobile .wp-block-search__input {
        visibility: hidden;
    }
    /* Показваме го само когато контейнерът е натиснат */
    #akt-navigation-mobile .wp-block-search:active .wp-block-search__input,
    #akt-navigation-mobile .wp-block-search:hover .wp-block-search__input {
        visibility: visible;
    }
    /* Добавяме и :focus-within за всеки случай */
    #akt-navigation-mobile .wp-block-search:active .wp-block-search__input,
    #akt-navigation-mobile .wp-block-search:focus-within .wp-block-search__input {
        visibility: visible;
    }
    
    .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item__label {
    	text-wrap: wrap;
	}

    /* Hero order */
    .akt-hero .wp-block-columns {
        flex-direction: column-reverse !important;
        gap: 0;
    }
    .akt-hero .wp-block-columns .akt-call .has-text-align-left {
        text-align: center !important;
    }
    .akt-hero .wp-block-buttons.is-content-justification-left {
        justify-content: center;
    }

    /* New hero */
    .akt-hero.akt-office-pic {
        /*background-position: 71% 7% !important;
        margin-top: -20px !important;*/
    }
    .akt-hero.akt-office-pic h2 {
        /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);*/
    }
    .akt-hero-bg-group {
        min-height: unset !important;
        padding-top: 5.5rem !important;
        padding-bottom: 1rem !important;
    }

    .akt-testimonials .sp-testimonial-item {
        /*width: 100% !important;*/
    }

    .crp_related .crp_date {
        display: none;
    }

    /* Services section navigation */
    #akt-section-services  .wp-block-navigation__container {
        flex-direction: column !important;
    }
    #akt-section-services .wp-block-navigation-item.has-separator::after {
        display: none !important;
    }

    /* Footer */
    footer .wp-block-group {
        width: 100%;
    }

    footer #akt-footer-widgets {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    footer #akt-footer-widgets  .wp-block-group > .wp-block-group {
        margin: 1rem 0 !important;
    }

    .akt-footer-address {
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 1rem 0.5rem 1.75rem 1rem;
    }

    /* Footer first column */
    #akt-footer-btn {
        display: flex;
    }
    #akt-footer-qr {
        display: none;
    }
    footer .akt-search-mobile {
        display: none;
    }
    #akt-footer-btn .wp-block-button a {
        font-size: 1.5rem !important;
    }

    footer .eb-social-links-wrapper ul.eb-socials {
        align-items: center;
        justify-content: space-between !important;
    }

    footer .eb-social-links-wrapper ul.eb-socials li a {
        font-size: 20px !important;
        /*font-size: 30px !important;*/
    }

    .akt-awards .wp-block-group {
        padding: 0.25rem;
    }

}