/*
Theme Name: Zhouand Memorial
Theme URI: https://zhouand.com
Description: A dignified memorial theme for Samiuddin Zhouand — Afghan jurist, Deputy Minister of Justice, and member of the Supreme Judicial Council. Classic PHP theme with a Writings custom post type, a documented-record archive, and Customizer-editable memorial text. "Riverbank at dusk" palette; Cormorant Garamond + Spectral. Tailwind utilities are precompiled to assets/css/tailwind.css.
Author: HeyItsMOO
Author URI: https://heyitsmoo.com
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhouand
*/

/* =========================================================================
   Custom CSS (Tailwind utilities live in assets/css/tailwind.css, enqueued
   separately). Only the bits Tailwind can't express live here.
   ========================================================================= */

html { scroll-behavior: smooth; }
::selection { background:#A98A4F; color:#0F1E24; }

/* reveal-on-scroll */
[data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1); }
[data-reveal].in{ opacity:1; transform:none; }

/* hero rise */
.rise{ opacity:0; transform:translateY(18px); animation:rise 1.1s cubic-bezier(.22,1,.36,1) forwards; }
@keyframes rise{ to{ opacity:1; transform:none; } }

/* scroll cue */
.cue-line{ animation:cue 3.4s cubic-bezier(.22,1,.36,1) infinite; transform-origin:left; }
@keyframes cue{ 0%,100%{ transform:scaleX(.4); opacity:.4 } 50%{ transform:scaleX(1); opacity:1 } }

/* drop cap */
.dropcap::first-letter{ font-family:"Cormorant Garamond",serif; font-weight:500; float:left; font-size:4.1rem; line-height:.76; padding:.26rem .6rem 0 0; color:#A98A4F; }

:focus-visible{ outline:2px solid #A98A4F; outline-offset:3px; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  [data-reveal]{ opacity:1; transform:none; }
  .rise{ opacity:1; transform:none; }
}

/* ---- Primary nav (wp_nav_menu) ---- */
.zh-nav{ list-style:none; }
.zh-nav li{ position:relative; }
.zh-nav a{
  position:relative; display:inline-block;
  font-family:"Spectral",Georgia,serif; font-size:.76rem; letter-spacing:.2em;
  text-transform:uppercase; color:#A6AEB5; text-decoration:none; transition:color .3s;
}
.zh-nav a:hover,.zh-nav a:focus-visible{ color:#ECE7DB; }
.zh-nav a::after{
  content:""; position:absolute; left:0; bottom:-.4rem; height:1px; width:0;
  background:#A98A4F; transition:width .35s cubic-bezier(.22,1,.36,1);
}
.zh-nav a:hover::after,.zh-nav a:focus-visible::after{ width:100%; }
.zh-nav .current-menu-item > a,
.zh-nav .current_page_item > a,
.zh-nav .current-menu-ancestor > a{ color:#A98A4F; }

/* ---- Editable page / single content (prose) ---- */
.zh-prose{ font-size:1.075rem; line-height:1.75; }
.zh-prose > *{ max-width:38rem; }
.zh-prose p{ margin:0 0 1.35rem; }
.zh-prose h2{ font-family:"Cormorant Garamond",serif; font-weight:500; font-size:clamp(1.9rem,3.4vw,2.6rem); line-height:1.1; margin:2.4rem 0 1rem; }
.zh-prose h3{ font-family:"Cormorant Garamond",serif; font-weight:500; font-size:1.5rem; margin:2rem 0 .8rem; }
.zh-prose a{ color:#8a6d35; text-underline-offset:3px; }
.zh-prose blockquote{ border-left:2px solid #A98A4F; padding-left:1.5rem; margin:2rem 0; font-family:"Cormorant Garamond",serif; font-style:italic; font-size:1.4rem; line-height:1.4; }
.zh-prose img{ max-width:100%; height:auto; }
.zh-prose ul,.zh-prose ol{ margin:0 0 1.35rem 1.2rem; }
.zh-prose li{ margin:.3rem 0; }