/*
 * Rind & Dandy — Netlify font parity and legibility pass.
 * Approved reference: rindaandandyfinal(1).zip/styles.css.
 * Only font-family, font-style, font-weight and text-shadow are changed.
 * Do not add dimensions, spacing, positioning, colors, transforms, or animations here.
 * Scope is restricted to original Rind & Dandy Bridge widgets.
 */

/* HOME: original image-backed hero. Main display text is Geomini ExtraBold 800. */
.rd-home .hero h1,
.rd-home .hero h1 > span,
.rd-home .hero-note strong {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.46), 0 1px 2px rgba(0,0,0,.25);
}

/* Netlify uses Rufina Regular Italic for these contrasting artistic lines. */
.rd-home .hero h1 em,
.rd-home .hero-note em {
    font-family: "Rufina", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    text-shadow: 0 3px 10px rgba(0,0,0,.46), 0 1px 2px rgba(0,0,0,.2);
}

.rd-home .hero .eyebrow,
.rd-home .hero-note small,
.rd-home .hero-note small span,
.rd-home .hero-scroll {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.55);
}
.rd-home .hero-note small,
.rd-home .hero-note small span { font-weight: 500 !important; }

/* HOME: original text superimposed on the eight collection photographs.
 * Source h3 uses browser bold (700); the italic em is Rufina 400.
 * Override only the typeface, weight and shadow, not card geometry. */
.rd-home .collection-card .collection-card-content h3 {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 9px rgba(0,0,0,.44), 0 1px 1px rgba(0,0,0,.2);
}
.rd-home .collection-card .collection-card-content h3 em {
    font-family: "Rufina", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    text-shadow: 0 2px 9px rgba(0,0,0,.4);
}
.rd-home .collection-card .collection-card-kicker,
.rd-home .collection-card .collection-card-link {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.48);
}

/* For the naturally dark text on the bright-background image cards, use only
 * the faintest shadow so letters remain crisp rather than looking muddy. */
.rd-home .collection-card:nth-child(2) .collection-card-content h3,
.rd-home .collection-card:nth-child(4) .collection-card-content h3,
.rd-home .collection-card:nth-child(2) .collection-card-content h3 em,
.rd-home .collection-card:nth-child(4) .collection-card-content h3 em,
.rd-home .collection-card:nth-child(2) .collection-card-kicker,
.rd-home .collection-card:nth-child(4) .collection-card-kicker,
.rd-home .collection-card:nth-child(2) .collection-card-link,
.rd-home .collection-card:nth-child(4) .collection-card-link {
    text-shadow: 0 1px 5px rgba(255,250,241,.32);
}

/* Original large display headings on the other Bridge-built pages: Geomini 800. */
.rd-home .section h2:not(em),
.rd-collections .collections-page-hero h1,
.rd-collections .collection-story-copy h2,
.rd-shop .shop-intro h1,
.rd-final-pages .page-hero h1,
.rd-final-pages .section h2 {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
}
/* Original Rufina italic lines remain light, not artificially bold. */
.rd-home .section h2 em,
.rd-collections .collections-page-hero h1 em,
.rd-collections .collection-story-copy h2 em,
.rd-shop .shop-intro h1 em,
.rd-final-pages .page-hero h1 em,
.rd-final-pages .section h2 em {
    font-family: "Rufina", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

/* Original CUSTOM PROJECTS hero is Geomini bold 700 next to imagery;
 * these artistic subtitle lines are Rufina Regular Italic. */
.rd-custom-projects .custom-projects-hero-copy h1 {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
}
.rd-custom-projects .custom-projects-hero-copy .custom-hero-subtitle {
    font-family: "Rufina", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

/* About video overlay: same white lettering shadow as source reference. */
.rd-final-pages.about-page .about-video-hero .page-hero-kim-combined {
    filter: brightness(0) invert(1) drop-shadow(0 3px 9px rgba(0,0,0,.45));
}


/* -------------------------------------------------------------------------
 * GLOBAL HEADER — approved Netlify screenshot parity (2026-10-29).
 * Restrained selectors: the top-level navigation and header action buttons
 * only. Drop-down menus, header sizing/positioning, cart badge, mobile menu,
 * Elementor sections, product templates and other page designs are untouched.
 * Preserve the source's page-specific light-on-photo / dark-on-paper colors.
 * ------------------------------------------------------------------------- */
@media (min-width: 1181px) {
  #rd-bridge-root > .site-header .main-nav > a,
  #rd-bridge-root > .site-header .main-nav > .nav-dropdown > a,
  #rd-bridge-root > .site-header .header-actions > button:not(.menu-toggle) {
    font-family: "Geomini", "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(15px, 1vw, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}
@media (min-width: 1181px) and (max-width: 1320px) {
  #rd-bridge-root > .site-header .main-nav > a,
  #rd-bridge-root > .site-header .main-nav > .nav-dropdown > a,
  #rd-bridge-root > .site-header .header-actions > button:not(.menu-toggle) {
    font-size: clamp(14px, 1.12vw, 15px) !important;
  }
}
/* White overlay text over hero photographs: same dark drop shadow throughout. */
#rd-bridge-root > .site-header.is-dark:not(.is-fixed) .main-nav > a,
#rd-bridge-root > .site-header.is-dark:not(.is-fixed) .main-nav > .nav-dropdown > a,
#rd-bridge-root > .site-header.is-dark:not(.is-fixed) .header-actions > button {
  text-shadow: 0 2px 7px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .25) !important;
}
#rd-bridge-root > .site-header.is-dark:not(.is-fixed) .search-toggle svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .55));
}
/* Never cast a shadow on the orange quantity marker. */
#rd-bridge-root > .site-header .cart-count { text-shadow: none !important; }


/* Homepage Q&A only: restore the hidden/missing Email Kim inline CTA.
 * Approved original ink #14120f; no layout or section geometry changes. */
.rd-home .home-faq-direct .inline-email-trigger,
.rd-home .home-faq-direct .rd-home-email-kim-cta {
  color: #14120f !important;
  -webkit-text-fill-color: #14120f !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: inherit !important;
  text-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid currentColor !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  text-decoration: none !important;
}
.rd-home .home-faq-direct .inline-email-trigger:hover,
.rd-home .home-faq-direct .rd-home-email-kim-cta:hover {
  opacity: .78 !important;
}
.rd-home .home-faq-direct .inline-email-trigger:focus-visible,
.rd-home .home-faq-direct .rd-home-email-kim-cta:focus-visible {
  outline: 2px solid #14120f;
  outline-offset: 3px;
}