/* Fineaurah theme: pages built from PHP templates (shop, product, cart, journal, generic pages).
   Uses the same tokens as the animated homepage. app.css (design system) loads first. */
:root{--fa-ivory:#FAF7F2;--fa-sand:#EFE8DD;--fa-stone:#D9CFC0;--fa-ink:#1C1B19;--fa-soft:#46423C;--fa-mute:#6B655C;--fa-aurah:#9A7548;--fa-deep:#6F5231;--fa-ease:cubic-bezier(.2,.7,.2,1)}

/* ---- header dropdowns (search + mobile menu use <details>, so they work without JavaScript) ---- */
.fa-drop{position:relative}
.fa-drop>summary{list-style:none;cursor:pointer}
.fa-drop>summary::-webkit-details-marker{display:none}
.fa-drop__panel{position:absolute;top:calc(100% + 6px);z-index:60;min-width:min(86vw,320px);background:var(--fa-ivory);border:1px solid var(--fa-stone);box-shadow:0 18px 40px -22px rgba(28,27,25,.28);padding:16px}
.fa-drop__panel--left{left:-12px}
.fa-drop__panel--right{right:-12px}
.fa-drop__panel ul{list-style:none;margin:0;padding:0}
.fa-drop__panel li a{display:block;padding:12px 4px;font-size:1rem;color:var(--fa-ink);border-bottom:1px solid var(--fa-sand)}
.fa-drop__panel li:last-child a{border-bottom:0}
.fa-drop__panel li a:hover{color:var(--fa-deep)}
.fa-search .field{width:100%}

/* ---- page frame ---- */
.fa-page{min-height:60vh;padding:clamp(2.5rem,6vw,5rem) 0 clamp(4rem,9vw,7rem)}
.fa-page__inner--narrow{max-width:820px}
.fa-title{font-family:Manrope,Inter,system-ui,sans-serif;font-weight:300;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.1;letter-spacing:-.01em;color:var(--fa-ink);margin:0 0 1.5rem}
.fa-meta{color:var(--fa-mute);font-size:.9rem;margin:0 0 2rem}
.fa-feature{margin:0 0 2.5rem}.fa-feature img{width:100%;height:auto}
.fa-prose{color:var(--fa-soft);font-size:1.06rem;line-height:1.75}
.fa-prose>*+*{margin-top:1.1em}
.fa-prose h2,.fa-prose h3{font-family:Manrope,Inter,sans-serif;font-weight:400;color:var(--fa-ink);line-height:1.2;margin-top:2em}
.fa-prose h2{font-size:1.7rem}.fa-prose h3{font-size:1.3rem}
.fa-prose a{color:var(--fa-deep);text-decoration:underline;text-underline-offset:3px}
.fa-prose ul,.fa-prose ol{padding-left:1.4em}.fa-prose ul{list-style:disc}.fa-prose ol{list-style:decimal}
.fa-prose img{max-width:100%;height:auto}
.fa-prose blockquote{border-left:2px solid var(--fa-aurah);padding-left:1.2em;color:var(--fa-ink)}

/* ---- journal cards ---- */
.fa-cards{display:grid;gap:2.5rem 2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.fa-card__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--fa-sand);margin-bottom:1rem}
.fa-card__img img{width:100%;height:100%;object-fit:cover}
.fa-card__title{font-family:Manrope,Inter,sans-serif;font-weight:400;font-size:1.3rem;line-height:1.25;margin:0 0 .5rem}
.fa-card__title a{color:var(--fa-ink)}.fa-card__title a:hover{color:var(--fa-deep)}
.fa-card__excerpt{color:var(--fa-mute);font-size:.98rem}
.navigation.pagination{margin-top:3rem}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem}
.navigation.pagination a,.navigation.pagination span{display:inline-grid;min-width:44px;min-height:44px;place-items:center;padding:0 .8rem;border:1px solid var(--fa-stone);color:var(--fa-ink)}
.navigation.pagination .current{background:var(--fa-ink);color:var(--fa-ivory);border-color:var(--fa-ink)}

/* ---- comments (blog) ---- */
.comment-list{list-style:none;padding:0}.comment-body{border-top:1px solid var(--fa-stone);padding:1.2rem 0}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;min-height:48px;padding:.75rem 1rem;border:1px solid var(--fa-stone);background:var(--fa-ivory);color:var(--fa-ink)}
.comment-form .submit{min-height:48px;padding:0 1.75rem;background:var(--fa-ink);color:var(--fa-ivory);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}