/* ==========================================
   ОБЩИНСКИ СЪВЕТНИЦИ - ПРОФИЛЕН ДИЗАЙН
   Drupal 10 / Bartik
   Само пълен изглед на общински съветник
   ========================================== */

/* Основен контейнер */
article.node--type-obschinski-svetnik.node--view-mode-full {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Подреждане на снимката и информацията */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 12px;
    align-items: start;
    min-width: 0;
}

/* Снимка */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-snimkaa {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 100%;
    margin: 0;
    float: none !important;
}

article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-snimkaa img {
    display: block;
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px !important;
    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #dce5ee;
    border-radius: 9px;
    box-shadow: 0 4px 14px rgba(0, 40, 80, .10);
}

/* Длъжност */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-sstav {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    margin: 0;
}

article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-sstav .field__item {
    color: #073b70;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

/* Лична информация */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-body {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    margin: 0;
    float: none !important;
}

article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-body p {
    margin: 0 !important;
    padding: 0 !important;
    color: #344253;
    font-size: 14px !important;
    line-height: 1.75 !important;
    overflow-wrap: anywhere;
}

article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-body strong {
    color: #263648;
    font-weight: 700;
}

/* Секциите под профила */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-e-poscha,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-predsedatel-na-komisiya,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--name-field-chlen-na-komisiya {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 15px !important;

    background: #ffffff;
    border: 1px solid #e5eaf0;
    border-radius: 8px;
}

/* Заглавия на секциите */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--label-above > .field__label {
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #073b70 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
}

/* Линкове към комисии и електронна поща */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--label-above a {
    color: #075ba1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content > .field--label-above a:hover {
    color: #e78300 !important;
}

/* Разстояние между няколко комисии */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-chlen-na-komisiya
.field__item + .field__item {
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid #edf0f4;
}

/* Разгъващ се раздел с докладни записки */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> #edit-group-vneseni-dokladni-zapiski-i {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Заглавие на разгъващия се раздел */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary {
    padding: 14px 16px !important;
    color: #073b70 !important;
    background: #f7f9fc !important;
    border: 1px solid #dce5ee !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-transform: uppercase;
}

article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary:hover {
    background: #eef6fc !important;
}

/* Отворено състояние */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i[open] > summary {
    color: #ffffff !important;
    background: #075ba1 !important;
    border-color: #075ba1 !important;
}

/* Съдържание на разгъващия се раздел */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > .details-wrapper {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e5eaf0 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
}

/* Вложените докладни записки не се променят
   глобално - запазват се оригиналните икони
   за PDF и Word файловете. */

/* ==========================================
   МОБИЛНА ВЕРСИЯ
   ========================================== */

@media (max-width: 767px) {

    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    /* Снимката над информацията */
    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-snimkaa {
        grid-column: 1;
        grid-row: auto;
        justify-self: center;
        max-width: 180px;
    }

    /* Длъжност и информация под снимката */
    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-sstav,
    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-body {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-sstav {
        text-align: center;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-e-poscha,
    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-predsedatel-na-komisiya,
    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content > .field--name-field-chlen-na-komisiya {
        grid-column: 1;
        padding: 12px !important;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    > .node__content
    > #edit-group-vneseni-dokladni-zapiski-i {
        grid-column: 1;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    #edit-group-vneseni-dokladni-zapiski-i > summary {
        font-size: 12px !important;
        padding: 12px !important;
    }
}

/* ==========================================
   ПРОФИЛИ НА ОБЩИНСКИ СЪВЕТНИЦИ
   ЕДНАКЪВ ЦВЯТ НА ЛИНКОВЕТЕ
   ========================================== */

/* Всички линкове към комисии */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-predsedatel-na-komisiya a,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-chlen-na-komisiya a,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-predsedatel-na-komisiya a:visited,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-chlen-na-komisiya a:visited {
    color: #075ba1 !important;
    text-decoration: none !important;
}

/* При посочване с мишката */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-predsedatel-na-komisiya a:hover,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-chlen-na-komisiya a:hover {
    color: #e78300 !important;
}

/* Малко по-компактни информационни секции */
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-e-poscha,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-predsedatel-na-komisiya,
article.node--type-obschinski-svetnik.node--view-mode-full
> .node__content
> .field--name-field-chlen-na-komisiya {
    padding: 11px 15px !important;
}

/* ==========================================
   ОБЩИНСКИ СЪВЕТНИЦИ
   ДОКЛАДНИ ЗАПИСКИ В РАЗГЪВАЩИЯ СЕ БЛОК
   ========================================== */

/* Отстояние между картите */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
article.node--type-dokladni-zapiski-vkhodyaschi-pis.node--view-mode-teaser {
    margin: 0 0 16px !important;
    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e2eaf2 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(0, 40, 80, .05) !important;
}

/* Заглавие на докладната */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser h2.node__title {
    margin: 0 0 8px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
}

article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser h2.node__title a {
    color: #075ba1 !important;
    font-size: inherit !important;
    font-weight: 800 !important;
    line-height: inherit !important;
    overflow-wrap: anywhere !important;
}

/* Информация за публикуването */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser .node__meta {
    margin: 0 0 12px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #718096 !important;
}

/* Описание */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.node__content > .field--name-body {
    margin: 0 0 12px !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    float: none !important;
}

/* Параграфи без излишно празно място */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.field--name-body p {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #263648 !important;
    overflow-wrap: anywhere !important;
}

/* По-умерено удебеляване */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.field--name-body strong {
    font-weight: 600 !important;
}

/* Файлове непосредствено след описанието */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.field--name-field-faylove-i-resursi {
    margin: 12px 0 !important;
    padding: 0 !important;
    clear: both !important;
}

/* Заглавие Файлове и ресурси */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.field--name-field-faylove-i-resursi > .field__label {
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #073b70 !important;
}

/* Разстояние между файловете */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser
.field--name-field-faylove-i-resursi
.field__items > .field__item {
    margin: 0 0 7px !important;
    padding: 0 !important;
}

/* Запазваме оригиналните PDF / Word икони */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser .file {
    display: inline-block !important;
    padding-left: 24px !important;
    background-repeat: no-repeat !important;
    background-position: left 3px !important;
}

/* Бутон Преглед */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i
.node--view-mode-teaser .node__links {
    margin-top: 10px !important;
}

/* Мобилни устройства */
@media (max-width: 767px) {

    article.node--type-obschinski-svetnik.node--view-mode-full
    #edit-group-vneseni-dokladni-zapiski-i
    article.node--view-mode-teaser {
        padding: 12px !important;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    #edit-group-vneseni-dokladni-zapiski-i
    .node--view-mode-teaser h2.node__title {
        font-size: 15px !important;
    }

    article.node--type-obschinski-svetnik.node--view-mode-full
    #edit-group-vneseni-dokladni-zapiski-i
    .node--view-mode-teaser .field--name-body p {
        font-size: 13px !important;
    }
}

/* ==========================================
   ОБЩИНСКИ СЪВЕТНИЦИ - РАЗГЪВАЩ СЕ ТАБ
   Плюс / минус вдясно
   ========================================== */

/* Заглавие на таба */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 14px 18px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-transform: none !important;

    list-style: none !important;
    cursor: pointer !important;
}

/* Скриваме стандартния триъгълник */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary::-webkit-details-marker {
    display: none !important;
}

article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary::marker {
    content: "" !important;
}

/* Скриваме допълнителния Drupal елемент */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary .summary {
    display: none !important;
}

/* Плюс вдясно - затворено */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i > summary::after {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    margin-left: auto !important;

    border: 1px solid rgba(7, 59, 112, .22) !important;
    border-radius: 6px !important;

    font-family: Arial, sans-serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* Минус вдясно - отворено */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i[open] > summary::after {
    content: "−" !important;
    border-color: rgba(255, 255, 255, .45) !important;
}

/* Цветове на иконата */
article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i:not([open]) > summary::after {
    color: #073b70 !important;
}

article.node--type-obschinski-svetnik.node--view-mode-full
#edit-group-vneseni-dokladni-zapiski-i[open] > summary::after {
    color: #ffffff !important;
}

/* По-компактен текст на телефон */
@media (max-width: 767px) {
    article.node--type-obschinski-svetnik.node--view-mode-full
    #edit-group-vneseni-dokladni-zapiski-i > summary {
        font-size: 12px !important;
        font-weight: 600 !important;
        padding: 12px 14px !important;
    }
}