/* Malhan Associates – Custom CSS (supplements Tailwind + Bootstrap) */

/* ---- Body base ---- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5 { font-family: 'Playfair Display', Georgia, serif; letter-spacing: -0.01em; }
a { text-decoration: none; }

/* ---- Gradient utilities (Tailwind can't generate these dynamically) ---- */
.gradient-gold    { background: linear-gradient(135deg, #d4b86a 0%, #b89040 100%); }
.gradient-hero    { background: linear-gradient(180deg, rgba(30,27,18,.40) 0%, rgba(30,27,18,.85) 60%, rgba(30,27,18,1) 100%); }
.shadow-elegant   { box-shadow: 0 20px 60px -20px rgba(201,168,76,.28); }
.shadow-soft      { box-shadow: 0 8px 30px -10px rgba(0,0,0,.18); }
.eyebrow          { font-family:'Inter',sans-serif; text-transform:uppercase; letter-spacing:.18em; font-size:.75rem; font-weight:600; color:#c9a84c; display:block; }

/* ---- Animations ---- */
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.animate-fade-up { animation: fadeUp .7s ease-out both; }

/* ---- Hero ---- */
.hero-section { position:relative; margin-top:-80px; min-height:100svh; display:flex; align-items:center; overflow:hidden; }
.hero-bg      { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; }
.hero-content { position:relative; padding-top:8rem; padding-bottom:5rem; width:100%; }

/* ---- Advocate card hover ---- */
.advocate-card .advocate-img { transition: transform .7s ease; }
.advocate-card:hover .advocate-img { transform: scale(1.05); }

/* ---- FAQ ---- */
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-answer { display: none; }
.faq-item.open .faq-answer { display: block; }

/* ---- Contact form inputs ---- */
.form-field {
    width:100%; border-radius:.75rem;
    border:1px solid rgba(110,102,74,.45);
    background:rgba(30,27,18,.5); color:#f5f2ec;
    padding:.75rem 1rem; font-size:.875rem; outline:none;
    transition: border-color .2s, box-shadow .2s;
}
.form-field::placeholder { color:#b8b09e; }
.form-field:focus { border-color:#c9a84c; box-shadow:0 0 0 3px rgba(201,168,76,.15); }

/* ---- Bootstrap overrides ---- */
.navbar-collapse { background: transparent; }
.nav-link:focus  { box-shadow: none; }

/* ---- Page top padding fix for fixed header ---- */