/*
 * ************************************************************
 * ************************************************************
 * ** Copyright (c) flavio.ferrara.it
 * ** All rights reserved.
 * **
 * ** Strict Proprietary Notice:
 * ** This website data, source code, and associated
 * ** assets are the exclusive property of flavio.ferrara.it.
 * ** Unauthorized copying, modification,
 * ** or distribution via any medium is strictly prohibited.
 * ************************************************************
 * ************************************************************
 */

/* ==========================
   COMPONENTS / COOKIE CONSENT
   Slim, dismissible bar — see includes/cookie-consent.php and
   assets/js/features/cookie-consent.js. Only loaded on pages that set
   $consentBannerEnabled = true (see includes/footer.php).

   Background deliberately uses --slate (a grey-green) rather than
   --navy: navy matches the hero/footer almost exactly, so on small
   screens — where the banner sits right against them with little
   surrounding page chrome visible — it read as part of the page rather
   than as a distinct, floating UI element. --slate is dark enough for
   white text to stay well above WCAG AA contrast (~5.5:1) but visibly
   different from both the navy hero and the off-white page background.
========================== */

.cookie-consent{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:1000;
    background:var(--slate);
    color:var(--white);
    border-radius:12px;
    box-shadow:var(--shadow);
    padding:10px 14px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px 12px;
    max-width:var(--max-width);
    margin:0 auto;
}

.cookie-consent[hidden]{ display:none; }

.cookie-consent-text{
    flex:1 1 260px;
    font-size:0.8rem;
    line-height:1.45;
}

.cookie-consent-actions{
    display:flex;
    flex-shrink:0;
    flex-wrap:wrap;
    gap:6px;
}

/* Smaller than the site's default .btn (14px 24px) — this bar is meant
   to be a quiet, compact strip, not another set of full-size CTAs. */
.cookie-consent-actions .btn{
    padding:6px 14px;
    font-size:0.78rem;
}

/* "Learn more" as a real (tertiary) button rather than an inline text
   link, so it reads as "there's a page behind this" the same way
   Accept/Decline read as actions — kept visually quieter than either so
   it doesn't compete with the actual consent choice. */
.cookie-consent-actions .btn-tertiary{
    background:transparent;
    color:var(--white);
    border:1px solid rgba(255,255,255,0.35);
}

.cookie-consent-actions .btn-tertiary:hover{
    background:rgba(255,255,255,0.1);
}

/* The shared .btn-secondary (transparent fill, faint border) is tuned
   for use directly on the dark hero — legible there, but its text
   nearly disappeared against this banner's flatter, mid-tone
   background at a glance. A light fill fixes the legibility without
   touching the shared .btn-secondary rule other pages still rely on. */
.cookie-consent-actions .btn-secondary{
    background:rgba(255,255,255,0.16);
    border-color:rgba(255,255,255,0.5);
}

.cookie-consent-actions .btn-secondary:hover{
    background:rgba(255,255,255,0.26);
}

@media (max-width:480px){
    .cookie-consent{
        left:8px;
        right:8px;
        bottom:8px;
        padding:10px 12px;
    }

    .cookie-consent-actions{
        width:100%;
        justify-content:flex-end;
    }
}