/* EUROSTAR — phone-first chrome (loaded last) */

:root {
    --mobile-dock-h: 64px;
}

/* Keep a slim credibility bar on phones (phone + WhatsApp + Sharjah) */
@media (max-width: 900px) {
    .top-bar {
        display: block !important;
        font-size: 11px;
    }

    .top-bar__locations,
    .top-bar__social,
    .top-bar__lang {
        display: none !important;
    }

    .top-bar__inner {
        padding: 6px 14px;
        justify-content: center;
        gap: 12px;
    }

    .container {
        width: min(100% - 28px, 1120px);
        padding-left: max(14px, env(safe-area-inset-left, 0px));
        padding-right: max(14px, env(safe-area-inset-right, 0px));
    }

    .header__main {
        padding: 10px 14px;
        gap: 8px;
        min-height: 56px;
    }

    .header__logo-img {
        height: 48px;
        max-width: min(168px, 46vw);
    }

    .header__menu-toggle {
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .header__phone {
        width: 44px;
        height: 44px;
        justify-content: center;
    }

    .nav.nav--open {
        max-height: min(70vh, 520px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav__link {
        min-height: 48px;
        display: flex;
        align-items: center;
        font-size: 1rem;
    }

    body {
        padding-bottom: calc(var(--mobile-dock-h) + env(safe-area-inset-bottom, 0px));
    }

    /* Floating WA replaced by dock on phones */
    .whatsapp-float {
        display: none !important;
    }
}

/* Sticky thumb dock — always reachable */
.mobile-dock {
    display: none;
}

@media (max-width: 900px) {
    .mobile-dock {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1200;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        min-height: var(--mobile-dock-h);
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
        background: rgba(8, 8, 8, 0.96);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .mobile-dock__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-height: 52px;
        padding: 6px 4px;
        color: rgba(255, 255, 255, 0.88);
        text-decoration: none;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.02em;
        border-radius: 10px;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-dock__item:active {
        background: rgba(255, 255, 255, 0.08);
    }

    .mobile-dock__item--wa {
        color: #fff;
        background: rgba(37, 211, 102, 0.18);
        border: 1px solid rgba(37, 211, 102, 0.55);
        font-weight: 700;
    }

    .mobile-dock__item--wa:active {
        background: rgba(37, 211, 102, 0.28);
    }

    .mobile-dock__icon {
        width: 20px;
        height: 20px;
        display: block;
    }

    .trust-band__label {
        font-size: 10px;
        letter-spacing: 0.08em;
        line-height: 1.35;
    }

    .btn {
        border-radius: 10px;
    }
}

@media (min-width: 901px) {
    .mobile-dock {
        display: none !important;
    }
}