/**
 * gl-boutique-theme.css v20260606boutiqueTheme1
 * Bendras boutique stilius: index → modalai → portal puslapiai (sek, mokėjimai, savitarna, gedimas).
 * Šilta kremo tipografija, CTA oranžinė akcentas — be calm-sky mėlynos.
 */

html.gl-ui-2026 {
    --calm-sky: #c4956a;
    --calm-sky-rgb: 196, 149, 106;
    --calm-sky-dim: rgba(196, 149, 106, 0.14);
    --gl-glass-focus-outline-sky: rgba(249, 115, 22, 0.72);
    --gl-ui-glow-sky: rgba(249, 115, 22, 0.14);
    --gl-glass-tile-sky: rgba(249, 115, 22, 0.08);
    --gl-glass-sky-well: rgba(249, 115, 22, 0.12);
    --gl-glass-mic-sky-mid: rgba(249, 115, 22, 0.72);
    --gl-glass-mic-sky-glow: rgba(249, 115, 22, 0.42);
    --gl-boutique-accent-border: rgba(249, 115, 22, 0.32);
    --gl-boutique-accent-soft: rgba(249, 115, 22, 0.12);
}

/* ---- Fokusas (visas puslapis + portal formos) ---- */
html.gl-ui-2026 :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    textarea,
    select
):is(:focus, :focus-visible) {
    outline: none !important;
    border-color: var(--gl-modal-focus-border, rgba(249, 115, 22, 0.58)) !important;
    box-shadow: 0 0 0 2px var(--gl-modal-focus-ring, rgba(249, 115, 22, 0.2)) !important;
}

html.gl-ui-2026 :is(input[type="checkbox"], input[type="radio"]):focus-visible {
    outline: 2px solid var(--gl-modal-focus-outline, rgba(249, 115, 22, 0.72)) !important;
    outline-offset: 2px !important;
}

/* ---- Mygtukai ir nuorodos (index) ---- */
html.gl-ui-2026 .btn-ghost {
    border-color: var(--gl-boutique-accent-border) !important;
    color: var(--text-heading, #f2efe8) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

html.gl-ui-2026 .btn-ghost:hover,
html.gl-ui-2026 .btn-ghost:focus-visible {
    background: var(--gl-boutique-accent-soft) !important;
    border-color: rgba(249, 115, 22, 0.55) !important;
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 :is(
    .info-modal-body,
    .contact-email-modal-body,
    .call-modal-copy,
    .hero,
    .sec-block,
    .seo-block
) a:not(.btn):not(.bubble-link) {
    color: #d4a574 !important;
}

html.gl-ui-2026 :is(
    .info-modal-body,
    .contact-email-modal-body,
    .call-modal-copy,
    .hero,
    .sec-block,
    .seo-block
) a:not(.btn):not(.bubble-link):hover,
html.gl-ui-2026 :is(
    .info-modal-body,
    .contact-email-modal-body,
    .call-modal-copy,
    .hero,
    .sec-block,
    .seo-block
) a:not(.btn):not(.bubble-link):focus-visible {
    color: var(--cta, #f97316) !important;
}

/* ---- Scrollbar (warm, ne mėlynas) ---- */
html.gl-ui-2026,
html.gl-ui-2026 body {
    scrollbar-width: thin;
    scrollbar-color: rgba(249, 115, 22, 0.55) #14110f;
}

html.gl-ui-2026 ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html.gl-ui-2026 ::-webkit-scrollbar-track {
    background: #14110f;
}

html.gl-ui-2026 ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #fb923c, #9a3412);
    border: 2px solid #14110f;
    border-radius: 999px;
}

/* ---- Portal kortelės: sek, mokėjimai, savitarna, gedimas ---- */
html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) {
    border-color: var(--gl-glass-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-muted, rgba(228, 225, 218, 0.78));
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container):hover {
    border-color: var(--gl-boutique-accent-border) !important;
    box-shadow:
        0 0 0 1px var(--gl-glass-ring-soft, rgba(255, 255, 255, 0.05)),
        0 0 32px -8px var(--gl-glass-cta-glow-soft, rgba(249, 115, 22, 0.18)),
        0 24px 56px rgba(0, 0, 0, 0.45) !important;
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) :is(h1, h2, h3, h4, .head h1) {
    color: var(--text-heading, #f2efe8) !important;
    -webkit-text-fill-color: var(--text-heading, #f2efe8) !important;
    background: none !important;
    text-shadow: none !important;
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) :is(p, label, .subtitle, .hint) {
    color: var(--text-muted, rgba(228, 225, 218, 0.78)) !important;
    border-left-color: var(--gl-boutique-accent-border) !important;
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) :is(input, textarea, select) {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(0, 0, 0, 0.28) !important;
    color: var(--text-heading, #f2efe8) !important;
    font-family: var(--gl-ui-font-display, "Zilla Slab", Georgia, serif);
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) :is(
    button,
    .btn,
    .btn-primary,
    input[type="submit"]
):not(.gl-lang-seg-btn):not(.gl-dd-toggle):not(.gl-a11y-pill):not(.gl-a11y-btn) {
    background: var(--cta, #f97316) !important;
    color: var(--cta-text, #0c0a09) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.28) !important;
    font-weight: 700;
}

html.gl-ui-2026 :is(.tracking-card, .shell, .key-container) :is(
    button,
    .btn,
    .btn-primary,
    input[type="submit"]
):not(.gl-lang-seg-btn):not(.gl-dd-toggle):not(.gl-a11y-pill):not(.gl-a11y-btn):hover:not(:disabled) {
    background: var(--cta-hover, #fb923c) !important;
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.38) !important;
}

html.gl-ui-2026 :is(
    .res-label,
    .section-title,
    .section-title i,
    .history-table th,
    .status-highlight,
    .history-date
) {
    color: var(--cta, #f97316) !important;
}

html.gl-ui-2026 :is(
    .history-table th,
    .res-item,
    .info-footer,
    .section-title,
    #trackingResultArea,
    .auto-tracking-notice
) {
    border-color: var(--gl-boutique-accent-border) !important;
}

html.gl-ui-2026 :is(
    .history-table th,
    .auto-tracking-notice,
    #trackingResultArea
) {
    background: var(--gl-boutique-accent-soft) !important;
}

html.gl-ui-2026 .tracking-logo {
    border-color: var(--gl-boutique-accent-border) !important;
    background: rgba(249, 115, 22, 0.06) !important;
    box-shadow: 0 0 18px rgba(249, 115, 22, 0.12) !important;
}

html.gl-ui-2026 .spinner {
    border-color: rgba(249, 115, 22, 0.2) !important;
    border-top-color: var(--cta, #f97316) !important;
}

html.gl-ui-2026 .sek-delivery-policy {
    background: var(--gl-boutique-accent-soft) !important;
    border-left-color: var(--cta, #f97316) !important;
}

html.gl-ui-2026 .sek-delivery-policy__title {
    color: #fdba74 !important;
}

html.gl-ui-2026 .sek-delivery-policy__text a {
    color: var(--cta, #f97316) !important;
}

/* ---- Savitarna / portal tabai, akcentai ---- */
html.gl-ui-2026 :is(.portal-tab, .tab-btn, .nav-tab).is-active,
html.gl-ui-2026 :is(.portal-tab, .tab-btn, .nav-tab):hover {
    border-color: var(--gl-boutique-accent-border) !important;
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 .page-lang-switch-btn.is-active,
html.gl-ui-2026 .page-lang-switch-btn:hover {
    border-color: var(--gl-boutique-accent-border) !important;
    background: var(--gl-boutique-accent-soft) !important;
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 .page-lang-switch-btn {
    border-color: var(--gl-boutique-accent-border) !important;
    color: var(--text-muted, rgba(228, 225, 218, 0.78)) !important;
}

/* ---- Mažiau mėlynos ant index hero/dekoracijų ---- */
html.gl-ui-2026 .hero-side-card {
    border-color: var(--gl-boutique-accent-border) !important;
}

html.gl-ui-2026 .hero-side-card :is(h3, .badge) {
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 .hero-side-card .badge {
    background: var(--gl-boutique-accent-soft) !important;
    border-color: var(--gl-boutique-accent-border) !important;
    color: #fdba74 !important;
}

/* ---- A11y fokusas: CTA oranžinė (ne mėlyna) ---- */
html.gl-ui-2026 :is(
    .btn,
    a.btn,
    button,
    .bubble-link,
    .email-bubble,
    .chat-bubble,
    summary
):focus-visible {
    outline: 3px solid var(--gl-modal-focus-outline, rgba(249, 115, 22, 0.72)) !important;
    outline-offset: 3px;
}

/* ---- SEO puslapiai (/seo/) ---- */
html.gl-ui-2026 body.seo-page .seo-card,
html.gl-ui-2026 body.seo-page .seo-faq-item,
html.gl-ui-2026 body.seo-page .seo-cta,
html.gl-ui-2026 body.seo-page .seo-benefits-bar {
    backdrop-filter: blur(22px) saturate(1.18);
    -webkit-backdrop-filter: blur(22px) saturate(1.18);
    border-color: var(--gl-glass-border, rgba(255, 255, 255, 0.1)) !important;
    box-shadow:
        0 0 0 1px var(--gl-glass-ring-soft, rgba(255, 255, 255, 0.05)),
        0 0 40px -8px var(--gl-glass-cta-glow-soft, rgba(249, 115, 22, 0.18)),
        0 24px 60px var(--gl-glass-shadow-deep, rgba(0, 0, 0, 0.45)),
        inset 0 1px 0 var(--gl-glass-inset-top, rgba(255, 255, 255, 0.07)) !important;
}

html.gl-ui-2026 body.seo-page .seo-card h2,
html.gl-ui-2026 body.seo-page .seo-tech-specs h3,
html.gl-ui-2026 body.seo-page .seo-hero h1,
html.gl-ui-2026 body.seo-page .seo-cta h2 {
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 body.seo-page :is(.seo-back, .seo-popular-links a, .seo-footer a, .seo-cities a) {
    color: #d4a574 !important;
}

html.gl-ui-2026 body.seo-page :is(.seo-back, .seo-popular-links a, .seo-footer a, .seo-cities a):hover {
    color: var(--cta, #f97316) !important;
}

html.gl-ui-2026 body.seo-page .seo-cities a {
    border-color: rgba(249, 115, 22, 0.25) !important;
}

html.gl-ui-2026 body.seo-page .seo-cities a:hover {
    background: rgba(249, 115, 22, 0.08) !important;
    border-color: rgba(249, 115, 22, 0.45) !important;
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 body.seo-page .seo-top-spotlight {
    border-left-color: rgba(249, 115, 22, 0.55) !important;
}

html.gl-ui-2026 body.seo-page .seo-logo {
    filter: drop-shadow(0 0 18px rgba(249, 115, 22, 0.18)) !important;
}

/* ---- DUK: klausimai ne 100% balti (mažiau rėžia akis) ---- */
html.gl-ui-2026 .seo-block details.faq-item summary {
    color: rgba(228, 225, 218, 0.72) !important;
    font-weight: 600;
}

html.gl-ui-2026 .seo-block details.faq-item[open] summary {
    color: rgba(242, 239, 232, 0.88) !important;
}

html.gl-ui-2026 .seo-block details.faq-section > summary.faq-section-summary {
    color: rgba(196, 149, 106, 0.92) !important;
    font-weight: 600;
}

html.gl-ui-2026 .seo-block .faq-section-title {
    color: rgba(196, 149, 106, 0.92) !important;
    font-weight: 600;
}

html.gl-ui-2026 .seo-block .faq-intro {
    color: rgba(228, 225, 218, 0.68) !important;
    font-weight: 600;
}

html.gl-ui-2026 .final-mini-faq .mini-q {
    color: rgba(228, 225, 218, 0.72) !important;
    font-weight: 700;
}

html.gl-ui-2026 body.seo-page .seo-faq-q {
    color: rgba(228, 225, 218, 0.72) !important;
    font-weight: 600;
}

/* ---- Modalai: likusios mėlynos → CTA oranžinė ---- */
html.gl-ui-2026 .portal-modal-head-icon.portal-login-hero-dial {
    background: rgba(249, 115, 22, 0.12) !important;
    border-color: rgba(249, 115, 22, 0.35) !important;
    color: #fdba74 !important;
}

html.gl-ui-2026 .portal-method-card:hover {
    border-color: rgba(249, 115, 22, 0.42) !important;
    background: rgba(249, 115, 22, 0.1) !important;
}

html.gl-ui-2026 .portal-method-card.is-active {
    border-color: rgba(249, 115, 22, 0.75) !important;
    background: linear-gradient(165deg, rgba(249, 115, 22, 0.22), rgba(120, 53, 15, 0.35)) !important;
    box-shadow:
        0 0 0 1px rgba(249, 115, 22, 0.35),
        0 12px 36px rgba(249, 115, 22, 0.2) !important;
    color: #fff7ed !important;
}

html.gl-ui-2026 .portal-method-card:focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.45) !important;
}

html.gl-ui-2026 .portal-method-card-icon {
    color: rgba(253, 186, 116, 0.85) !important;
}

html.gl-ui-2026 .portal-method-card.is-active .portal-method-card-icon {
    border-color: rgba(249, 115, 22, 0.45) !important;
    color: #fde68a !important;
}

html.gl-ui-2026 .portal-login-btn {
    background: linear-gradient(135deg, #ea580c, #c2410c) !important;
    color: #fff7ed !important;
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.35) !important;
}

html.gl-ui-2026 .portal-login-input:focus,
html.gl-ui-2026 .portal-login-input.portal-login-input--pulse:focus {
    border-color: rgba(249, 115, 22, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2) !important;
}

html.gl-ui-2026 .portal-login-input.portal-login-input--pulse {
    animation: gl-portal-input-pulse-orange 1.25s ease-in-out infinite !important;
}

@keyframes gl-portal-input-pulse-orange {
    0%, 100% {
        border-color: rgba(249, 115, 22, 0.55);
        box-shadow:
            0 0 0 3px rgba(249, 115, 22, 0.28),
            0 0 22px rgba(249, 115, 22, 0.2);
    }

    50% {
        border-color: rgba(249, 115, 22, 0.98);
        box-shadow:
            0 0 0 6px rgba(249, 115, 22, 0.42),
            0 0 36px rgba(249, 115, 22, 0.38);
    }
}

html.gl-ui-2026 .call-modal-title {
    color: var(--text-heading, #f2efe8) !important;
}

html.gl-ui-2026 .call-modal-time-now {
    color: #fdba74 !important;
}

html.gl-ui-2026 .call-time-chevron {
    color: rgba(249, 115, 22, 0.85) !important;
}

html.gl-ui-2026 .call-time-dropdown {
    border-color: rgba(249, 115, 22, 0.35) !important;
}

html.gl-ui-2026 .call-time-option:hover,
html.gl-ui-2026 .call-time-option:focus-visible {
    background: rgba(249, 115, 22, 0.16) !important;
}

html.gl-ui-2026 .gl-mok-modal__input:focus,
html.gl-ui-2026 .gl-mok-modal__select:focus {
    border-color: rgba(249, 115, 22, 0.65) !important;
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2) !important;
}

html.gl-ui-2026 .gl-mok-modal__btn,
html.gl-ui-2026 .gl-mok-modal__btn--primary {
    background: var(--cta, #f97316) !important;
    color: var(--cta-text, #0c0a09) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.32) !important;
}

html.gl-ui-2026 .gl-mok-modal__btn:hover:not(:disabled),
html.gl-ui-2026 .gl-mok-modal__btn--primary:hover:not(:disabled) {
    background: var(--cta-hover, #fb923c) !important;
}

html.gl-ui-2026 .gl-mok-modal__pay-tab.is-active {
    border-color: rgba(249, 115, 22, 0.65) !important;
    background: rgba(249, 115, 22, 0.14) !important;
    color: #fde68a !important;
}

html.gl-ui-2026 .gl-mok-modal__hint-link {
    color: #d4a574 !important;
}

html.gl-ui-2026 .gl-mok-modal__hint-link:hover {
    color: var(--cta, #f97316) !important;
}

html.gl-ui-2026 .gl-bf-tile--sky {
    background: rgba(249, 115, 22, 0.08) !important;
}

html.gl-ui-2026 .payment-card input#searchValue.mok-search-input--pulse,
html.gl-ui-2026 #searchValue.mok-search-input--pulse {
    animation: gl-mok-search-pulse-orange 1.25s ease-in-out infinite !important;
    border-color: rgba(249, 115, 22, 0.65) !important;
}

html.gl-ui-2026 .payment-card input#searchValue.mok-search-input--pulse:focus,
html.gl-ui-2026 #searchValue.mok-search-input--pulse:focus {
    border-color: rgba(249, 115, 22, 0.9) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.32) !important;
}

@keyframes gl-mok-search-pulse-orange {
    0%, 100% {
        border-color: rgba(249, 115, 22, 0.55);
        box-shadow:
            0 0 0 3px rgba(249, 115, 22, 0.28),
            0 0 22px rgba(249, 115, 22, 0.2);
    }

    50% {
        border-color: rgba(249, 115, 22, 0.98);
        box-shadow:
            0 0 0 6px rgba(249, 115, 22, 0.42),
            0 0 36px rgba(249, 115, 22, 0.38);
    }
}

html.gl-ui-2026 #searchBtn {
    background: linear-gradient(135deg, #ea580c, #c2410c) !important;
    color: #fff7ed !important;
    box-shadow:
        0 8px 24px rgba(249, 115, 22, 0.32),
        0 0 0 1px rgba(249, 115, 22, 0.2) !important;
}

html.gl-ui-2026 .inactivity-box h3,
html.gl-ui-2026 .inactivity-countdown {
    color: #fdba74 !important;
}