/* Azerbaijan: Caspian blue, pomegranate red and restrained flag-green accents. */
html:root {
    --az-blue: #006b9f;
    --az-blue-deep: #00537d;
    --az-sky: #00a3d2;
    --az-red: #c62e4b;
    --az-red-deep: #a8203b;
    --az-green: #00764c;
    --az-ink: #122f47;
    --az-muted: #52697b;
    --az-border: #dbe7ef;
    --az-ice: #f3f8fc;
    --az-blue-tint: #eaf5fb;
    --az-green-tint: #eaf6f0;
    --thm-primary: var(--az-blue);
    --thm-primary-rgb: 0, 107, 159;
    --thm-black: var(--az-ink);
    --thm-black-rgb: 18, 47, 71;
    --thm-dark-black: #0b2236;
    --thm-dark-black-rgb: 11, 34, 54;
    --thm-secondary: #42677f;
    --thm-secondary-rgb: 66, 103, 127;
    --thm-gray: var(--az-muted);
    --thm-gray-rgb: 82, 105, 123;
    --thm-border: var(--az-border);
    --thm-border-rgb: 219, 231, 239;
    --thm-light-bg: var(--az-ice);
    --thm-light-bg-rgb: 243, 248, 252;
}

body { color: var(--az-muted); background: #fff; accent-color: var(--az-blue); }
body ::selection { color: #fff; background: var(--az-blue); }
body a:focus-visible, body button:focus-visible, body summary:focus-visible {
    outline: 3px solid var(--az-sky); outline-offset: 4px;
}
body .header { position: relative; background: #fff !important; }
body .header::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #00a3d2 0 33.333%, #d53a52 33.333% 66.666%, #00935e 66.666% 100%);
    z-index: 3; pointer-events: none;
}
body .topbar { background: #122f47; border: 0; padding-top: 4px; }
body .topbar-right li a, body .topbar-text a { color: #e0edf6; }
body .topbar-right li a:hover, body .topbar-text a:hover { color: #8cddfa; }
body .main-menu, body .main-menu-logo { background: #fff !important; }
body .main-menu { border-bottom: 1px solid #e6eef4; }
body .main-menu .main-menu-list > li > a { color: var(--az-ink); }
body .main-menu .main-menu-list > li > a:hover,
body .main-menu .main-menu-list > li.active > a { color: var(--az-blue); }
body .mobile-menu-button span { background: var(--az-ink); }
body .main-menu-right .form-select { border-color: var(--az-border); color: var(--az-ink); background-color: #fff; }
body .btn-primary, body .az-action {
    background: var(--az-red); border-color: var(--az-red); color: #fff !important;
    box-shadow: 0 6px 16px rgba(166, 32, 59, .12);
}
body .main-menu-right-button .btn-primary { border-radius: 10px; }
body .btn-primary:hover, body .btn-primary:active, body .btn-primary:focus,
body .az-action:hover { background: var(--az-red-deep); border-color: var(--az-red-deep); color: #fff; }
body .scroll-to-top { background: var(--az-blue); border-radius: 10px; }
body .scroll-to-top:hover { background: var(--az-blue-deep); }

/* Hero: a quiet navy overlay lets the Baku photograph and flag colours lead. */
body .uz-hero { background: #102d46; }
body .uz-hero-overlay {
    background: linear-gradient(90deg, rgba(7, 30, 52, .91) 0%, rgba(7, 30, 52, .68) 38%, rgba(7, 30, 52, .10) 76%, rgba(7, 30, 52, .04) 100%);
}
body .uz-hero-title .uz-hero-country { color: #8edcff; }
body .uz-hero-badge { background: rgba(15, 61, 93, .55); border-color: rgba(149, 216, 246, .30); }
body .uz-hero-badge-dot { background: #32cba0; box-shadow: 0 0 0 6px rgba(50, 203, 160, .14); }
body .uz-hero-btn-primary {
    background: var(--az-red); color: #fff !important;
    box-shadow: 0 10px 28px rgba(113, 17, 41, .25);
}
body .uz-hero-btn-primary:hover { background: var(--az-red-deep); }
body .uz-hero-btn-secondary, body .uz-hero-btn-track {
    background: rgba(13, 47, 73, .38); border-color: rgba(207, 233, 248, .38);
}
body .uz-hero-btn-secondary:hover, body .uz-hero-btn-track:hover { background: rgba(0, 107, 159, .72); }
body .uz-hero-pill { background: rgba(10, 42, 67, .4); border-color: rgba(207, 233, 248, .25); }
body .uz-hero-pill i { color: #8edcff; }

/* The same blue/white card language continues below the photograph. */
body .nationality-checker-box { border-color: var(--az-border); box-shadow: 0 18px 54px rgba(19, 59, 86, .09); }
body .nationality-checker-badge, body .uz-home-lite-badge,
body .az-kicker, body .apply-form-kicker { color: var(--az-blue); }
body .nationality-checker-badge, body .uz-home-lite-badge, body .apply-form-kicker { background: var(--az-blue-tint); }
body .nationality-checker-title, body .uz-home-lite-title,
body .uz-country-name, body .az-guide-heading h2, body .az-guide-card h3,
body .az-guide-card strong, body .az-guide-note strong, body .az-guide-faq summary { color: var(--az-ink); }
body .nationality-checker-text, body .popular-nationality-label,
body .uz-home-lite-text, body .az-guide-heading p, body .az-guide-card p,
body .az-guide-card ul, body .az-guide-note p, body .az-guide-faq p,
body .az-guide-source { color: var(--az-muted); }
body .nationality-checker-mini-card {
    background: linear-gradient(135deg, #006b9f, #0086ad);
    box-shadow: 0 12px 28px rgba(0, 107, 159, .16);
}
body .nationality-checker-btn, body .uz-section-btn,
body .eligibility-result-btn { background: var(--az-blue); box-shadow: 0 8px 22px rgba(0, 107, 159, .16); color: #fff !important; }
body .nationality-checker-btn:hover, body .uz-section-btn:hover,
body .eligibility-result-btn:hover { background: var(--az-blue-deep); }
body .nationality-select-icon, body .nationality-select-arrow,
body .uz-country-link, body .az-guide-metric { color: var(--az-blue); }
body .nationality-select { border-color: #bfd4e2; color: var(--az-ink); }
body .nationality-select:focus { border-color: var(--az-blue); box-shadow: 0 0 0 4px rgba(0, 107, 159, .12); }
body .popular-nationality-pill { background: var(--az-blue-tint); color: var(--az-blue-deep) !important; border-color: #d5e7f2; }
body .popular-nationality-pill:hover { background: #dceff9; color: var(--az-blue-deep) !important; }
body .uz-home-lite-section, body .az-guide-section.az-guide-tint { background: var(--az-ice); }
body .uz-home-lite-section.white-bg { background: #fff; }
body .uz-country-card, body .az-guide-card, body .az-guide-faq details { border-color: var(--az-border); }
body .uz-country-card:hover { border-color: #7ab6d5; box-shadow: 0 16px 36px rgba(0, 83, 125, .10); }
body .flag-fallback { color: var(--az-blue); background: var(--az-blue-tint); }
body .az-guide-step::before { color: var(--az-blue); background: var(--az-blue-tint); }
body .az-guide-note { background: var(--az-green-tint); border-left-color: var(--az-green); }
body .az-guide-card a, body .az-guide-note a, body .az-guide-source a,
body .az-guide-faq a { color: var(--az-blue); }
body .az-guide-faq details[open] summary { background: #f5faff; border-color: var(--az-border); }
body .az-guide-faq summary:focus-visible { outline-color: var(--az-blue); }
body .az-guide-faq summary::marker { color: var(--az-blue); }

/* General content, forms and directories share the palette without content changes. */
body .az-page, body .az-page h1, body .az-page h2,
body .az-page summary, body .az-info-card strong { color: var(--az-ink); }
body .az-page p, body .az-page li { color: var(--az-muted); }
body .az-page a:not(.az-action), body .page-breadcrumbs a,
body .contact-box p a { color: var(--az-blue); }
body .az-info-card, body .az-aside { background: var(--az-ice); border-color: var(--az-border); }
body .az-page details { border-color: var(--az-border); }
body .az-page details[open] summary { color: var(--az-blue); }
body .page-banner { background: var(--az-ice); }
body .page-banner-title h1, body .page-banner-title h2, body .page-banner-title h3 { color: var(--az-ink); }
body .page-breadcrumbs li, body .page-breadcrumbs li a, body .page-breadcrumbs li span { color: var(--az-muted); }
body .section-tagline { color: var(--az-blue); }
body .input-text, body .contact-form .input-text { background: #f6faff; border: 1px solid var(--az-border); color: var(--az-ink); }
body .input-text:focus, body .form-control:focus, body .form-select:focus {
    border-color: var(--az-blue); box-shadow: 0 0 0 3px rgba(0, 107, 159, .12);
}
body .apply-progress-chip, body .apply-step-tab.is-active { background: var(--az-blue-tint); border-color: #9dc6dc; color: var(--az-blue-deep); }
body .apply-progress-chip i, body .apply-step-tab.is-active span { color: var(--az-blue); }
body .apply-step-tab.is-complete span { background: var(--az-green); }
body .apply-step-tab span { background: var(--az-blue-tint); color: var(--az-blue-deep); }
body .price_area { background: var(--az-ink); }
body .price_area p, body .price_area strong, body .price_area small { color: #edf6fc; }
body .apply-choice-input:checked + .apply-choice-card {
    background: linear-gradient(180deg, #f7fbfe, #eaf5fb); border-color: var(--az-blue);
    box-shadow: 0 10px 22px rgba(0, 107, 159, .10);
}
body .apply-choice-card:hover { border-color: #72aecb; }
body .apply-choice-input:checked + .apply-choice-card .apply-choice-indicator { border-color: var(--az-blue); }
body .apply-choice-input:checked + .apply-choice-card .apply-choice-indicator::after { background: var(--az-blue); }
body .apply-choice-price, body .visa-date-area > label.fw-bold { color: var(--az-blue-deep); }
body .apply-upload-card { border-color: #aacddd; background: #f7fbfe; }
body .apply-upload-icon { background: var(--az-blue-tint); color: var(--az-blue); }
body .apply-upload-button, body .mrz-scan-button { background: var(--az-blue); color: #fff; }
body .apply-upload-button:hover, body .mrz-scan-button:hover { background: var(--az-blue-deep); }
body .input_area .input-text:focus, body .input_area .form-control:focus {
    border-color: var(--az-blue); box-shadow: 0 0 0 3px rgba(0, 107, 159, .12);
}
body .flatpickr-day.selected, body .flatpickr-day.startRange, body .flatpickr-day.endRange,
body .flatpickr-day.selected:hover, body .flatpickr-day.startRange:hover, body .flatpickr-day.endRange:hover {
    background: var(--az-blue); border-color: var(--az-blue); color: #fff;
}
body .az-info-card span { color: var(--az-muted); }
body .az-page > p[style*="color:#087c67"] { color: var(--az-blue) !important; }
body .legal-page { background: var(--az-ice); }
body .legal-card, body .legal-section { border-color: var(--az-border); }
body .legal-effective-date { background: var(--az-blue-tint); color: var(--az-blue-deep); }
body .legal-section h2 { color: var(--az-ink); }
body .legal-intro, body .legal-section p, body .legal-section li { color: var(--az-muted); }
body .legal-contact { background: var(--az-blue-tint); border-left-color: var(--az-blue); }
body .legal-contact a, body .legal-note a { color: var(--az-blue-deep); }

body .cs-hero, body .cs-bottom-cta-box,
body .embassy-hero, body .mission-hero { background: linear-gradient(125deg, #102f48, #005e85); }
body .embassy-hero h1, body .mission-hero h1 { color: #fff; }
body .embassy-hero p, body .mission-hero p, body .cs-hero-sub { color: #e0edf6; }
body .embassy-badge { background: #cdefff; color: #164962; }
body .mission-hero .mission-kicker { color: #a5e3ff; }
body .mission-actions a:not(.secondary), body .mission-rail-card a.cta {
    background: var(--az-red); color: #fff;
}
body .mission-actions a:not(.secondary):hover, body .mission-rail-card a.cta:hover { background: var(--az-red-deep); }
body .mission-answer { background: var(--az-blue-tint); border-color: #c6e2f0; }
body .mission-content h2, body .mission-fact strong, body .embassy-card h2 a { color: var(--az-ink); }
body .mission-rail-card.primary { background: #103c58; border-color: #175676; color: #fff; }
body .mission-rail-card.primary h2 { color: #fff; }
body .mission-rail-card.primary p { color: #dfedf6; }
body .mission-rail-card a.link, body .intent-links a, body .mission-content a,
body .embassy-card .view-link { color: var(--az-blue); }
body .intent-links a { background: var(--az-blue-tint); border-color: #c6e2f0; }
body .mission-fact, body .embassy-card, body .mission-rail-card { border-color: var(--az-border); }
body .embassy-card .verified { color: var(--az-green); }
body .cs-body, body .cs-bottom-cta, body .cs-search-bar { background: var(--az-ice); }
body .cs-popular-link:hover, body .cs-popular-link:focus { background: var(--az-blue-tint); border-color: #91bfd8; }
body .cs-alpha-link { color: var(--az-blue-deep); border-color: #d5e5ef; }
body .cs-alpha-link:hover { color: #fff; background: var(--az-blue); border-color: var(--az-blue); box-shadow: 0 4px 12px rgba(0, 107, 159, .18); }
body .cs-alpha-link--disabled { color: #8b9daa; border-color: #e8eef3; }
body .cs-letter-heading, body .cs-view-link { color: var(--az-blue); background: var(--az-blue-tint); }
body .cs-card--active:hover .cs-view-link { color: #fff; background: var(--az-blue); }
body .cs-search-input:focus, body .embassy-search:focus {
    border-color: var(--az-blue); outline-color: var(--az-blue); box-shadow: 0 0 0 3px rgba(0, 107, 159, .12);
}
body .cs-search-input::placeholder, body .embassy-search::placeholder,
body .input-text::placeholder, body .status-input-simple::placeholder { color: #697e8f; opacity: 1; }
body .status-btn-simple { background: var(--az-blue); }
body .status-btn-simple:hover { background: var(--az-blue-deep); }

/* A dark Caspian footer gives the white wordmark and links clear contrast. */
body .footer { background: linear-gradient(150deg, #102f48, #091f33) !important; }
body .footer::before {
    inset: 0 0 auto; height: 4px;
    background: linear-gradient(90deg, #00a3d2 0 33.333%, #d53a52 33.333% 66.666%, #00935e 66.666% 100%);
}
body .footer-widget-explore ul li a, body .footer-widget-department ul li a,
body .footer-widget-contact ul li a { color: #c9dce9 !important; }
body .footer-widget-explore ul li a:hover, body .footer-widget-department ul li a:hover,
body .footer-widget-contact ul li a:hover { color: #8edcff !important; }
body .mobile-nav-content { background: #102f48; }

/* Homepage package actions and a compact mobile application shortcut. */
body .az-plan-card { display: flex; flex-direction: column; align-items: flex-start; }
body .az-plan-card p { margin-bottom: 24px; }
body .az-guide-card .az-plan-apply,
body .az-home-mobile-apply-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    min-height: 52px; width: 100%; padding: 13px 20px;
    border: 1px solid var(--az-red); border-radius: 11px;
    background: var(--az-red); color: #fff; font-size: 16px; font-weight: 800;
    line-height: 1.5; text-decoration: none; text-align: center;
}
body .az-guide-card .az-plan-apply { margin-top: auto; }
body .az-guide-card .az-plan-apply:hover,
body .az-home-mobile-apply-link:hover { background: var(--az-red-deep); border-color: var(--az-red-deep); color: #fff; }
body .az-guide-card .az-plan-apply:focus-visible,
body .az-home-mobile-apply-link:focus-visible { outline: 3px solid var(--az-blue); outline-offset: 4px; }
body .az-home-mobile-apply { display: none; }

@media (max-width: 767px) {
    body:has(.az-home-mobile-apply) { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
    body .az-home-mobile-apply {
        display: block; position: fixed; inset: auto 0 0; z-index: 1000;
        padding: 12px max(18px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(18px, env(safe-area-inset-left, 0px));
        border-top: 1px solid var(--az-border); background: #fff;
        box-shadow: 0 -5px 24px rgba(18, 47, 71, .10);
    }
    body .az-home-mobile-apply-link { max-width: 540px; margin: 0 auto; display: flex; }
    body:has(.az-home-mobile-apply) .scroll-to-top { right: 18px; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
    body:has(.az-home-mobile-apply) .whatsapp-float { bottom: calc(156px + env(safe-area-inset-bottom, 0px)); }
    body.locked .az-home-mobile-apply, body.modal-open .az-home-mobile-apply { display: none; }
    body.locked:has(.az-home-mobile-apply) .scroll-to-top,
    body.locked:has(.az-home-mobile-apply) .whatsapp-float,
    body.modal-open:has(.az-home-mobile-apply) .scroll-to-top,
    body.modal-open:has(.az-home-mobile-apply) .whatsapp-float { visibility: hidden; }
    body .uz-hero-overlay {
        background: linear-gradient(90deg, rgba(7, 30, 52, .90), rgba(7, 30, 52, .54)), linear-gradient(0deg, rgba(7, 30, 52, .35), transparent);
    }
}