/*
Theme Name: Baratha Center
Description: Lightweight Arabic-first institutional archive theme.
Version: 0.2.0
Requires PHP: 8.0
Text Domain: baratha
*/

:root{--ink:#17201d;--muted:#5e6863;--paper:#f7f5ef;--surface:#fff;--brand:#123f35;--gold:#ad8346;--line:#d9ddd8;--focus:#0b73ce;--max:76rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Naskh Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:1.125rem;line-height:1.8}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{text-decoration-color:var(--gold)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button{min-height:44px;padding:.55rem 1rem;border:1px solid var(--brand);border-radius:.25rem;background:var(--brand);color:#fff;cursor:pointer}.wrap{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:absolute;inset-inline-start:1rem;top:-5rem;background:#fff;padding:.7rem;z-index:100}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5rem}.site-branding{display:flex;align-items:center;gap:.8rem;text-decoration:none}.historical-logo,.custom-logo{display:block;max-height:4rem;width:auto;max-width:min(55vw,27rem)}.menu-toggle{display:none}.primary-menu{display:flex;flex-wrap:wrap;gap:.3rem 1rem;list-style:none;margin:0;padding:0}.primary-menu a{display:block;padding:.75rem .25rem;text-decoration:none;font-weight:650}.hero{padding:clamp(3rem,8vw,7rem) 0;background:linear-gradient(125deg,var(--brand),#1f5a4d);color:#fff}.hero h1{max-width:16ch;margin:0 0 1rem;font-size:clamp(2.2rem,6vw,5rem);line-height:1.15}.hero p{max-width:52rem;margin:0;font-size:clamp(1.1rem,2vw,1.35rem)}.section{padding:clamp(2.5rem,6vw,5rem) 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:2px solid var(--gold);margin-bottom:1.5rem}.section-heading h2{margin:0;font-size:clamp(1.7rem,4vw,2.5rem)}.cards,.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.card,.document-grid article{background:var(--surface);border:1px solid var(--line);padding:1.25rem}.card h3,.document-grid h3{margin:.3rem 0;font-size:1.3rem;line-height:1.45}.meta,time{color:var(--muted);font-size:.9rem}.entry{max-width:52rem;margin-inline:auto;padding:3rem 0}.entry-header h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.3}.entry-content{font-size:1.2rem}.entry-content p{margin-block:1.2em}.breadcrumbs{font-size:.9rem;color:var(--muted);padding-top:1rem}.document-library form{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;margin-bottom:1.5rem}.document-library label{width:100%;font-weight:700}.document-library input{min-height:44px;min-width:min(100%,24rem);border:1px solid var(--line);padding:.5rem}.site-footer{margin-top:4rem;background:var(--ink);color:#fff;padding:3rem 0}.site-footer a{color:#fff}.pagination{display:flex;gap:.5rem;margin-top:2rem}.page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line)}
.card{overflow:hidden}.card-image{display:block;margin:-1.25rem -1.25rem 1rem}.card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.document-library form>div{display:grid;gap:.2rem}.document-library select{min-height:44px;border:1px solid var(--line);background:#fff;padding:.45rem}
@media(max-width:800px){body{font-size:1rem}.menu-toggle{display:block}.site-nav{position:absolute;inset-inline:1rem;top:5rem;background:#fff;border:1px solid var(--line);padding:1rem;z-index:20}.site-nav[hidden]{display:none}.primary-menu{display:block}.primary-menu a{min-height:44px}.cards,.document-grid{grid-template-columns:1fr}.hero{padding:3rem 0}.entry-content{font-size:1.08rem}}
@media(min-width:801px){.site-nav{display:block!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}