/*
Theme Name: Il Tartufo Di Massimo
Theme URI: https://iltartufodimassimo.com
Author: Il Tartufo Di Massimo
Description: Custom theme for Il Tartufo Di Massimo — fresh Italian truffles, imported to Amsterdam. Black/grey/white palette with gold accents, editorial serif headlines, no cart/checkout, built around Truffles, Products, About and Journal.
Version: 1.5
Text Domain: iltartufo
*/

:root{
  --black:#141414;
  --black-2:#1C1C1C;
  --black-3:#232323;
  --white:#FFFFFF;
  --parchment:#F2F2F0;
  --grey:#9A9A9A;
  --grey-dark:#5C5C5C;
  --gold:#C6A55C;
  --gold-light:#E4CC8E;
  --line: rgba(255,255,255,0.14);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--black);
  color:var(--parchment);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  /* .full-bleed-photo breaks out to 100vw, which measures the viewport
     INCLUDING the scrollbar's width — a few pixels wider than the actual
     visible area on browsers with a reserved scrollbar gutter. Without this,
     that gap shows up as a permanent, tiny horizontal scroll on any page
     using that pattern. */
  overflow-x:hidden;
}
h1,h2,h3,.serif{
  font-family:'Fraunces',serif;
  font-weight:500;
  margin:0;
  letter-spacing:-0.01em;
}
.italic{font-style:italic;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px, 5vw, 32px);}
.eyebrow{
  font-family:'Inter',sans-serif;
  font-size:11px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--gold-light);
  font-weight:600;
}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--gold);
  color:var(--white);
  padding:14px 26px;
  font-size:13px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight:600;
  border-radius:999px;
  transition:all .35s ease;
  white-space:nowrap;
  cursor:pointer;
  background:transparent;
}
.btn:hover{background:var(--gold);color:var(--black);}
.btn.ghost{border-color:rgba(255,255,255,0.35);color:var(--parchment);}
.btn.ghost:hover{background:rgba(255,255,255,0.08);color:var(--white);border-color:var(--gold-light);}

/* ===== NAV ===== */
/*
  The header's translucent blur lives on a ::before rather than directly on
  header.site-header. backdrop-filter (like transform/filter) makes its element
  the containing block for any position:fixed descendant — and the mobile
  .navlinks drawer below is position:fixed;inset:0. If backdrop-filter stayed
  on the header itself, the "full screen" drawer would be sized/positioned
  relative to the ~60px header bar instead of the viewport, collapsing the
  whole mobile nav into a sliver that overlaps the logo.
*/
header.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:18px 0;
}
header.site-header::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to bottom, rgba(20,20,20,0.96), rgba(20,20,20,0.85) 70%, transparent);
  backdrop-filter:blur(6px);
  pointer-events:none;
}
nav.main-nav{display:flex;align-items:center;justify-content:space-between;position:relative;}
.logo{font-family:'Fraunces',serif;font-size:clamp(16px,3.5vw,19px);letter-spacing:0.02em;font-weight:500;z-index:101;position:relative;}
.logo span{color:var(--gold-light);font-style:italic;}
.navlinks{display:flex;gap:38px;align-items:center;list-style:none;margin:0;padding:0;}
.navlinks li{list-style:none;}
.navlinks a{
  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;
  color:var(--parchment);opacity:0.85;
  position:relative;padding-bottom:4px;
}
.navlinks a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold-light);
  transition:width .3s ease;
}
.navlinks a:hover{opacity:1;}
.navlinks a:hover::after{width:100%;}
.navlinks .enquire a{
  opacity:1;border:1px solid var(--gold);padding:9px 18px;border-radius:999px;
}
.navlinks .enquire a::after{display:none;}

/* Mobile menu button — hidden on desktop, becomes a real hamburger/close toggle on small screens */
.menu-toggle{
  display:none;background:none;border:none;color:var(--white);
  cursor:pointer;z-index:101;position:relative;
  width:26px;height:20px;padding:0;
}
.menu-toggle span{
  display:block;position:absolute;left:0;width:100%;height:2px;background:var(--white);
  transition:transform .3s ease, opacity .3s ease, top .3s ease;
}
.menu-toggle span:nth-child(1){top:0;}
.menu-toggle span:nth-child(2){top:9px;}
.menu-toggle span:nth-child(3){top:18px;}
.menu-toggle.is-open span:nth-child(1){top:9px;transform:rotate(45deg);}
.menu-toggle.is-open span:nth-child(2){opacity:0;}
.menu-toggle.is-open span:nth-child(3){top:9px;transform:rotate(-45deg);}

/* ===== HERO ===== */
.hero{
  min-height:100vh;
  display:flex;align-items:flex-end;
  position:relative;
  padding:160px 0 100px;
  background:
    radial-gradient(ellipse 90% 60% at 70% 8%, rgba(198,165,92,0.14), transparent 60%),
    linear-gradient(180deg, var(--black) 0%, var(--black-3) 55%, var(--black) 100%);
  overflow:hidden;
}
.hero.has-image{background-size:cover;background-position:center;}
.hero.has-image::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(20,20,20,0.55) 0%, rgba(20,20,20,0.75) 60%, var(--black) 100%);
}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 0.7fr;gap:60px;align-items:end;width:100%;}
.hero h1{
  font-size:clamp(42px, 5.6vw, 84px);
  line-height:1.02;
  color:var(--white);
  margin:22px 0 26px;
}
.hero h1 em{font-style:italic;color:var(--gold-light);font-weight:400;}
.hero p.lede{max-width:460px;color:rgba(255,255,255,0.65);font-size:16.5px;margin-bottom:34px;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}
.hero-side{
  border-left:1px solid var(--line);
  padding-left:32px;
  align-self:end;
  color:rgba(255,255,255,0.55);
  font-size:13.5px;
}
.hero-side b{display:block;color:var(--white);font-family:'Fraunces',serif;font-size:22px;font-weight:500;margin-bottom:6px;}

/* ===== HARVEST TAG STRIP ===== */
.harvest{
  background:var(--black-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:64px 0 70px;
}
.harvest-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:16px;}
.harvest-head h2{font-size:clamp(24px, 5.5vw, 30px);color:var(--white);}
.tag-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.tag{
  position:relative;
  background:var(--parchment);
  color:var(--black);
  border-radius:3px;
  padding:30px 26px 26px;
  transform:rotate(var(--r,0deg));
  box-shadow:0 18px 30px -12px rgba(0,0,0,0.5);
  transition:transform .4s ease;
}
.tag:nth-child(3n+1){--r:-1.4deg;}
.tag:nth-child(3n+2){--r:0.8deg;}
.tag:nth-child(3n+3){--r:-0.5deg;}
.tag:hover{transform:rotate(0deg) translateY(-6px);}
.tag::before{
  content:'';position:absolute;top:-10px;left:24px;
  width:16px;height:16px;border-radius:50%;
  background:var(--black-2);
  box-shadow:0 0 0 2px var(--parchment), inset 0 2px 3px rgba(0,0,0,0.4);
}
.tag .season{
  font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:10px;
}
.tag h3{font-size:22px;margin-bottom:2px;}
.tag .latin{font-style:italic;color:var(--grey-dark);font-size:13.5px;margin-bottom:14px;display:block;}
.tag p{font-size:14px;color:#3a3a3a;margin:0;}

/* ===== SECTION generic ===== */
section{padding:clamp(56px, 10vw, 110px) 0;position:relative;}
.section-label{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.section-label .rule{flex:0 0 40px;height:1px;background:var(--gold);}
.section-heading{font-size:clamp(28px, 5.5vw, 40px);color:var(--white);max-width:560px;line-height:1.1;}

/* ===== ABOUT ===== */
.about-section{display:grid;grid-template-columns:0.85fr 1.15fr;gap:70px;align-items:center;}
.about-portrait{
  aspect-ratio:3/4;border-radius:4px;
  background:linear-gradient(155deg, #3a3a3a 0%, #232323 55%, #141414 100%);
  background-size:cover;background-position:center;
  position:relative;overflow:hidden;
  border:1px solid var(--line);
}
.about-portrait .caption{
  position:absolute;bottom:20px;left:20px;
  font-size:10.5px;letter-spacing:0.16em;color:rgba(255,255,255,0.55);
  text-transform:uppercase;
}
.about-text h2{font-size:clamp(28px, 5.5vw, 40px);color:var(--white);margin-bottom:22px;}
.about-text p{color:rgba(255,255,255,0.7);font-size:16px;margin-bottom:18px;max-width:520px;}
blockquote{
  font-family:'Fraunces',serif;font-style:italic;font-weight:400;
  font-size:23px;line-height:1.45;color:var(--gold-light);
  margin:28px 0;padding-left:24px;border-left:2px solid var(--gold);
  max-width:520px;
}

/* ===== TRUFFLES ===== */
.truffles{background:var(--black-3);}
.truffle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin-top:50px;}
.truffle-card{background:var(--black-3);padding:38px 32px;transition:background .3s ease;}
.truffle-card:hover{background:#2c2c2c;}
.truffle-card .idx{font-family:'Fraunces',serif;font-style:italic;color:var(--gold);font-size:14px;margin-bottom:22px;display:block;}
.truffle-card h3{font-size:24px;color:var(--white);margin-bottom:4px;}
.truffle-card .latin{font-style:italic;color:rgba(255,255,255,0.45);font-size:13.5px;display:block;margin-bottom:16px;}
.truffle-card .meta{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap;}
.truffle-card .meta span{
  font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--gold-light);border:1px solid var(--line);padding:5px 10px;border-radius:20px;
}
.truffle-card p{font-size:14.5px;color:rgba(255,255,255,0.6);margin:0;}

/* ===== PRODUCTS ===== */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px;}
.product-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .35s ease, border-color .35s ease;}
.product-card:hover{transform:translateY(-8px);border-color:var(--gold);}
.product-visual{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center;background-color:#222;}
.product-visual svg{width:56px;height:56px;color:var(--gold-light);}
.product-info{padding:20px 22px 26px;}
.product-info .cat{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block;}
.product-info h3{font-size:19px;color:var(--white);margin-bottom:8px;}
.product-info p{font-size:13.5px;color:rgba(255,255,255,0.6);margin:0 0 16px;}
.product-info a{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-light);font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:2px;}

/* ===== CHEFS ===== */
.chefs{background:var(--black-2);color:var(--white);}
.chefs h2{font-size:clamp(24px, 5.5vw, 36px);}
.chef-list{margin-top:50px;border-top:1px solid var(--line);}
.chef-row{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;}
.chef-row .rest{font-family:'Fraunces',serif;font-style:italic;font-size:22px;}
.chef-row .chef{font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:0.03em;}

/* ===== JOURNAL ===== */
.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px;}
.journal-card{border:1px solid var(--line);border-radius:4px;padding:36px;display:flex;flex-direction:column;gap:18px;transition:border-color .3s ease, background .3s ease;}
.journal-card:hover{border-color:var(--gold);background:rgba(198,165,92,0.05);}
.journal-card .cat{font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-light);}
.journal-card h3{font-size:26px;color:var(--white);}
.journal-card p{color:rgba(255,255,255,0.6);font-size:14.5px;margin:0;}
.journal-card .rd{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-top:6px;}

/* ===== NEWSLETTER STRIP ===== */
.strip{background:var(--black-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;}
.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}
.strip h2{font-size:clamp(22px, 5.5vw, 28px);color:var(--white);max-width:420px;}
.strip form{display:flex;gap:4px;border:1px solid var(--gold);border-radius:999px;min-width:360px;padding:4px 4px 4px 20px;}
/* min-width:0 overrides the browser's default min-width:auto on <input>, which
   otherwise refuses to shrink below its intrinsic size and pushes the Subscribe
   button (and the whole page) past the viewport edge once .strip form goes
   full-width on phones. */
.strip input{background:transparent;border:none;color:var(--parchment);padding:10px 6px;font-size:14px;flex:1;min-width:0;font-family:'Inter',sans-serif;}
.strip input::placeholder{color:rgba(255,255,255,0.4);}
.strip button{background:var(--gold);border:none;color:var(--black);border-radius:999px;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;cursor:pointer;padding:11px 22px;transition:background .3s ease;}
.strip button:hover{background:var(--gold-light);}

/* ===== FOOTER ===== */
footer.site-footer{padding:80px 0 40px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;}
.foot-col h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:18px;}
.foot-col p, .foot-col a{font-size:14px;color:rgba(255,255,255,0.6);display:block;margin-bottom:10px;}
.foot-col a:hover{color:var(--white);}
.foot-logo{font-family:'Fraunces',serif;font-size:24px;margin-bottom:14px;}
.foot-bottom{display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid var(--line);font-size:12.5px;color:rgba(255,255,255,0.4);flex-wrap:wrap;gap:10px;}

/* ===== INNER PAGE / ARCHIVE / SINGLE ===== */
.page-hero{padding:60px 0 20px;background:var(--black-2);border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(36px,4.5vw,58px);color:var(--white);}
.content-section{padding:20px 0 0;}
.entry-content{max-width:720px;margin:0 auto;color:rgba(255,255,255,0.75);font-size:16px;}
/* !important because specific components (like .full-bleed-photo) set their
   own margin-top for breathing room when they're NOT the first thing on the
   page — that more specific rule would otherwise win over this and stack an
   extra gap on top of the section's own top padding. */
.entry-content > *:first-child{margin-top:0 !important;}
.entry-content p{margin-bottom:20px;}
.entry-content img{border-radius:4px;margin:20px 0;}
.entry-content h2{font-size:clamp(26px, 4.5vw, 34px);color:var(--white);margin:44px 0 18px;line-height:1.15;}
.entry-content h3{font-size:clamp(20px, 3.5vw, 26px);color:var(--white);margin:32px 0 14px;}
.entry-content h4{font-size:20px;color:var(--white);margin:24px 0 12px;}
.entry-content ul,.entry-content ol{margin:0 0 20px;padding-left:22px;}
.entry-content li{margin-bottom:8px;}
.entry-content a{color:var(--gold-light);text-decoration:underline;text-underline-offset:2px;}
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:20px;}

/* ===== PATTERNS: Photo + Story, Fact Strip ===== */
.entry-content .wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:50px 0;}
.entry-content .wp-block-media-text__media{margin:0;}
.entry-content .wp-block-media-text__media img{border-radius:4px;display:block;margin:0;width:100%;}
.entry-content .wp-block-media-text__content{padding:0;}
.entry-content .wp-block-media-text__content > *:first-child{margin-top:0;}
@media (max-width:600px){
  .entry-content .wp-block-media-text{grid-template-columns:1fr;gap:20px;}
}
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:50px 0;}
.fact-strip .fact{border:1px solid var(--line);border-radius:4px;padding:24px 22px;}
.fact-strip .fact b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(22px, 4vw, 28px);color:var(--white);margin-bottom:6px;}
.fact-strip .fact span{font-size:13px;color:rgba(255,255,255,0.6);}
@media (max-width:600px){
  .fact-strip{grid-template-columns:1fr;}
}
.gold-divider{border:none;border-top:2px solid var(--gold);width:60px;margin:50px auto;}
.badge-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;}
.badge-row .badge{font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-light);border:1px solid var(--line);padding:6px 12px;border-radius:20px;}

/* Breaks the image out to the full browser width regardless of how deeply
   it's nested inside the 720px .entry-content column — the classic
   "100vw + negative margin" full-bleed trick, so no theme.json / align-wide
   support is needed for it to work. */
.entry-content .full-bleed-photo{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-top:44px;margin-bottom:44px;overflow:hidden;aspect-ratio:16/7;}
.entry-content .full-bleed-photo img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;}
@media (max-width:600px){
  .entry-content .full-bleed-photo{aspect-ratio:4/3;margin-top:28px;margin-bottom:28px;}
}

/* reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ===================================================
   TABLET (≤ 980px)
   =================================================== */
@media (max-width:980px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-side{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:24px;}
  .tag-row{grid-template-columns:1fr;max-width:420px;margin:0 auto;}
  .about-section{grid-template-columns:1fr;}
  .about-portrait{max-height:420px;}
  .truffle-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .journal-grid,.archive-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}

  /* Real mobile nav drawer */
  .navlinks{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:30px;
    position:fixed;
    inset:0;
    background:var(--black);
    z-index:100;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
  }
  .navlinks.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:opacity .3s ease, transform .3s ease, visibility 0s linear 0s;
  }
  .navlinks a{font-size:16px;letter-spacing:0.1em;}
  .navlinks .enquire a{padding:12px 28px;}
  .menu-toggle{display:block;}
  body.nav-open{overflow:hidden;}
}

/* ===================================================
   PHONE (≤ 600px)
   =================================================== */
@media (max-width:600px){
  .hero{min-height:100vh;min-height:100svh;padding-bottom:60px;}
  .hero p.lede{font-size:15px;}
  /* .btn defaults to white-space:nowrap for the pill shape; on narrow phones
     a long full-width label (e.g. "Enquire About This Week's Harvest") can't
     shrink to fit and pushes the whole page into horizontal scroll, so let
     it wrap once buttons go full-width below this breakpoint. */
  .btn{white-space:normal;}
  .hero-ctas{flex-direction:column;align-items:stretch;}
  .hero-ctas .btn{justify-content:center;text-align:center;}
  .hero-side{font-size:13px;}

  /* de-rotate the harvest tags so they stack cleanly instead of looking crooked */
  .tag{transform:none !important;}
  .tag:hover{transform:translateY(-4px) !important;}
  .harvest-head{flex-direction:column;align-items:flex-start;}
  .harvest-head .btn{width:100%;justify-content:center;}

  .truffle-grid{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:1fr;}
  .product-visual{aspect-ratio:16/10;}

  blockquote{font-size:19px;padding-left:18px;}

  .chef-row{flex-direction:column;align-items:flex-start;gap:4px;padding:20px 0;}

  .strip-inner{flex-direction:column;align-items:stretch;text-align:left;}
  .strip form{min-width:0;width:100%;}

  .foot-grid{grid-template-columns:1fr;gap:32px;}
  .foot-bottom{flex-direction:column;align-items:flex-start;}

  .products-grid, .truffle-grid, .journal-grid, .archive-grid{gap:16px;}
}

/* ===================================================
   ELEMENTOR COMPATIBILITY
   ===================================================
   Elementor is active on this install (the About page is built with it), so
   its Global Kit stylesheet (.elementor-kit-279) loads — and its body class
   is added — on every page, including the ones this theme renders itself.
   That kit CSS applies a global gold accent (#B89F68) + Helvetica/Nunito Sans
   to every plain <a>, <h2>, <h3> and <button> site-wide, silently overriding
   this theme's own nav, buttons, and card headings (logo/nav go gold instead
   of white, cards lose their Fraunces serif, the hamburger + newsletter
   button pick up a stray gold border). Restating this theme's own choices
   here with !important, scoped to this theme's own component classes only,
   fixes that without touching Elementor's config or its About-page content. */
header.site-header .logo{font-family:'Fraunces',serif !important;color:var(--parchment) !important;}
header.site-header .logo span{color:var(--gold-light) !important;}
header.site-header .navlinks a{font-family:'Inter',sans-serif !important;color:var(--parchment) !important;}
.menu-toggle{border:none !important;background:none !important;}
.btn{font-family:'Inter',sans-serif !important;}
.btn:not(.ghost){color:var(--white) !important;}
.btn.ghost{color:var(--parchment) !important;}
.harvest-head h2,
.about-text h2,
.section-heading,
.chefs h2,
.strip h2{font-family:'Fraunces',serif !important;font-weight:500 !important;text-transform:none !important;color:var(--white) !important;}
.tag h3,
.truffle-card h3,
.product-info h3,
.journal-card h3,
.entry-content h2,
.entry-content h3{font-family:'Fraunces',serif !important;font-weight:500 !important;text-transform:none !important;color:var(--white) !important;}
.product-info a{font-family:'Inter',sans-serif !important;color:var(--gold-light) !important;}
.journal-card{font-family:'Inter',sans-serif !important;}
.journal-card .rd{color:var(--gold-light) !important;}
.foot-col a{font-family:'Inter',sans-serif !important;color:rgba(255,255,255,0.6) !important;}
.foot-col a:hover{color:var(--white) !important;}
.entry-content a{font-family:'Inter',sans-serif !important;color:var(--gold-light) !important;}
.strip button{font-family:'Inter',sans-serif !important;background:var(--gold) !important;color:var(--black) !important;border:none !important;text-transform:uppercase !important;}
.strip button:hover{background:var(--gold-light) !important;}