/*
Theme Name: TI-NEW25
Theme URI: https://templewb.org
Author: Temple Israel Wilkes-Barre + Jimmy
Description: Modern Jewish synagogue theme: deep blue & gold, logo-left/menu-right sticky header, natural hero, contact form, events, and watch-live.
Version: 1.0.0
Text Domain: ti-new25
License: GPL-2.0+
*/
:root{
  --ink:#0f172a; --muted:#56607a; --blue:#0b4c8c; --gold:#f0b429; --silver:#e5ebf5;
  --bg:#ffffff; --bg-alt:#f7f9fc; --maxw:1200px; --pad:1rem; --radius:14px;
  --shadow:0 10px 30px rgba(6,24,44,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Heebo,Arial,sans-serif; color:var(--ink); background:var(--bg)}
a{color:var(--blue); text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--maxw); margin:0 auto; padding:0 var(--pad)}
.site-header{position:sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid var(--silver); box-shadow:0 4px 14px rgba(2,12,46,.05)}
.header-inner{display:flex; align-items:center; gap:1rem; padding:.75rem 0}
.logo-left{display:flex; align-items:center; gap:.75rem}
.logo-left img{height:44px; width:auto}
.site-title{font-weight:800; font-size:1.1rem; margin:0}
.site-tagline{color:var(--muted); font-size:.9rem}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex; list-style:none; padding:0; margin:0; gap:.35rem; flex-wrap:wrap}
.primary-nav a{display:block; padding:.55rem .8rem; border-radius:10px; font-weight:600}
.primary-nav a:hover,.primary-nav .current_page_item>a{background:#eef4ff}
.hero{background: linear-gradient(180deg,#f2f7ff 0%, #ffffff 70%); border-bottom:1px solid var(--silver)}
.hero-wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; padding:2rem 0}
.hero h1{font-size:clamp(2rem,4vw,2.8rem); margin:.2rem 0 .4rem; letter-spacing:.25px}
.hero p{color:var(--muted); margin:0 0 1rem}
.hero .hebrew{font-family:"Noto Sans Hebrew","Rubik","Assistant",system-ui,sans-serif; font-weight:800; color:var(--blue); letter-spacing:.5px}
.hero-card{background:#fff; border-radius:16px; overflow:hidden; box-shadow:var(--shadow); border:1px solid #eef2f9}
.hero-card img{display:block; width:100%; height:auto}
.btn{display:inline-block; padding:.7rem 1rem; border-radius:12px; font-weight:700; box-shadow:var(--shadow)}
.btn-primary{background:var(--blue); color:#fff} .btn-ghost{background:#fff; border:1px solid var(--silver)}
.section{padding:2rem 0} .section h2{font-size:clamp(1.5rem,3vw,2rem); margin:.2rem 0 1rem}
.card{background:#fff; border-radius:14px; padding:1rem; box-shadow:var(--shadow); border:1px solid #eef2f9}
.grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem}
@media (max-width:900px){ .hero-wrap{grid-template-columns:1fr} .grid3{grid-template-columns:1fr}}
.site-footer{background:var(--blue); color:var(--gold); margin-top:2rem; padding:2rem 0}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr; gap:1.5rem}
.footer-brand{font-weight:800; font-size:1.1rem} .site-footer a{color:#fff3c4} .site-footer small{color:#ffe7a8}
input, textarea{width:100%; padding:.65rem .8rem; border:1px solid #d7deea; border-radius:10px; font:inherit}
textarea{min-height:120px; resize:vertical} .form-row{display:grid; gap:.75rem} .form-actions{margin-top:1rem}
.success{background:#ecfff2; border:1px solid #b4f5c3; padding:.6rem .8rem; border-radius:10px}
.error{background:#fff1f1; border:1px solid #f5b4b4; padding:.6rem .8rem; border-radius:10px}
:focus{outline:3px solid #90cdf4; outline-offset:2px}