/*
Theme Name: The Finer Things
Theme URI: https://thefinerthings.online
Author: The Finer Things
Description: A luxury editorial block theme for premium buying guides and reviews. Built for WordPress 6.x + Gutenberg, optimized for Hostinger LiteSpeed hosting, Core Web Vitals, SEO and AI search discovery.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: finer-things
Tags: block-theme, full-site-editing, blog, news, e-commerce
*/

/* ---------- Signature brand motif: gold en-rules (from the crown logo) ---------- */
.tft-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #D4AF37;
  font-weight: 600;
}
.tft-eyebrow::before,
.tft-eyebrow::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 1px;
  background: #D4AF37;
}
.tft-eyebrow.alignleft, .tft-eyebrow.has-text-align-left { justify-content: flex-start; }
.tft-eyebrow.has-text-align-left::after { display: none; }

/* ---------- Cards ---------- */
.tft-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(13, 27, 42, 0.08);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.tft-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(13, 27, 42, 0.14);
}

/* Product card CTA */
.tft-btn-gold a,
a.tft-btn-gold {
  background: linear-gradient(135deg, #D4AF37 0%, #c39c2a 100%) !important;
  color: #0D1B2A !important;
  border-radius: 999px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.82rem;
}
.tft-btn-outline a {
  border: 1px solid #D4AF37 !important;
  color: #D4AF37 !important;
  border-radius: 999px;
  background: transparent !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.82rem;
}

/* ---------- Glass effect ---------- */
.tft-glass {
  background: rgba(246, 246, 246, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 16px;
}

/* ---------- Summary / verdict box ---------- */
.tft-summary {
  border-left: 3px solid #D4AF37;
  background: #F6F6F6;
  border-radius: 0 16px 16px 0;
}

/* Pros / cons */
.tft-pros { border-top: 3px solid #2e7d32; border-radius: 16px; background:#fff; box-shadow: 0 8px 24px rgba(13,27,42,.07); }
.tft-cons { border-top: 3px solid #A7ADB5; border-radius: 16px; background:#fff; box-shadow: 0 8px 24px rgba(13,27,42,.07); }
.tft-pros ul, .tft-cons ul { list-style: none; padding-left: 0; }
.tft-pros li::before { content: "+"; color: #2e7d32; font-weight: 800; margin-right: .6rem; }
.tft-cons li::before { content: "–"; color: #6b7280; font-weight: 800; margin-right: .6rem; }

/* ---------- Tables ---------- */
.tft-compare table { border-collapse: collapse; width: 100%; font-family: "Lato", sans-serif; }
.tft-compare th { background: #0D1B2A; color: #F6F6F6; font-family: "Montserrat", sans-serif; letter-spacing: .04em; text-transform: uppercase; font-size: .8rem; padding: 1rem; }
.tft-compare td { padding: 0.9rem 1rem; border-bottom: 1px solid #e6e6e6; }
.tft-compare tr:nth-child(even) td { background: #fafafa; }

/* ---------- FAQ ---------- */
.tft-faq details {
  background: #fff; border-radius: 12px; padding: 1rem 1.25rem; margin-bottom: .75rem;
  box-shadow: 0 6px 18px rgba(13,27,42,.06);
}
.tft-faq summary { cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 600; color: #0D1B2A; }
.tft-faq summary::marker { color: #D4AF37; }

/* ---------- Header / nav ---------- */
.tft-header { border-bottom: 1px solid rgba(212,175,55,.35); }
.tft-header .wp-block-navigation a {
  font-family: "Montserrat", sans-serif; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase;
}
.tft-header .wp-block-navigation a:hover { color: #D4AF37; }

/* ---------- Reading-time / meta ---------- */
.tft-meta { font-family: "Lato", sans-serif; font-size: .85rem; color: #6b7280; letter-spacing: .02em; }

/* Disclosure notice */
.tft-disclosure {
  font-size: .8rem; color: #6b7280; background: #F6F6F6;
  border: 1px solid #e6e6e6; border-radius: 10px; padding: .7rem 1rem;
}

/* ---------- Accessibility & motion ---------- */
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid #D4AF37; outline-offset: 3px; border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Scroll reveal (progressive enhancement, added by theme JS) */
.tft-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.tft-reveal.is-visible { opacity: 1; transform: none; }