/*
 Theme Name:   Waterborne Relief Classic
 Theme URI:    https://waterbornerelief.org/
 Author:       Pijush
 Description:  Classic theme for Waterborne Relief. Pixel-perfect port of eric-design (compiled Tailwind, local Alpine, self-hosted fonts). Content managed via custom blocks.
 Version:      1.0.5
 Requires at least: 6.4
 Requires PHP: 8.0
 License:      GNU General Public License v2 or later
 Text Domain:  wbr
*/

html {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background-color: #0a0a0a;
    color: #f4f4f5;
}
body { margin: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', 'Archivo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #ea580c; }

/* Hero overlays — lighter so the photo shows through */
.hero-gradient { background: linear-gradient(to bottom, rgba(13, 13, 13, 0.15) 0%, rgba(13, 13, 13, 0.6) 100%); }
.h-\[85vh\] .bg-neutral-900\/60 { background-color: rgba(23, 23, 23, 0.25) !important; }

.card-hover-effect { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover-effect:hover { transform: translateY(-4px); border-color: #ea580c; }

/* Donation-supports bullet lists: hanging indent so wrapped lines align with text */
.bg-brand-dark ul.text-xs li { padding-left: 1.1em; text-indent: -1.1em; }

/* Custom logo */
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { max-height: 48px; width: auto; height: auto; display: block; }

/* Contact Form 7 — match design */
.wbr-cf7 .wpcf7-form > p { margin: 0 0 1.25rem; }
.wbr-cf7 label { display: block; font-family: 'Oswald', sans-serif; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #404040; margin-bottom: 0.4rem; }
.wbr-cf7 input[type="text"], .wbr-cf7 input[type="email"], .wbr-cf7 input[type="tel"], .wbr-cf7 select, .wbr-cf7 textarea { width: 100%; background: #fff; border: 1px solid #d4d4d4; color: #171717; padding: 0.75rem 1rem; font-size: 0.95rem; font-family: 'Inter', sans-serif; box-sizing: border-box; }
.wbr-cf7 input:focus, .wbr-cf7 select:focus, .wbr-cf7 textarea:focus { outline: none; border-color: #ea580c; }
.wbr-cf7 .wpcf7-submit { width: 100%; background: #ea580c; color: #fff; border: 2px solid #ea580c; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; padding: 1rem; cursor: pointer; transition: all 0.3s ease; margin-top: 0.5rem; }
.wbr-cf7 .wpcf7-submit:hover { background: #171717; border-color: #171717; }
.wbr-cf7 .wpcf7-spinner { display: block; margin: 0.75rem auto 0; background-color: #ea580c; }
.wbr-cf7 .wpcf7-response-output { color: #171717; background: #fff; font-size: 0.875rem; padding: 0.75rem 1rem; margin-top: 1rem; }
.wbr-cf7 .wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #16a34a; color: #15803d; }
.wbr-cf7 .wpcf7-response-output.wpcf7-validation-errors,
.wbr-cf7 .wpcf7-response-output.wpcf7-mail-sent-ng,
.wbr-cf7 .wpcf7-response-output.wpcf7-spam-blocked { border-color: #dc2626; color: #b91c1c; }
.wbr-zeffy iframe, .wbr-zeffy #zeffy-form-embed { width: 100%; min-height: 600px; border: 0; }