/* ==========================================================
   ZiyaraWay Brand Layer — premium Green / White / Gold
   Sits on top of Extendable 2.1.9. Toggle: ZiyaraWay → Settings.
   ========================================================== */
:root{
  --zw-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23c9a227' stroke-width='1.1' opacity='.55'%3E%3Crect x='21' y='21' width='30' height='30'/%3E%3Crect x='21' y='21' width='30' height='30' transform='rotate(45 36 36)'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3Cpath d='M0 36h15M57 36h15M36 0v15M36 57v15'/%3E%3C/g%3E%3C/svg%3E");
  --zw-shadow:0 10px 30px rgba(8,63,40,.10);
}
body{background:#fff}

/* ---------- Header ---------- */
header.wp-block-template-part{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.2) blur(6px);box-shadow:0 1px 0 #eadfbe,0 6px 18px rgba(8,63,40,.06)}
body.admin-bar header.wp-block-template-part{top:32px}
@media(max-width:782px){body.admin-bar header.wp-block-template-part{top:0}}
header .wp-block-site-logo img{border-radius:10px;box-shadow:0 2px 8px rgba(8,63,40,.18)}
header .wp-block-site-title,header .wp-block-site-title a{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:700;letter-spacing:2px;color:var(--zw-green)!important;text-decoration:none!important;text-transform:uppercase}
header .wp-block-navigation .wp-block-navigation-item__content{position:relative;color:var(--zw-ink)}
header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(:last-child) > .wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--zw-gold);transform:scaleX(0);transition:transform .2s}
header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after{transform:scaleX(1)}
header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:last-child > a{box-shadow:0 4px 14px rgba(156,122,18,.35)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--zw-green-d)!important;color:#fff!important}
.wp-block-navigation__responsive-container.is-menu-open a{color:#f3ead0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{background:transparent!important;border:0!important}
.wp-block-navigation__responsive-container-open svg,.wp-block-navigation__responsive-container-close svg{fill:var(--zw-green)}
.is-menu-open .wp-block-navigation__responsive-container-close svg{fill:#f3ead0}

/* Top bar ornament */
.zw-topbar{background:var(--zw-green-d) var(--zw-star);background-size:48px 48px;border-bottom:1px solid rgba(201,162,39,.45)}

/* ---------- Page & post titles ---------- */
main > .wp-block-post-title,main .wp-block-group > .wp-block-post-title,.wp-block-post-title{font-family:"Cormorant Garamond",Georgia,serif;color:var(--zw-green);text-align:center;font-size:clamp(34px,5vw,54px);margin-top:1.2em}
.wp-block-post-title::after{content:"";display:block;width:140px;height:14px;margin:14px auto 0;background:
  linear-gradient(var(--zw-gold),var(--zw-gold)) left 50%/52px 2px no-repeat,
  linear-gradient(var(--zw-gold),var(--zw-gold)) right 50%/52px 2px no-repeat,
  radial-gradient(circle,var(--zw-gold) 0 5px,transparent 6px) center/14px 14px no-repeat}
html[lang^=ur] .wp-block-post-title,html[lang^=ar] .wp-block-post-title{font-family:"Noto Naskh Arabic",serif}
html[lang^=ur] .wp-block-post-title{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;line-height:1.8}

/* ---------- Hero ---------- */
.zw-hero{background:linear-gradient(135deg,rgba(8,63,40,.97),rgba(11,93,59,.93)),var(--zw-star),var(--zw-green-d);background-size:auto,72px 72px}
.zw-hero:before{background-image:radial-gradient(circle at 85% 15%,rgba(201,162,39,.28),transparent 45%),radial-gradient(circle at 10% 90%,rgba(201,162,39,.16),transparent 40%)}
.zw-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,transparent,var(--zw-gold),transparent)}
.zw-hero h1{text-shadow:0 2px 20px rgba(0,0,0,.25);letter-spacing:1px}
.zw-hero .zw-kicker{display:inline-block;padding:6px 16px;border:1px solid rgba(201,162,39,.6);border-radius:30px;background:rgba(0,0,0,.12)}

/* ---------- Sections & ornaments ---------- */
.zw-section h2{position:relative}
.zw-divider{width:160px;height:14px;border:0;margin:12px auto 20px;background:
  linear-gradient(var(--zw-gold),var(--zw-gold)) left 50%/60px 2px no-repeat,
  linear-gradient(var(--zw-gold),var(--zw-gold)) right 50%/60px 2px no-repeat,
  radial-gradient(circle,var(--zw-gold) 0 5px,transparent 6px) center/14px 14px no-repeat}
.zw-section-cream{background:var(--zw-cream) var(--zw-star);background-size:72px 72px;background-blend-mode:normal}
.zw-section-cream::before{content:none}
.alignfull > .zw-section-cream,.zw-section-cream{max-width:none;padding-left:max(20px,calc((100vw - 1200px)/2));padding-right:max(20px,calc((100vw - 1200px)/2))}

/* ---------- Tiles & cards ---------- */
.zw-tile{border-top:0;position:relative;border:1px solid #eee3c6;box-shadow:var(--zw-shadow);transition:transform .2s,box-shadow .2s}
.zw-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--zw-green),var(--zw-gold))}
.zw-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(8,63,40,.14)}
.zw-tile h3 a{text-decoration:none;color:var(--zw-green)}
.zw-card{border-color:#eee3c6;box-shadow:var(--zw-shadow)}
.zw-card:hover{border-color:var(--zw-gold)}
.zw-card-ph{background:linear-gradient(135deg,rgba(11,93,59,.96),rgba(8,63,40,.98)),var(--zw-star);background-size:auto,60px 60px}
.zw-card-link{color:var(--zw-gold-d)!important}
.zw-card-link:hover{color:var(--zw-green)!important}

/* ---------- Buttons ---------- */
.zw-btn{letter-spacing:.3px;box-shadow:0 4px 14px rgba(8,63,40,.18)}
.zw-btn-gold{box-shadow:0 6px 18px rgba(156,122,18,.35)}
.wp-block-button__link{background:var(--zw-green);color:#fff}
.wp-block-button__link:hover{background:var(--zw-gold-d)}

/* ---------- Content typography ---------- */
.wp-block-post-content h2{position:relative;padding-inline-start:18px}
.wp-block-post-content h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:8px;height:8px;background:var(--zw-gold);transform:rotate(45deg)}
.zw-section h2{padding-inline-start:0}
.zw-section h2::before{content:none}
.wp-block-post-content p,.wp-block-post-content li{line-height:1.8}
blockquote{border-inline-start:4px solid var(--zw-gold)!important}

/* ---------- Ziyarat detail header ---------- */
.zw-place-head{background:linear-gradient(135deg,var(--zw-cream),#fff);border:1px solid #eee3c6;border-inline-start:5px solid var(--zw-gold);box-shadow:var(--zw-shadow)}
.zw-cta-box{background:linear-gradient(135deg,rgba(11,93,59,.97),rgba(8,63,40,.98)),var(--zw-star);background-size:auto,64px 64px}

/* ---------- Forms ---------- */
.zw-form{box-shadow:var(--zw-shadow);border-top:4px solid var(--zw-gold)}

/* ---------- Footer ---------- */
footer.wp-block-template-part{background:linear-gradient(180deg,rgba(8,63,40,.97),rgba(6,48,30,.99)),var(--zw-star);background-size:auto,80px 80px}

/* ---------- Arabic / Urdu: never letter-space connected scripts ---------- */
html[dir=rtl] .zw-kicker,html[dir=rtl] .zw-card-tag,html[dir=rtl] header .wp-block-site-title,html[dir=rtl] .zw-btn,html[dir=rtl] .zw-hero h1{letter-spacing:0!important;text-transform:none}
html[dir=rtl] .zw-kicker{font-size:15px}

/* ---------- Motion preference ---------- */
@media(prefers-reduced-motion:reduce){.zw-tile,.zw-card,.zw-btn{transition:none!important}.zw-tile:hover,.zw-card:hover{transform:none}}
@media(max-width:600px){.wp-block-post-title{font-size:32px}.zw-hero .zw-kicker{font-size:11px}}