/**
 * Privacy / Terms pages: compact header (no mega-nav) + LP footer logo sizing.
 * Load after main.css; pair with style-web.css for LP footer styles.
 */

header.legal-lp-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    z-index: 100;
    padding: 14px 0;
    background: linear-gradient(135deg, #1a0d18 0%, #2a1530 45%, #1c2436 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

header.legal-lp-topbar .legal-lp-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

header.legal-lp-topbar .legal-lp-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

header.legal-lp-topbar a.logo-link {
    display: inline-block;
    line-height: 0;
}

header.legal-lp-topbar img.lp-logo {
    width: auto !important;
    max-height: 52px !important;
    max-width: min(220px, 58vw);
    height: auto;
    object-fit: contain;
    display: block;
}

header.legal-lp-topbar .legal-lp-phone {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 22px;
    font-size: 15px;
}

header.legal-lp-topbar .legal-lp-phone li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

header.legal-lp-topbar .legal-lp-phone a {
    color: #7dd3fc;
    text-decoration: none;
    font-weight: 500;
}

header.legal-lp-topbar .legal-lp-phone a:hover {
    color: #ffffff;
    text-decoration: underline;
}

header.legal-lp-topbar .legal-lp-phone .fa {
    color: #fda16c;
    font-size: 16px;
}

@media (max-width: 767px) {
    header.legal-lp-topbar .legal-lp-row {
        flex-direction: column;
        text-align: center;
    }

    header.legal-lp-topbar .legal-lp-phone {
        justify-content: center;
    }

    header.legal-lp-topbar .legal-lp-phone li {
        white-space: normal;
        justify-content: center;
    }
}

footer img.lp-logo {
    width: auto !important;
    max-height: 56px;
    max-width: 220px;
    margin-bottom: 13px;
    object-fit: contain;
}

/* ------------------------------------------------------------------
   Legal pages: quote forms (above footer + sticky popup).
   Dark panel, white copy, visible submit. main.css defines --buton on
   a selector that never matches :root, so buttons need explicit colors.
   ------------------------------------------------------------------ */
.wrapper {
    --buton: #fda16c;
    --black: #0f172a;
}

section.sec13.contactFormBottom {
    background: #0d0d12 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

section.sec13.contactFormBottom .contactContentLeft .abtLeft-light h4,
section.sec13.contactFormBottom .contactContentLeft .abtLeft-light span,
section.sec13.contactFormBottom .contactContentLeft .abtLeft-light p {
    color: #f4f4f5 !important;
}

section.sec13.contactFormBottom .contactFormFields .formFields input,
section.sec13.contactFormBottom .contactFormFields .formFields textarea {
    background: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 8px;
    padding: 14px 16px !important;
    color: #f4f4f5 !important;
}

section.sec13.contactFormBottom .contactFormFields .formFields input::placeholder,
section.sec13.contactFormBottom .contactFormFields .formFields textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

section.sec13.contactFormBottom .contactFormFields .formFields input:-webkit-autofill,
section.sec13.contactFormBottom .contactFormFields .formFields textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #1a1a22 inset !important;
    -webkit-text-fill-color: #f4f4f5 !important;
}

section.sec13.contactFormBottom .contactFormFields .formFields.FieldButton {
    margin-top: 8px;
}

section.sec13.contactFormBottom button.btnPrimary {
    background: linear-gradient(180deg, #fda16c 0%, #e8894a 100%) !important;
    color: #1a0d18 !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

section.sec13.contactFormBottom button.btnPrimary span {
    color: #1a0d18 !important;
}

section.sec13.contactFormBottom button.btnPrimary:hover {
    filter: brightness(1.06);
}

section.sec13.contactFormBottom .ctaLinePhone {
    color: #7dd3fc !important;
}

.popupMain .popupBox {
    background: #121218 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.popupMain span.popTitMainup {
    color: #f4f4f5 !important;
}

.popupMain .popupForm.BannerFields .formFields {
    background: #1f1f28 !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.popupMain .popupForm.BannerFields .formFields input,
.popupMain .popupForm.BannerFields .formFields textarea {
    background: transparent !important;
    color: #f4f4f5 !important;
}

.popupMain .popupForm.BannerFields .formFields input::placeholder,
.popupMain .popupForm.BannerFields .formFields textarea::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

.popupMain .popupForm.BannerFields .formFields input:-webkit-autofill,
.popupMain .popupForm.BannerFields .formFields textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #1f1f28 inset !important;
    -webkit-text-fill-color: #f4f4f5 !important;
}

.popupMain button.btnPrimary {
    background: linear-gradient(180deg, #fda16c 0%, #e8894a 100%) !important;
    color: #1a0d18 !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.popupMain button.btnPrimary span {
    color: #1a0d18 !important;
}

.popupMain button.btnPrimary span i {
    color: #1a0d18 !important;
}

/* Contact strip: Bootstrap .text-dark would stay dark on dark bg */
section.sec13.contactFormBottom .text-dark {
    color: #f4f4f5 !important;
}

section.sec13.contactFormBottom .ctaLinePhone .fa {
    color: #fda16c !important;
    margin-right: 8px;
}

section.sec13.contactFormBottom .contactFormFields .FieldButton button.btnPrimary,
section.sec13.contactFormBottom .contactFormFields button.btnPrimary {
    min-height: 48px;
    width: 100%;
    max-width: 100%;
}

section.sec13.contactFormBottom button.btnPrimary .fa,
section.sec13.contactFormBottom button.btnPrimary span .fa {
    color: #1a0d18 !important;
}

/* Footer body copy + links (readable on #22001b) */
.wrapper footer .col-md-5 > p {
    color: #f4f4f5 !important;
}

.wrapper footer .col-md-5 > p a {
    color: #7dd3fc !important;
}

.wrapper footer .col-md-5 > p a:hover {
    color: #ffffff !important;
}

/* Phone / email / address: no list bullets */
.wrapper footer .col-md-7 ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.wrapper footer .col-md-7 ul li {
    list-style: none !important;
}

/* Copyright bar */
.wrapper footer .copyright .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.wrapper footer .copyright p {
    color: #ffffff !important;
    margin: 0;
    flex: 1 1 auto;
}

.wrapper footer .copyright button.top-scroll.legal-lp-back-top {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 0;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff !important;
}

.wrapper footer .copyright button.top-scroll .fa {
    color: #ffffff !important;
    font-size: 17px;
}

.wrapper footer .copyright .legal-lp-back-top-text {
    color: #ffffff !important;
}

/* style-web positions i.top-scroll absolutely — reset for legal bar */
.wrapper footer .copyright i.top-scroll,
.wrapper footer .copyright button.top-scroll {
    position: relative !important;
    top: auto !important;
    right: auto !important;
}

/* SweetAlert2 toast: main.css paints .swal2-container.swal2-noanimation full-viewport dark — undo for toasts */
body.swal2-toast-shown .swal2-container,
body.swal2-toast-shown .swal2-container.swal2-backdrop-show,
body.swal2-toast-shown .swal2-container.swal2-noanimation {
    position: fixed !important;
    /* Above .popupMain (z-index: 9999999999 in main.css) so validation toasts show on quote popups */
    z-index: 10000000000 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

body.swal2-toast-shown .swal2-container .swal2-popup {
    pointer-events: auto !important;
}

.swal2-popup.swal2-toast {
    width: auto !important;
    max-width: min(420px, 94vw) !important;
    height: auto !important;
    min-height: 0 !important;
    background-image: none !important;
}