/* ===========================================================
   Cookie consent bar

   Loaded only on pages where Consent Mode is active. Every selector is
   namespaced under .bw-consent (same discipline as taal.css) because this
   sheet loads on every page alongside Bootstrap and main.css.

   Colours reuse the brand tokens from brand.css, with literal fallbacks so
   the bar still looks right if it ever renders before those are available.
   =========================================================== */

.bw-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* .wa-float is z-index 1030 — sit above it. */
    z-index: 1040;
    background: var(--paper, #FBF8EC);
    color: var(--ink, #22352C);
    border-top: 1px solid var(--line, #DCE3D4);
    box-shadow: 0 -8px 28px rgba(34,53,44,.14);
    font-family: 'Poppins', sans-serif;
}

/* Bootstrap's reboot does not cover [hidden] on a flex/block element in every
   case, so make the initial hidden state explicit. */
.bw-consent[hidden] { display: none; }

.bw-consent-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.bw-consent-text {
    margin: 0;
    flex: 1 1 420px;
    font-size: .92rem;
    line-height: 1.6;
    color: var(--muted, #5a4f3d);
}

.bw-consent-text a {
    color: var(--brand-deep, #2F5040);
    text-decoration: underline;
}

.bw-consent-actions {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.bw-consent-btn {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: .92rem;
    padding: .6em 1.4em;
    border-radius: 999px;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.bw-consent-accept {
    background: var(--brand, #416855);
    color: #fff;
}
.bw-consent-accept:hover,
.bw-consent-accept:focus {
    background: var(--brand-deep, #2F5040);
    color: #fff;
}

.bw-consent-decline {
    background: transparent;
    color: var(--brand-deep, #2F5040);
    border-color: var(--line, #DCE3D4);
}
.bw-consent-decline:hover,
.bw-consent-decline:focus {
    border-color: var(--brand, #416855);
}

/* The floating WhatsApp button is nudged clear of the bar by cookie-consent.js,
   which sets an inline bottom from the bar's measured height. Doing it in JS
   rather than with a hardcoded offset here keeps it correct at any width and
   however long the copy wraps. This just makes the move smooth. */
.wa-float { transition: bottom .2s ease; }

@media (max-width: 640px) {
    .bw-consent-inner { padding: 14px 16px; gap: 12px; }
    .bw-consent-actions { width: 100%; }
    .bw-consent-btn { flex: 1 1 0; }
}