/* Auto-generated CSS for CSP compliance */

.csp-style-c7f539a2 {
    background: #e8f0fe; color: #1a73e8; border: 1px solid #d2e3fc; padding: 12px; border-radius: 8px; font-size: 14px; margin-bottom: 20px; text-align: center; font-weight: 500;
}

.csp-style-1461d7af {
    background: #fff3cd; color: #856404; border: 1px solid #ffeeba; padding: 12px; border-radius: 8px; font-size: 14px; margin-bottom: 20px; text-align: left;
}

.csp-style-1be23cfc {
    opacity: 0.6; cursor: not-allowed;
}

.csp-style-99f8dc7d {
    animation-delay: 0.1s;
}

.csp-style-c58e9569 {
    animation-delay: 0.2s;
}

.csp-style-4b785d21 {
    font-family: 'Inter', 'Helvetica Neue', 'Arial', sans-serif;
}

.csp-style-4a331c29 {
    height: 5.5rem; animation-delay: 0.6s;
}

.csp-style-6909f65b {
    animation-delay: 0.7s;
}

.csp-style-0ace2c53 {
    height: 3.5rem; animation-delay: 1.0s;
}

.csp-style-f2480bc5 {
    height: 3.5rem; animation-delay: 1.3s;
}

.csp-style-786573b7 {
    font-size: 28px; margin-bottom: 0.5rem;
}

.csp-style-ef8fc23b {
    font-weight: 600; font-size: 0.95rem; color: var(--primary);
}

.csp-style-cf0f3aef {
    margin-top: 2rem;
}

.csp-style-9bd91b34 {
    display:flex; align-items:center; justify-content:space-between; margin-bottom:0.75rem;
}

.csp-style-0eb7adc0 {
    margin-bottom:0; border-bottom:none; padding-bottom:0;
}

.csp-style-62203aea {
    font-size:0.78rem; color:var(--text-muted); margin-top:0; margin-bottom:1rem;
}

.csp-style-cf36fb90 {
    color:var(--primary);
}

.csp-style-6665def7 {
    min-height:140px; resize:vertical;
}

.csp-style-5a2c7017 {
    font-size:0.85rem; margin-top:0.4rem; font-weight:600;
}

.csp-style-185d793c {
    margin-top: 1.5rem;
}

.csp-style-78427c4e {
    margin-top:1rem;
}

.csp-style-41955cf5 {
    padding: 1.25rem 1rem;
}

.csp-style-9195cb27 {
    font-size: 24px; margin-bottom: 0.5rem;
}

.csp-style-6e47c6cb {
    font-size: 0.95rem;
}

.csp-style-806753fa {
    display: flex; align-items: flex-end;
}

.csp-style-fac29481 {
    width: 100%; height: 50px; margin-bottom: 0.35rem;
}

.csp-style-988c5fa7 {
    margin-top: 1rem;
}

.csp-style-69318c97 {
    display: flex; gap: 1.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem;
}

.csp-style-c42e0ec4 {
    margin-bottom: 0;
}

.csp-style-51820f9f {
    border-radius: 50%;
}

.csp-style-199e2ec5 {
    padding: 1.5rem 1rem;
}

.csp-style-b24b0201 {
    font-size: 32px; margin-bottom: 0.5rem;
}

.csp-style-224b51a7 {
    display: none;
}

.csp-style-c0dc2c63 {
    max-width: 300px;
}

.csp-style-fa85fbc9 {
    padding: 0.5rem;
}

.csp-style-7b2ab11b {
    max-width: 350px;
}

.csp-style-e006f05d {
    padding: 0.5rem; width: 100%;
}

.csp-style-00623131 {
    max-height: 500px; overflow-y: auto; border: 1px solid var(--border); border-radius: 8px;
}

.csp-style-fe41d0c4 {
    width: 100%; border-collapse: collapse; text-align: left;
}

.csp-style-0a74a378 {
    background: var(--bg-soft); border-bottom: 2px solid var(--border);
}

.csp-style-3c11e6f3 {
    padding: 10px; font-weight: 600; width: 180px;
}

.csp-style-279933c8 {
    padding: 10px; font-weight: 600; width: 120px;
}

.csp-style-61a4407c {
    padding: 10px; font-weight: 600;
}

.csp-style-e8b8e007 {
    padding: 10px; font-weight: 600; width: 130px;
}

.csp-style-f3953614 {
    padding: 15px; text-align: center;
}

.csp-style-96db7c37 {
    display: flex; align-items: center; justify-content: center; text-decoration: none;
}

.csp-style-38ed6c17 {
    position:absolute
}

.csp-style-a7667d44 {
    flex-grow: 1;
}

.csp-style-00991f71 {
    display: flex; align-items: center; gap: 0.5rem; margin-top: 0.25rem;
}

.csp-style-6b75e5b1 {
    padding:15px; text-align:center;
}

.csp-style-9459a2d0 {
    border-bottom: 1px solid var(--border);
}

.csp-style-dc0b5aaf {
    padding: 10px; font-size:0.85rem; color:var(--text-muted);
}

.csp-style-81a75832 {
    padding: 10px; font-weight:600;
}

.csp-style-440dce23 {
    padding: 10px;
}

.csp-style-82e8f34c {
    background:var(--accent-soft); color:var(--accent); padding:4px 8px; border-radius:4px; font-size:0.8rem; font-weight:600;
}

.csp-style-3d16adab {
    padding: 10px; font-size:0.9rem;
}

.csp-style-c44a4d71 {
    padding: 10px; font-family:monospace; font-size:0.85rem;
}

.csp-style-ae394980 {
    padding:15px; text-align:center; color:red;
}

.csp-style-7faf207d {
    color: var(--primary); font-size: 24px;
}

.csp-style-e97472ee {
    color: #ef4444; font-size: 24px;
}

.csp-style-d0da858a {
    align-items: center;
}

.csp-style-8bbd91c2 {
    display: flex; align-items: center; gap: 0.75rem;
}

.csp-style-afcd7ed5 {
    display: flex; gap: 0.5rem; align-items: center;
}

.csp-style-bf446d06 {
    text-decoration: none; padding: 0.4rem 0.8rem; font-size: 0.85rem;
}

.csp-style-f312de02 {
    color: rgba(255, 255, 255, 0.4); margin: 0 0.5rem;
}

/* Lightbox Modal CSS */
#gallery-lightbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.93) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
    transition: opacity 0.3s ease !important;
}

#gallery-lightbox.hidden {
    display: none !important;
}

.lightbox-header {
    width: 100% !important;
    max-width: 1200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 20 !important;
}

.lightbox-counter {
    color: #ffffff !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    padding: 6px 16px !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    letter-spacing: 0.05em !important;
}

.lightbox-close-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.lightbox-close-btn:hover {
    background: rgba(239, 68, 68, 0.8) !important;
    border-color: rgba(239, 68, 68, 0.9) !important;
    transform: scale(1.08) !important;
}

.lightbox-body {
    position: relative !important;
    flex: 1 !important;
    width: 100% !important;
    max-width: 1200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 1rem 0 !important;
}

.lightbox-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 30 !important;
    transition: all 0.2s ease !important;
}
.lightbox-nav-btn:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.lightbox-nav-prev {
    left: 0.5rem !important;
}
.lightbox-nav-next {
    right: 0.5rem !important;
}

@media (min-width: 768px) {
    .lightbox-nav-prev {
        left: 1.5rem !important;
    }
    .lightbox-nav-next {
        right: 1.5rem !important;
    }
}

.lightbox-image {
    max-height: 78vh !important;
    max-width: 90vw !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
    transition: all 0.25s ease !important;
}

.lightbox-thumbs-container {
    width: 100% !important;
    max-width: 600px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 8px 0 !important;
    z-index: 20 !important;
}

.lightbox-thumb-btn {
    width: 50px !important;
    height: 50px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    opacity: 0.5 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    background: none !important;
}
.lightbox-thumb-btn.active, .lightbox-thumb-btn:hover {
    opacity: 1 !important;
    border-color: #3b82f6 !important;
    transform: scale(1.08) !important;
}
.lightbox-thumb-btn img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Elektron Hökumət Kart Stili (Biznes Mavisi) */
.egov-card {
    background-color: #0B2545 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
}
.egov-card:hover {
    background-color: #12345D !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2) !important;
}
.egov-card .egov-icon-box {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}
.egov-card .egov-title {
    color: #ffffff !important;
}
.egov-card .egov-arrow {
    color: #ffffff !important;
}
.egov-card .egov-desc {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Yuxarı Dövlət Zolağı Gerb Logo ölçüsü */
#gov-topbar-wrapper img, .gov-topbar-logo {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Yuxarı Dövlət Zolağı Akordeon və Keçid Stilləri */
#gov-topbar-drawer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.35s ease !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#gov-topbar-drawer.open {
    max-height: 450px !important;
    opacity: 1 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

#gov-topbar-wrapper a, 
#gov-topbar-wrapper button {
    text-decoration: none !important;
}
#gov-topbar-wrapper a:hover, 
#gov-topbar-wrapper button:hover {
    text-decoration: none !important;
}

.gov-topbar-ext-icon {
    font-size: 14px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Mobil menyu axtarışı və ONP düyməsi */
.mobile-search-panel {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(11, 37, 69, 0.1);
}

.mobile-search-field {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.65rem 0.8rem;
    color: #0b2545;
    background: #f8fafc;
    border: 1px solid rgba(11, 37, 69, 0.16);
    border-radius: 0.8rem;
}

.mobile-search-field .material-symbols-outlined {
    font-size: 1.2rem;
}

.mobile-search-field input {
    width: 100%;
    min-width: 0;
    color: #0b2545;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 0.875rem;
}

.mobile-search-results {
    max-height: 14rem;
    margin-top: 0.6rem;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(11, 37, 69, 0.1);
    border-radius: 0.8rem;
}

.mobile-search-result,
.mobile-search-empty {
    display: block;
    padding: 0.7rem 0.8rem;
    color: #0b2545;
    font-size: 0.78rem;
    line-height: 1.35;
    border-bottom: 1px solid rgba(11, 37, 69, 0.07);
}

.mobile-search-result:last-child {
    border-bottom: 0;
}

.mobile-search-result strong {
    display: -webkit-box;
    font-weight: 750;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mobile-search-result span {
    display: -webkit-box;
    margin-top: 0.2rem;
    color: #64748b;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mobile-search-empty {
    color: #64748b;
    text-align: center;
    border-bottom: 0;
}

.mobile-onp-button {
    color: #fff !important;
    background: #0b2545 !important;
    border: 1px solid #0b2545 !important;
    border-radius: 9999px;
    box-shadow: 0 8px 20px rgba(11, 37, 69, 0.18);
}

.mobile-onp-button:hover,
.mobile-onp-button:focus-visible {
    color: #fff !important;
    background: #173b66 !important;
}

@media (max-width: 639px) {
    /* Dövlət zolağında iki məlumat sətri eyni mərkəz xəttində yerləşir. */
    .gov-topbar-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding-top: 0.65rem !important;
        padding-bottom: 0 !important;
    }

    .gov-topbar-brand,
    #gov-topbar-toggle {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .gov-topbar-brand {
        padding-bottom: 0.6rem;
    }

    #gov-topbar-toggle {
        padding: 0.6rem 0;
        border-top: 1px solid rgba(11, 37, 69, 0.08);
    }

    .gov-topbar-title {
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        line-height: 1.3;
    }

    /* Search menyuya köçürüldüyü üçün brendə daha çox en verilir. */
    .sticky-header {
        display: grid !important;
        grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
        align-items: center !important;
        gap: 0.5rem;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .site-brand {
        display: contents;
    }

    .site-brand > img {
        grid-column: 1;
        justify-self: start;
    }

    .site-brand-divider {
        display: none !important;
    }

    .site-brand-copy {
        grid-column: 2;
        width: 100%;
        text-align: center;
        justify-self: center;
    }

    .site-header-actions {
        grid-column: 3;
        justify-self: end;
    }

    .site-brand-title,
    .site-brand-subtitle {
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    .site-brand-title {
        font-size: clamp(0.82rem, calc(0.45rem + 1.6vw), 1.05rem) !important;
        line-height: 1.15 !important;
    }

    .site-brand-subtitle {
        margin-top: 0.12rem;
        font-size: clamp(0.72rem, calc(0.38rem + 1.35vw), 0.9rem) !important;
    }

    /* Mobil slayder: şəkil tam kartı tutur, başlıq gradient üzərində görünür. */
    .mobile-hero-card {
        height: 255px !important;
        min-height: 255px !important;
        border-radius: 1rem !important;
        background: #0b2545 !important;
        border: 1px solid rgba(11, 37, 69, 0.06) !important;
        box-shadow: 0 10px 28px rgba(11, 37, 69, 0.12), 0 2px 8px rgba(11, 37, 69, 0.06) !important;
    }

    .mobile-hero-card > a:first-child {
        position: absolute;
        inset: 0;
    }

    .mobile-hero-image {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
    }

    .mobile-hero-content {
        position: absolute !important;
        inset: auto 0 0 !important;
        z-index: 2;
        min-height: 48%;
        justify-content: flex-end;
        padding: 3.5rem 1rem 1rem !important;
        color: #fff !important;
        background: linear-gradient(to top, rgba(4, 20, 40, 0.96), rgba(4, 20, 40, 0.62), transparent) !important;
        pointer-events: none;
    }

    .mobile-hero-title {
        margin: 0 !important;
        color: #fff !important;
        font-size: 1.05rem !important;
        line-height: 1.35 !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    }

    .mobile-section-heading > * {
        min-width: 0;
    }

    .mobile-section-heading h2 {
        flex: 1 1 auto;
    }

    .mobile-section-heading > a,
    .mobile-date-picker {
        flex: 0 0 auto;
    }

    .mobile-date-picker label {
        text-align: right;
    }

    .period-selector {
        display: flex !important;
        width: 100% !important;
    }

    .period-selector > button {
        flex: 1 1 0 !important;
        min-width: 0;
    }

    /* Nazir kartı mobil ekranda şaquli və normal portret nisbətində göstərilir. */
    .leadership-minister-card {
        flex-direction: column !important;
    }

    .leadership-minister-photo {
        width: 100% !important;
        height: 310px !important;
        min-height: 310px !important;
        background: #f8fafc;
        border-bottom: 1px solid rgba(11, 37, 69, 0.08);
    }

    .leadership-minister-photo img {
        object-fit: contain !important;
        object-position: center top !important;
    }
}

@media (min-width: 390px) and (max-width: 639px) {
    .site-brand-title {
        font-size: clamp(0.92rem, 3.7vw, 1.05rem) !important;
    }

    .site-brand-subtitle {
        font-size: clamp(0.78rem, 3.15vw, 0.9rem) !important;
    }
}

@media (min-width: 640px) {
    .period-selector > button {
        flex: 0 0 auto !important;
    }
}

.csp-style-inline-block {
    display: inline-block;
    margin: 0;
}

.btn-link-reset {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

/* Rəhbərlik bioqrafiyası: başlıq hizası və desktop sticky profil bloku */
@media (min-width: 1024px) {
    .profile-layout {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 2.5rem;
        row-gap: 0;
    }

    .profile-sidebar {
        grid-column: 1;
        grid-row: 2;
        align-self: stretch;
        min-width: 0;
    }

    .profile-sidebar-sticky {
        position: sticky;
        top: 6.5rem;
    }

    .profile-biography {
        display: contents;
    }

    .profile-heading {
        grid-column: 2 / 5;
        grid-row: 1;
        min-width: 0;
    }

    .profile-copy {
        grid-column: 2 / 5;
        grid-row: 2;
        min-width: 0;
        padding-top: 1.5rem;
    }
}