/*
Theme Name: Yapha Ministry
Theme URI: https://www.instagram.com/yaphapm
Author: Yapha Prayer Ministry
Description: Lightweight Elementor-ready theme for Yapha Prayer Ministry. Use with the Yapha Ministry Toolkit plugin.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: yapha-theme
*/
:root{--y-red:#E71D27;--y-vermilion:#F04B23;--y-orange:#F58A24;--y-gray:#939598;--y-charcoal:#25262A;--y-charcoal2:#34353A;--y-cream:#FFF8F1;--y-ink:#26272B;--y-muted:#5E6166;--y-light:#FFB35C;--y-sun:linear-gradient(135deg,#F04B23,#E71D27)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',sans-serif;color:var(--y-ink);background:var(--y-cream);line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.plain{width:min(820px,92%);margin:0 auto;padding:150px 0 80px}
.plain h1{font-family:'Playfair Display',serif}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;transition:.35s}
body.admin-bar .site-header{top:32px}
.site-header.scrolled{background:rgba(37,38,42,.97);backdrop-filter:blur(10px);padding:8px 0;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.site-header .nav{width:min(1140px,92%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700}
.brand-img{width:56px;height:56px;background:#fff;border-radius:14px;padding:3px;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:.3s}
.scrolled .brand-img{width:46px;height:46px}
.brand-img img{width:100%;height:100%;object-fit:contain}
.brand-text small{display:block;font-family:'Inter',sans-serif;font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--y-light);font-weight:500;margin-top:-4px}
.nav-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.nav-menu a{color:#fff;opacity:.85;font-size:.92rem;transition:.2s}
.nav-menu a:hover,.nav-menu .current-menu-item>a{opacity:1;color:var(--y-light)}
.nav-menu .menu-cta a{color:#fff;opacity:1}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer;position:relative;z-index:120}

/* Footer */
.sunline{height:5px;background:linear-gradient(90deg,var(--y-red),var(--y-vermilion),var(--y-orange))}
.site-footer{background:var(--y-charcoal);color:#c3c5c9;padding:56px 0 24px;text-align:center}
.site-footer .brand{justify-content:center;margin-bottom:12px}
.foot-links{display:flex;gap:22px;justify-content:center;margin:20px 0;flex-wrap:wrap;list-style:none;padding:0}
.foot-links a:hover{color:var(--y-light)}
.foot-social{display:flex;gap:18px;justify-content:center;margin-bottom:8px}
.foot-social a{color:var(--y-light)}
.site-footer small{display:block;margin-top:24px;font-size:.78rem;opacity:.65}

@media(max-width:900px){
  .burger{display:block}
  .main-nav{position:fixed;inset:0 0 0 30%;background:var(--y-charcoal);display:flex;align-items:center;justify-content:center;transform:translateX(100%);transition:.4s;z-index:110}
  .main-nav.open{transform:none}
  .nav-menu{flex-direction:column;gap:28px}
  .nav-menu a{font-size:1.2rem}
}