/* ===========================================================================
   Monk Sera — Content Pages Polish (NEW, override-only).
   Covers: legal (privacy/T&C), faq, contact, auth (login/register),
   orders, blog, gallery, track-order. Loaded via footer. Scoped to existing
   classes. No PHP/markup change. Safe to remove.
   =========================================================================== */

:root{ --mc-forest:#0E2A1B; --mc-gold:#C9A227; --mc-cream:#F7F3EE; --mc-line:#E2DAD0; --mc-muted:#6B6B6B; }

/* ---- Shared readable measure + rhythm for long-form pages ---- */
.legal-section, .faq-page, .contact-page, .blog-page { line-height:1.7; }

/* ---- Legal pages (privacy-policy, terms-and-conditions) ---- */
.legal-hero{ position:relative; }
.legal-section{ transition:box-shadow .25s, transform .25s; border:1px solid transparent; }
.legal-section:hover{ box-shadow:0 8px 28px rgba(14,42,27,.07); }
.legal-section-header{ letter-spacing:-.01em; }
.legal-section-number{ color:var(--mc-gold); }
.legal-highlight{ border-left:3px solid var(--mc-gold); }
.legal-tag{ letter-spacing:.04em; }
@media (max-width:768px){
  .legal-hero{ padding:40px 18px 24px !important; }
  .legal-section{ padding:18px !important; }
}

/* ---- FAQ ---- */
.faq-page{ padding-bottom:48px; }
.faq-page .menu-item, .faq-page details, .faq-item{ transition:background .2s; }
@media (max-width:768px){ .faq-page{ padding-left:14px; padding-right:14px; } }

/* ---- Contact ---- */
.contact-page .info-card{ transition:transform .25s, box-shadow .25s; border:1px solid var(--mc-line); }
.contact-page .info-card:hover{ transform:translateY(-3px); box-shadow:0 12px 32px rgba(14,42,27,.10); }
.contact-page .form-group input:focus,
.contact-page .form-group textarea:focus{ outline:none; border-color:var(--mc-gold) !important; box-shadow:0 0 0 3px rgba(201,162,39,.16) !important; }
@media (max-width:768px){ .contact-page{ padding-left:14px; padding-right:14px; } }

/* ---- Auth (login / register) ---- */
.auth-page{ display:flex; align-items:center; justify-content:center; min-height:70vh; padding:40px 16px; }
.auth-card{ width:100%; max-width:440px; box-shadow:0 18px 56px rgba(14,42,27,.12) !important; border:1px solid var(--mc-line); }
.auth-header{ text-align:center; }
.auth-card .form-group input:focus{ outline:none; border-color:var(--mc-gold) !important; box-shadow:0 0 0 3px rgba(201,162,39,.16) !important; }
.auth-btn{ transition:filter .2s, transform .15s, box-shadow .2s !important; }
.auth-btn:hover{ filter:brightness(1.04); transform:translateY(-1px); box-shadow:0 10px 26px rgba(201,162,39,.28); }
.google-login-btn{ transition:background .2s, box-shadow .2s !important; }
.google-login-btn:hover{ box-shadow:0 4px 16px rgba(0,0,0,.08); }

/* ---- Orders (my_orders, customer-dashboard) ---- */
.orders-wrap{ padding-bottom:48px; }
.order-card{ transition:transform .25s, box-shadow .25s; border:1px solid var(--mc-line); }
.order-card:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(14,42,27,.09); }
.status-chip,.order-id{ letter-spacing:.02em; }
@media (max-width:768px){
  .orders-wrap{ padding-left:14px; padding-right:14px; }
  .order-row,.total-row{ flex-wrap:wrap; }
}

/* ---- Blog ---- */
.blog-page .blog-card,.blog-page article{ transition:transform .3s, box-shadow .3s; }
.blog-page .blog-card:hover{ transform:translateY(-5px); box-shadow:0 16px 44px rgba(14,42,27,.12); }
.blog-page img{ transition:transform .6s cubic-bezier(.4,0,.2,1); }
@media (max-width:768px){ .blog-page{ padding-left:14px; padding-right:14px; } }

/* ---- Track order ---- */
.timeline-item{ transition:background .2s; }
.track-help{ border:1px solid var(--mc-line); border-radius:12px; }

/* ---- Gallery ---- */
.gallery img, .gallery-item img{ transition:transform .6s cubic-bezier(.4,0,.2,1); }
.gallery-item{ overflow:hidden; }
.gallery-item:hover img{ transform:scale(1.05); }

/* ---- Shared button feedback (gold) on these pages ---- */
.btn-gold{ transition:filter .2s, transform .15s, box-shadow .2s !important; }
.btn-gold:hover{ filter:brightness(1.04); transform:translateY(-1px); }
.btn-gold:active{ transform:translateY(0); }

@media (prefers-reduced-motion:reduce){
  .legal-section,.contact-page .info-card,.order-card,.blog-page .blog-card,
  .blog-page img,.gallery img,.auth-btn,.btn-gold{ transition:none !important; }
  .contact-page .info-card:hover,.order-card:hover,.blog-page .blog-card:hover,
  .gallery-item:hover img{ transform:none !important; }
}