/* ═══════════════════════════════════════════════════════════════════════════
   ONE WHISKY WANDERER — FOOTER
   File: assets/css/footer.css
   Scope: .oww-footer (sitewide)
   ═══════════════════════════════════════════════════════════════════════════ */

.oww-footer {
    background:   var(--oww-bg);
    border-top:   1px solid var(--oww-bronze-20);
    padding:      clamp(3.5rem, 7vw, 5.5rem) 0 0;
}

/* ── GRID ── */
.oww-footer__grid {
    display:               grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr;
    gap:                   clamp(20px, 4vw, 48px);
    margin-bottom:         clamp(2.5rem, 5vw, 4rem);
}

@media (max-width: 900px) {
    .oww-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .oww-footer__grid { grid-template-columns: 1fr; }
}

/* ── BRAND COLUMN ── */
.oww-footer__brand-logo {
    display:     flex;
    align-items: center;
    gap:         10px;
    margin-bottom: 14px;
    text-decoration: none;
}

.oww-footer__brand-logo img {
    height:  38px;
    width:   auto;
    filter:  brightness(0) invert(0.92) sepia(0.15) saturate(1.2) hue-rotate(10deg);
    opacity: 0.8;
}

.oww-footer__brand-name {
    font-family:  var(--oww-ff-display);
    font-size:    1rem;
    font-weight:  400;
    color:        var(--oww-cream);
    line-height:  1.1;
}

.oww-footer__brand-copy {
    font-size:    0.78rem;
    color:        var(--oww-cream-muted);
    line-height:  1.65;
    max-width:    240px;
    margin-bottom: 16px;
}

.oww-footer__brand-creds {
    display:        flex;
    flex-direction: column;
    gap:            4px;
}

.oww-footer__brand-cred {
    font-size:      0.55rem;
    font-weight:    700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color:          var(--oww-cream-faint);
}

/* ── LINK COLUMNS ── */
.oww-footer__col-title {
    font-size:      0.52rem;
    font-weight:    700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color:          var(--oww-amber);
    margin-bottom:  16px;
    display:        block;
}

.oww-footer__links {
    display:        flex;
    flex-direction: column;
    gap:            9px;
}

.oww-footer__link {
    font-size:       0.8rem;
    color:           var(--oww-cream-muted);
    text-decoration: none;
    transition:      color 0.2s ease;
    display:         inline-block;
}

.oww-footer__link:hover { color: var(--oww-cream); }

.oww-footer__link:focus-visible {
    outline:        2px solid var(--oww-amber);
    outline-offset: 2px;
    border-radius:  2px;
}

/* ── NEWSLETTER MICRO ── */
.oww-footer__newsletter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--oww-bronze-20);
}

.oww-footer__newsletter-label {
    font-size:      0.68rem;
    font-weight:    600;
    color:          var(--oww-cream-muted);
    margin-bottom:  8px;
    display:        block;
}

.oww-footer__newsletter-form {
    display: flex;
    gap:     6px;
}

.oww-footer__newsletter-input {
    flex:        1;
    min-width:   0;
    background:  rgba(255, 255, 255, 0.04);
    border:      1px solid var(--oww-bronze-30);
    border-radius: var(--oww-radius-sm);
    padding:     0.5em 0.8em;
    font-size:   0.72rem;
    font-family: var(--oww-ff-body);
    color:       var(--oww-cream);
}

.oww-footer__newsletter-input::placeholder { color: var(--oww-cream-faint); }
.oww-footer__newsletter-input:focus {
    border-color: var(--oww-amber);
    outline:      none;
}

.oww-footer__newsletter-btn {
    font-size:    0.68rem;
    padding:      0.5em 1em;
    background:   linear-gradient(135deg, var(--oww-amber), var(--oww-amber-deep));
    color:        var(--oww-bg-dark);
    border:       none;
    border-radius: var(--oww-radius-sm);
    font-weight:  700;
    cursor:       pointer;
    white-space:  nowrap;
    font-family:  var(--oww-ff-body);
    min-height:   36px;
    transition:   opacity 0.2s ease;
}

.oww-footer__newsletter-btn:hover { opacity: 0.85; }

/* ── BOTTOM BAR ── */
.oww-footer__bottom {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    flex-wrap:       wrap;
    gap:             12px;
    padding:         20px 0;
    border-top:      1px solid var(--oww-bronze-20);
    margin-top:      0;
}

.oww-footer__copy {
    font-size: 0.62rem;
    color:     var(--oww-cream-faint);
}

.oww-footer__legal {
    display:  flex;
    gap:      16px;
    flex-wrap: wrap;
}

.oww-footer__legal-link {
    font-size:       0.62rem;
    color:           var(--oww-cream-faint);
    text-decoration: none;
    transition:      color 0.2s ease;
}
.oww-footer__legal-link:hover { color: var(--oww-cream-muted); }