/**
 * Luxury Tours Egypt — public brand overlay.
 * Colors taken from tours-admin (login + header + dashboard).
 * Loaded last so cloned layout CSS stays intact; only the palette changes.
 */
:root {
    --brand-orange: #ff7b00;
    --brand-orange-hover: #cc5500;
    --brand-orange-glow: #ffae53;
    --brand-orange-red: #ff5e00;
    --brand-orange-header: #ff8c00;
    --brand-navy: #0e1a33;
    --brand-navy-hover: #16223d;
    --brand-navy-deep: #0b1222;

    /* Former ETP teal is now the admin CTA orange */
    --brand-teal: #ff7b00;
    --brand-teal-hover: #cc5500;
    --brand-teal-light: rgba(255, 123, 0, 0.12);

    /* Former ETP mid-blue is now the admin navbar navy */
    --brand-dark-blue: #0e1a33;
    --brand-dark-blue-hover: #16223d;

    --bg-second: #f7f3ee;
    --shadow-btn-hover: 0 8px 20px rgba(255, 123, 0, 0.35);
}

[gx="fixed-whatsapp-btn"] {
    background-color: #ff7b00 !important;
}
[gx="fixed-whatsapp-btn"]:hover {
    background-color: #cc5500 !important;
}

.header-note {
    background-color: #0b1222 !important;
}

[gx-section="page-hero"] .btn-whatsapp {
    background-color: #ff7b00;
}
[gx-section="page-hero"] .btn-whatsapp:hover {
    background-color: #cc5500;
    color: #fff;
}

[gx-section="page-hero"] .btn-consultation {
    color: #0e1a33;
}

[gx-card="features"] .feature-item.active,
.feature-item.active {
    border-color: #ff7b00;
}

.navbar-brand .site-header-logo,
.navbar-brand img {
    width: auto !important;
    height: 46px !important;
    max-height: 46px !important;
    object-fit: contain;
}

.mobile-offcanvas-premium .offcanvas-header img {
    height: 36px !important;
    width: auto !important;
    object-fit: contain;
}

/* ── Tailor Made Tours: one straight pill, never wrap ───────────────── */
.main-header .btn-tailor-made {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px 18px !important;
    line-height: 1.2;
    max-width: none;
}

/* ── Mobile header: logo + icons on ONE row ─────────────────────────── */
@media (max-width: 1399.98px) {
    .main-header .navbar {
        flex-wrap: nowrap !important;
        align-items: center;
    }
    .navbar-brand .site-header-logo,
    .navbar-brand img {
        height: 38px !important;
    }
    .gx-lang-label {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .main-header .btn-tailor-made {
        display: none !important;
    }
    .navbar-brand .site-header-logo,
    .navbar-brand img {
        height: 34px !important;
    }
    .btn-outline-menu {
        padding: 6px 12px !important;
        font-size: 0.82rem !important;
    }
}

/* ISO / CSR / DMC sit in the middle on phones */
.top-bar .iso-cert a {
    margin-right: 0 !important;
}
@media (max-width: 767.98px) {
    .top-bar .mobile-iso-note {
        justify-content: center !important;
    }
    .top-bar .iso-cert {
        width: 100%;
        justify-content: center !important;
        gap: 12px;
    }
}

/* ── Inquiry wizard (cloned from egypttoursportal.com/inquiry-page) ── */
.inquiry-page { font-family: var(--font-body, Poppins, sans-serif); }
.inquiry-tour-title { font-size: 1.65rem; font-weight: 700; color: var(--brand-dark-blue, #0e1a33); }
.inquiry-stepper { display:flex; align-items:center; gap:10px; max-width:520px; }
.inq-step { display:flex; flex-direction:column; align-items:center; gap:6px; color:#9aa4b2; font-size:.78rem; }
.inq-step span { width:36px; height:36px; border-radius:50%; border:2px solid #dbe3ee; display:flex; align-items:center; justify-content:center; font-weight:700; background:#fff; }
.inq-step.active span, .inq-step.done span { background:#0e1a33; color:#fff; border-color:#0e1a33; }
.inq-step.active, .inq-step.done { color:#0e1a33; font-weight:600; }
.inq-line { flex:1; height:2px; background:#dbe3ee; }
.inquiry-card, .inquiry-summary { background:#fff; border:1px solid #eef1f6; border-radius:18px; padding:28px; box-shadow:0 8px 28px rgba(14,26,51,.05); }
.inquiry-card-title { font-size:1.2rem; font-weight:700; color:#0e1a33; margin-bottom:22px; }
.inq-pane-title { font-size:1rem; font-weight:700; color:#0e1a33; margin-bottom:18px; display:flex; align-items:center; gap:10px; }
.inq-num { width:28px; height:28px; border-radius:50%; background:#eef3f9; display:inline-flex; align-items:center; justify-content:center; font-size:.85rem; }
.btn-inq-next { background:#0e1a33; color:#fff; border:0; border-radius:999px; padding:10px 28px; font-weight:600; }
.btn-inq-back { background:#fff; color:#0e1a33; border:1px solid #dbe3ee; border-radius:999px; padding:10px 22px; font-weight:600; }
.inquiry-summary { position: sticky; top: 96px; }
.inquiry-summary h4 { font-weight:700; color:#0e1a33; margin-bottom:16px; }
.sum-tour { display:flex; gap:12px; margin-bottom:16px; }
.sum-tour img { width:72px; height:72px; object-fit:cover; border-radius:12px; }
.sum-list { list-style:none; padding:0; margin:0; }
.sum-list li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #f1f4f8; font-size:.92rem; }
.sum-edit { display:inline-block; margin-top:14px; color:#ff7b00; font-weight:600; font-size:.9rem; }
.inq-confirm table td { padding:8px 0; border-bottom:1px solid #f1f4f8; }
.inq-confirm table td:first-child { color:#6c7a89; width:40%; }
.inquiry-review-card { background:#fff; border-radius:16px; padding:18px; height:100%; box-shadow:0 6px 18px rgba(14,26,51,.05); }

[gx-section="destination-overview"] .subtitle-pill {
    color: var(--text-muted, #6c757d) !important;
}