/*
Theme Name: Al-Taher — Courtyard
Author: Al-Taher Family
Description: A family heritage entrance with an imagined Palestinian courtyard, olive and orange trees, a sea view, and editable homepage settings.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: al-taher-courtyard
*/
@font-face{font-family:Amiri;src:url('assets/fonts/Amiri-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--olive:#292c1d;--ink:#292a23;--paper:#f6f3eb;--line:#d7d2c4;--muted:#67685a;--cream:#fff9e9;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--serif);overflow-wrap:break-word}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{font-weight:400;line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,3.2vw,3.25rem)}p{margin:0 0 1.25rem}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b28435;outline-offset:5px}
.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{z-index:100000;top:1rem;left:1rem;width:auto;height:auto;clip-path:none;padding:.7rem 1rem;background:white;color:black}
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:2.25rem;padding:1.2rem 4.5%;background:var(--olive);color:var(--cream);min-height:126px}.site-header.over-hero{position:absolute;inset-inline:0;background:linear-gradient(180deg,rgba(15,19,11,.78),rgba(15,19,11,0));min-height:155px;align-items:flex-start;padding-top:2.4rem}
.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;flex-shrink:0;width:145px}.brand-ar{font-family:Amiri,serif;font-size:4rem;line-height:1.22;font-weight:400;white-space:nowrap}.brand-en{font:14px/1.7 var(--serif);letter-spacing:.2em;margin-top:.1rem}.custom-logo-link{display:block;flex-shrink:0}.custom-logo{width:145px;max-height:110px;object-fit:contain}.desktop-nav{margin-inline-start:auto;padding-top:.6rem}.menu{display:flex;align-items:center;gap:2.1rem;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;font-size:1rem;display:block;padding:.4rem 0}.menu a:hover,.menu .current-menu-item>a{text-decoration:underline}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:190px;list-style:none;background:var(--olive);padding:1rem;box-shadow:0 8px 20px #0003}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.mobile-nav{display:none}.header-search{position:relative;padding-top:1rem}.header-search summary{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;list-style:none}.header-search summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}.search-panel{position:absolute;inset-inline-end:0;top:100%;width:min(390px,85vw);padding:1rem;background:var(--paper);color:var(--ink);box-shadow:0 10px 35px #0004}
.hero{min-height:690px;height:94svh;max-height:1080px;position:relative;isolation:isolate;background:var(--olive);color:var(--cream);display:flex;align-items:flex-end;padding:190px 4.5% 7vh}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,18,8,.43),transparent 70%),linear-gradient(0deg,rgba(13,18,10,.73),transparent 65%)}.hero-copy{max-width:900px}.hero h1{font-family:var(--serif);font-size:clamp(3.5rem,7vw,7.5rem);font-weight:400;letter-spacing:.045em;line-height:1.05;margin:0 0 .3rem;text-shadow:0 2px 18px #0002}.hero-tagline{text-transform:uppercase;letter-spacing:.32em;font-size:clamp(.85rem,1.45vw,1.35rem);margin:.8rem 0 1.8rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.6rem 1.5rem;min-height:48px;min-width:156px;border:1px solid #e3ddc2;text-decoration:none;font-size:1.05rem;transition:background .2s,color .2s}.button.primary{background:rgba(76,79,42,.86)}.button.secondary{background:rgba(18,22,13,.4)}.button:hover{background:var(--cream);color:var(--olive);text-decoration:none}
.story-section{padding:6.5rem 8%;max-width:1600px;margin:auto;scroll-margin-top:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font:13px/1.6 Arial,sans-serif;color:var(--muted);margin-bottom:1.5rem}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%}.story-columns h2{max-width:430px;margin:0}.story-prose{max-width:600px}.text-link{display:inline-block;margin-top:.4rem;text-decoration:underline}.text-link span{margin-inline-start:.5rem}.site-footer{display:flex;align-items:center;gap:2rem;padding:2rem 4.5%;border-top:1px solid #575a40;background:var(--olive);color:var(--cream);font-size:.9rem}.site-footer>span{letter-spacing:.2em}.site-footer p{margin:0;opacity:.85}.site-footer>a{margin-inline-start:auto}.reading-shell{max-width:1000px;padding:4rem 2rem 6rem;margin:0 auto;min-height:65vh}.reading-shell>h1{margin-top:0}.entry{margin-bottom:3rem}.entry:not(:only-child){padding-bottom:2rem;border-bottom:1px solid var(--line)}.entry h1{margin-top:0}.entry h2 a{text-decoration:none}.entry-date{color:var(--muted);font-size:.9rem}.entry-image{width:100%;margin-bottom:2rem}.page-content{line-height:1.85}.home-content{max-width:1100px;padding:0 2rem 5rem;margin:auto}.page-content .alignwide{max-width:100%}.page-content img{height:auto}.page-content iframe{max-width:100%}.page-content blockquote{border-inline-start:3px solid #777956;margin-inline:0;padding-inline-start:1.5rem;font-size:1.2em}.page-content table{border-collapse:collapse;display:block;max-width:100%;overflow:auto}.page-content th,.page-content td{border:1px solid var(--line);padding:.6rem}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--muted)}.alignleft{float:left;margin:0 1.5rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.5rem}.aligncenter{display:block;margin-inline:auto}.bypostauthor{border-inline-start:2px solid var(--muted)}.sticky{border-top:2px solid var(--muted)}
.search-form{display:flex;flex-wrap:wrap;gap:.6rem}.search-form label{flex:1;min-width:120px}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #aaa995;border-radius:0;background:#fffdf7;color:var(--ink);padding:.6rem .75rem;max-width:100%}.search-form input{width:100%}button,input[type=submit]{border:1px solid var(--olive);padding:.55rem .9rem;background:var(--olive);color:var(--cream)}.comments-area{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.comment-list{padding-inline-start:1.3rem}.comment-body{margin-bottom:2rem}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline;margin-inline-start:.5rem}.comment-form textarea{width:100%}.nav-links{display:flex;flex-wrap:wrap;gap:1rem}.post-page-numbers,.page-numbers{padding:.2rem .6rem}
[dir=rtl] body{font-family:Amiri,serif;font-size:21px}[dir=rtl] .hero h1[dir=auto]{font-family:var(--serif)}[dir=rtl] .hero-tagline,[dir=rtl] .eyebrow{letter-spacing:0;text-transform:none;font-family:Amiri,serif}[dir=rtl] .hero-tagline{font-size:1.7rem}[dir=rtl] .hero-copy{text-align:right}[dir=rtl] .hero-shade{background:linear-gradient(270deg,#0d120b66,transparent 70%),linear-gradient(0deg,#0d120bbb,transparent 65%)}
@media(min-width:1800px){.hero-copy{margin-inline-start:3%}}
@media(max-width:900px){.menu{gap:1.2rem}.site-header{gap:1.1rem}.hero{height:85svh;min-height:650px}.hero-image{object-position:54% center}.story-section{padding:4rem 6%}.story-columns{gap:5%}}
@media(max-width:680px){.site-header,.site-header.over-hero{padding:1.3rem 6%;gap:1rem;align-items:center;min-height:125px}.brand{width:115px}.brand-ar{font-size:3.3rem}.brand-en{font-size:12px}.desktop-nav{display:none}.mobile-nav{display:block;margin-inline-start:auto}.mobile-nav summary{list-style:none;padding:.65rem 0;font-size:1rem;display:flex;gap:.7rem;align-items:center}.mobile-nav nav{position:absolute;top:100%;inset-inline:0;background:var(--olive);padding:1rem 6%;box-shadow:0 8px 12px #0003}.mobile-nav .menu{display:block}.mobile-nav .menu a{padding:.6rem 0}.mobile-nav .menu .sub-menu{display:block;position:static;box-shadow:none;padding:.1rem 1rem}.header-search{padding:0}.hero{height:88svh;min-height:630px;max-height:none;padding:160px 6% 3.5rem}.hero-image{object-position:49% center}.hero-shade{background:linear-gradient(0deg,#0d120be6,transparent 85%)}.hero h1{font-size:clamp(2.8rem,11vw,4.5rem);letter-spacing:.015em}.hero-tagline{letter-spacing:.2em;font-size:.83rem}.hero-actions{gap:.7rem}.button{font-size:1rem;min-width:140px;padding:.65rem 1rem}.story-columns{grid-template-columns:1fr;gap:1.5rem}.story-section{padding:3.5rem 6%}.site-footer{flex-wrap:wrap;gap:.65rem 1.5rem;padding:1.5rem 6%}.site-footer p{width:100%;order:3}.reading-shell{padding:2.5rem 6% 4rem}.search-panel{inset-inline-end:-.5rem}.alignleft,.alignright{float:none;margin:1rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}



/* Approved shared Nablus/Jaffa courtyard. */
.hero-tagline{margin-bottom:.8rem}
.hero-slogan{font-size:clamp(1rem,1.5vw,1.3rem);max-width:660px;line-height:1.6;margin:0 0 1.6rem;text-wrap:balance}
.photo-credits{padding:1rem 4.5%;background:#242719;color:#eee8d8;font:12px/1.7 Arial,sans-serif}
.photo-credits p{max-width:950px;margin:.7rem 0}
@media(max-width:680px){.hero{min-height:740px}.hero h1{font-size:clamp(2.7rem,11vw,4.5rem)}.hero-slogan{max-width:330px}.hero-image{object-position:48% center}}