/* Enquiry popup, OTP form, navbar Enquiry button and bottom action bar */

:root {
    --enq-wa: #25D366;
    --enq-wa-dark: #1ebe5a;
    --enq-call: #4761FF;
    --enq-enq: #E8590C;
}

/* ---------- Navbar "Enquiry" button ---------- */
.btn-enquiry {
    background: var(--enq-enq);
    border-color: var(--enq-enq);
    color: #fff;
}
.btn-enquiry:hover, .btn-enquiry:focus {
    background: #c94a06;
    border-color: #c94a06;
    color: #fff;
}
/* five buttons must fit on one row between lg and xl */
.nav-actions { gap: .35rem; white-space: nowrap; }
@media (max-width: 1199.98px) {
    .nav-actions .btn { padding-left: .6rem !important; padding-right: .6rem !important; font-size: .85rem; }
}

/* ---------- Bottom action bar ---------- */
.enq-bar {
    position: fixed;
    z-index: 1030;
    display: flex;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    box-shadow: 0 -3px 14px rgba(0, 0, 0, .18);
    padding-bottom: env(safe-area-inset-bottom);
}
.enq-bar-btn {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .8rem .25rem;
    border: 0;
    color: #fff;
    font: 600 .95rem/1 'Montserrat', sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: filter .2s;
}
.enq-bar-btn i { font-size: 1.25rem; }
.enq-bar-btn:hover, .enq-bar-btn:focus { color: #fff; filter: brightness(.92); }
.enq-bar-wa   { background: var(--enq-wa); }
.enq-bar-call { background: var(--enq-call); }
.enq-bar-enq  { background: var(--enq-enq); }

/* keep the last page content clear of the bar */
.copyright { padding-bottom: 4.75rem !important; }

/* Desktop: floating pill, centred */
@media (min-width: 992px) {
    .enq-bar {
        left: 50%; right: auto; bottom: 18px;
        transform: translateX(-50%);
        gap: .5rem;
        padding: .45rem;
        border-radius: 60px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 6px 26px rgba(0, 0, 0, .28);
    }
    .enq-bar-btn {
        flex: none;
        padding: .8rem 1.6rem;
        border-radius: 50px;
    }
}
@media (max-width: 360px) {
    .enq-bar-btn { font-size: .82rem; gap: .35rem; }
    .enq-bar-btn i { font-size: 1.1rem; }
}

/* ---------- Enquiry form ---------- */
.enq-form .enq-label { font-weight: 500; margin-bottom: .35rem; display: block; }
.enq-form .enq-cc { max-width: 108px; flex: 0 0 auto; }
.enq-form .form-control, .enq-form .form-select { min-height: 3.5rem; }
.enq-form textarea { min-height: 110px; }
.enq-form .enq-send, .enq-form .enq-verify { min-width: 104px; }
.enq-form .enq-status.ok   { color: #198754; font-weight: 600; }
.enq-form .enq-status.err  { color: #dc3545; }
.enq-form .enq-status.info { color: #555; }
.enq-form.is-verified .enq-wa .form-control,
.enq-form.is-verified .enq-wa .form-select { background: #eaf7ef; }
.enq-form .enq-otp-links .btn-link { text-decoration: none; font-size: .85rem; }
.enq-form .enq-otp-links .btn-link:disabled { color: #888; }
.enq-form .enq-hp {
    position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden;
}
.enq-form.is-verified .enq-hint { display: none; }

@media (max-width: 575.98px) {
    .enq-form .enq-cc { max-width: 96px; padding-left: .5rem; padding-right: 1.6rem; }
    .enq-form .enq-send { min-width: 86px; padding-left: .6rem; padding-right: .6rem; }
    #enquiryModal .modal-body { padding: 1.1rem !important; }
}

/* ---------- Navbar fit ---------- */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .navbar .navbar-nav .nav-link { padding-left: .55rem !important; padding-right: .55rem !important; }
    .nav-actions { gap: .25rem; }
    .nav-actions .btn { padding-left: .55rem !important; padding-right: .55rem !important; font-size: .82rem; }
}
@media (max-width: 575.98px) {
    .navbar-brand { margin-right: .5rem; }
    .navbar-brand h1 { font-size: 1.55rem; }
}