/* ==========================================
   ЛЯВО МЕНЮ – РАЗГЪВАНЕ И ПРИБИРАНЕ
   Drupal 10 / Bartik
   ========================================== */

/* Скриване на затворените подменюта */
.region-sidebar-first .menu-item--expanded
> ul.menu:not(.submenu-open) {
    display: none !important;
}

/* Показване на отворените подменюта */
.region-sidebar-first .menu-item--expanded
> ul.menu.submenu-open {
    display: block !important;
}

/* Родителски елемент */
.region-sidebar-first .menu-item--expanded
> a {
    position: relative !important;
    padding-right: 38px !important;
    cursor: pointer;
}

/* Стрелка надолу */
.region-sidebar-first .menu-item--expanded
> a::after {
    content: "⌄";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #075ba1;
    font-size: 22px;
    font-weight: 700;
}

/* Стрелка при отворено подменю */
.region-sidebar-first .menu-item--expanded.submenu-active
> a::after {
    content: "⌃";
}

/* Вложени линкове */
.region-sidebar-first .menu-item--expanded
> ul.menu {
    margin: 0 !important;
    padding: 5px 0 8px 14px !important;
    background: #f8fbff !important;
    border-left: 2px solid #dce9f5 !important;
}

/* Вложени елементи */
.region-sidebar-first .menu-item--expanded
> ul.menu > li > a {
    font-size: 13px !important;
    padding: 9px 12px !important;
}

/* ============================================
   ЛЯВО МЕНЮ – СГЪВАНЕ И РАЗГЪВАНЕ
   Без промяна на цветовете на блоковете
   ============================================ */

/* Скриваме подменютата само след инициализация */
.region-sidebar-first .sidebar-accordion-ready
> ul.menu[hidden] {
    display: none !important;
}

/* Показваме отворените подменюта */
.region-sidebar-first .sidebar-accordion-ready
> ul.menu:not([hidden]) {
    display: block !important;
}

/* Родителски ред */
.region-sidebar-first .sidebar-accordion-ready {
    position: relative;
}

/* Място за отделния бутон със стрелка */
.region-sidebar-first .sidebar-accordion-ready
> a {
    padding-right: 44px !important;
}

/* Бутон за разгъване */
.region-sidebar-first .sidebar-menu-toggle {
    position: absolute !important;
    right: 5px !important;
    top: 5px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;

    background: transparent !important;
    color: #075ba1 !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    cursor: pointer !important;

    font-size: 20px !important;
    line-height: 1 !important;
    transition: background-color .2s ease !important;
}

/* Стрелка надолу */
.region-sidebar-first .sidebar-menu-toggle::before {
    content: "⌄";
}

/* Стрелка нагоре */
.region-sidebar-first .sidebar-menu-toggle[aria-expanded="true"]::before {
    content: "⌃";
}

/* Ефект само върху бутона */
.region-sidebar-first .sidebar-menu-toggle:hover {
    background: #eaf5ff !important;
    color: #073b70 !important;
}

.region-sidebar-first .sidebar-menu-toggle:focus-visible {
    outline: 2px solid #ff8800 !important;
    outline-offset: 2px !important;
}

/* ============================================
   ОБЩИНСКИ СЪВЕТ – БУРГАС
   ЛЯВО МЕНЮ – ПОПРАВКА НА ДИЗАЙНА
   ============================================ */

/* Основен блок */
.region-sidebar-first .block-menu {
    background: #ffffff !important;
    border: 1px solid #dce8f4 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 45, 90, 0.06) !important;
}

/* Заглавие МЕНЮ */
.region-sidebar-first .block-menu > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 16px 18px !important;

    color: #073b70 !important;
    background: #f4f9fd !important;
    border: none !important;
    border-bottom: 2px solid #075ba1 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

/* Икона пред МЕНЮ */
.region-sidebar-first .block-menu > h2::before {
    content: "\2630" !important;
    display: inline-block !important;
    color: #075ba1 !important;
    font-size: 23px !important;
    line-height: 1 !important;

    width: auto !important;
    height: auto !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

/* Контейнер */
.region-sidebar-first .block-menu .content {
    background: #ffffff !important;
    padding: 0 !important;
}

/* Основен списък */
.region-sidebar-first .block-menu
> .content > ul.menu {
    margin: 0 !important;
    padding: 5px 0 !important;
    list-style: none !important;
}

/* Елементи */
.region-sidebar-first .block-menu ul.menu li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e8eff6 !important;
}

/* Линкове */
.region-sidebar-first .block-menu ul.menu li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    color: #075ba1 !important;
    background: transparent !important;
    border: none !important;
    border-left: 3px solid transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    overflow-wrap: break-word !important;

    transition:
      color .2s ease,
      background-color .2s ease,
      border-color .2s ease !important;
}

/* Hover */
.region-sidebar-first .block-menu ul.menu li > a:hover {
    background: #f2f8fe !important;
    color: #e67600 !important;
    border-left-color: #ff8800 !important;
}

/* Активна страница */
.region-sidebar-first .block-menu ul.menu li > a.is-active,
.region-sidebar-first .block-menu ul.menu li.menu-item--active-trail > a {
    background: #eaf4fd !important;
    color: #073b70 !important;
    border-left-color: #ff8800 !important;
}

/* Родителски елемент – място за стрелката */
.region-sidebar-first .block-menu
li.sidebar-accordion-ready > a {
    padding-right: 46px !important;
}

/* Вложен списък */
.region-sidebar-first .block-menu
ul.menu ul.menu {
    margin: 0 !important;
    padding: 4px 0 6px 14px !important;
    background: #f8fbff !important;
    list-style: none !important;
}

/* Подменюта – по-светъл фон */
.region-sidebar-first .block-menu
ul.menu ul.menu li {
    background: #f8fbff !important;
}

/* Вложени линкове */
.region-sidebar-first .block-menu
ul.menu ul.menu li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
}

/* Скрито подменю */
.region-sidebar-first .block-menu
ul.menu[hidden] {
    display: none !important;
}

/* Бутон със стрелка – без странни символи */
.region-sidebar-first .sidebar-menu-toggle {
    position: absolute !important;
    right: 8px !important;
    top: 7px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    color: #075ba1 !important;
    cursor: pointer !important;
    font-size: 0 !important;
}

/* Стрелка надолу – чрез CSS, без текстови символи */
.region-sidebar-first
.sidebar-menu-toggle::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;

    border-right: 2px solid #075ba1 !important;
    border-bottom: 2px solid #075ba1 !important;

    transform: rotate(45deg) translateY(-2px);
    transition: transform .2s ease;
}

/* Стрелка нагоре */
.region-sidebar-first
.sidebar-menu-toggle[aria-expanded="true"]::before {
    transform: rotate(225deg) translateY(-2px);
}

/* При посочване на бутона */
.region-sidebar-first
.sidebar-menu-toggle:hover {
    background: #e7f2fc !important;
}

/* Телефон */
@media (max-width: 767px) {

    .region-sidebar-first .block-menu
    ul.menu li > a {
        font-size: 13px !important;
        padding: 11px 14px !important;
    }

    .region-sidebar-first .block-menu
    li.sidebar-accordion-ready > a {
        padding-right: 46px !important;
    }
}

/* ============================================
   ПОПРАВКА – ЛЯВО И ДЯСНО МЕНЮ
   Общински съвет – Бургас
   ============================================ */


/* 1. ЛЯВО МЕНЮ – ПРЕМАХВАНЕ НА ДВОЙНИТЕ СТРЕЛКИ */

/* Скриваме старата стрелка от родителския линк */
.region-sidebar-first
li.sidebar-accordion-ready > a::after {
    content: none !important;
    display: none !important;
}

/* Скриваме старата икона пред родителския линк,
   ако темата я добавя */
.region-sidebar-first
li.sidebar-accordion-ready > a::before {
    content: none !important;
    display: none !important;
}

/* Оставяме единствено бутона от JavaScript */
.region-sidebar-first
li.sidebar-accordion-ready > .sidebar-menu-toggle {
    display: flex !important;
    position: absolute !important;
    right: 10px !important;
    top: 12px !important;

    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 5 !important;
}

/* Само една стрелка, нарисувана с CSS */
.region-sidebar-first
.sidebar-menu-toggle::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;

    background: transparent !important;
    border: 0 !important;
    border-right: 2px solid #075ba1 !important;
    border-bottom: 2px solid #075ba1 !important;

    transform: rotate(45deg) !important;
}

/* При отворено подменю */
.region-sidebar-first
.sidebar-menu-toggle[aria-expanded="true"]::before {
    transform: rotate(225deg) !important;
}

/* Премахваме евентуална втора икона от бутона */
.region-sidebar-first
.sidebar-menu-toggle::after {
    content: none !important;
    display: none !important;
}


/* 2. ДЯСНА КОЛОНА – ВРЪЩАНЕ НА БЕЛИЯ ФОН */

.region-sidebar-second {
    background: #ffffff !important;
}

/* Основните блокове */
.region-sidebar-second > .block {
    background: #ffffff !important;
    border: 1px solid #dce8f4 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,45,90,0.06) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Заглавия на блоковете, включително НОВИНИ */
.region-sidebar-second > .block > h2 {
    margin: 0 !important;
    padding: 16px 18px !important;

    background: #f4f9fd !important;
    color: #073b70 !important;

    border: none !important;
    border-bottom: 2px solid #075ba1 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

/* Контейнер със съдържанието */
.region-sidebar-second > .block > .content {
    background: #ffffff !important;
    padding: 15px !important;
}

/* Запазваме белия фон на картите с новини */
.region-sidebar-second
.views-view-grid .views-col {
    background: #ffffff !important;
}

/* Ефект при посочване на новина */
.region-sidebar-second
.views-view-grid .views-col:hover {
    box-shadow: 0 7px 20px rgba(0,45,90,0.10) !important;
}