/* ============================================================
   Tarteaucitron — Zoometry brand overrides
   Single-service setup: banner + floating icon only, no panel.
   Loaded AFTER tarteaucitron.min.css (injected at runtime),
   so we use !important to win the cascade.
   ============================================================ */

/* ---------- Main banner (bottom) ---------- */
body #tarteaucitronRoot div#tarteaucitronAlertBig {
    font-family: 'Poppins', sans-serif !important;
    background: #ffffff !important;
    color: #213330 !important;
    border: none !important;
    border-top: 3px solid #6AC497 !important;
    box-shadow: 0 -8px 32px rgba(33, 51, 48, 0.16) !important;
    padding: 28px 40px 24px !important;
    border-radius: 0 !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
    bottom: 0 !important;
    left: 0 !important;
    text-align: left !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 14px !important;
    color: #3D4A48 !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #193D2B !important;
    font-weight: 600 !important;
}

/* ---------- Banner buttons ---------- */
body #tarteaucitronRoot div#tarteaucitronAlertBig button,
body #tarteaucitronRoot div#tarteaucitronAlertBig a.tarteaucitronCTAButton {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 11px 22px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    margin: 4px 6px 4px 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    opacity: 1 !important;
}

/* Accept all — primary brand
   (#tarteaucitronPersonalize2 is misleadingly named — it's the "Accept All" button) */
body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronAllow,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    background: #193D2B !important;
    color: #ffffff !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronAllow:hover,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
    background: #2D574F !important;
}

/* Deny all — secondary outlined */
body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronDeny,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronAllDenied2 {
    background: #ffffff !important;
    color: #213330 !important;
    border: 1px solid #DCE3E1 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronDeny:hover,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
    background: #F3F8F5 !important;
    border-color: #6AC497 !important;
}

/* Hide the check/cross icon spans inside the CTA buttons (cleaner look) */
body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronCheck,
body #tarteaucitronRoot div#tarteaucitronAlertBig .tarteaucitronCross {
    display: none !important;
}

/* Privacy policy link — discreet text link */
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    color: #6B7978 !important;
    background: transparent !important;
    border: none !important;
    padding: 11px 8px !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: rgba(107, 121, 120, 0.4) !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog:hover {
    color: #193D2B !important;
    text-decoration-color: #193D2B !important;
}

/* Hide "Personalize" CTAs in the banner — no panel in this setup.
   NOTE: #tarteaucitronPersonalize2 (with the "2") is actually the Accept All
   button due to tarteaucitron's misleading naming, so we do NOT hide it. */
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize,
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    display: none !important;
}

/* ---------- Floating icon (BottomRight, persistent) ---------- */
body #tarteaucitronRoot #tarteaucitronAlertSmall {
    background: #193D2B !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(33, 51, 48, 0.25) !important;
    bottom: 20px !important;
    right: 20px !important;
    padding: 10px 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: background 0.2s ease !important;
}

body #tarteaucitronRoot #tarteaucitronAlertSmall:hover {
    background: #2D574F !important;
}

body #tarteaucitronRoot #tarteaucitronManager {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: pointer !important;
}

body #tarteaucitronRoot #tarteaucitronCookiesNumber {
    background: #6AC497 !important;
    color: #193D2B !important;
    border-radius: 999px !important;
    padding: 2px 8px !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

/* ---------- Kill the personalize panel entirely ---------- */
body #tarteaucitronRoot div#tarteaucitron,
body #tarteaucitronRoot div#tarteaucitronBack {
    display: none !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    body #tarteaucitronRoot div#tarteaucitronAlertBig {
        padding: 20px 18px !important;
    }
    body #tarteaucitronRoot div#tarteaucitronAlertBig button,
    body #tarteaucitronRoot div#tarteaucitronAlertBig a.tarteaucitronCTAButton {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        margin: 6px 0 !important;
    }
    body #tarteaucitronRoot #tarteaucitronAlertSmall {
        bottom: 12px !important;
        right: 12px !important;
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
}
