/* ============================================================
   MINTURN WHISKY CO. - WordPress Additional CSS v10 CLEAN
   
   IMPORTANT: Google Fonts is loaded via WPCode (site header)
   NOT via @import here - faster page loads site-wide.
   
   Typography:
   - Cormorant Garamond - all headlines (H1-H6, hero blocks)
   - Raleway - body, paragraphs, nav, buttons, labels

   v10 changes: Section 11 mobile menu now stops at the bottom
   of the screen and scrolls inside itself (it used to run off
   the screen with no way to scroll). Submenus on phones are
   collapsed until tapped, with an amber chevron. Needs the
   WPCode footer snippet "Mobile nav - tap to expand" to work.
   The logbook's fish bar and Skip button hide while the menu
   is open. Comment dashes made single throughout.
   (v9 added .mwc-join-success. v8 added /join form styles.
    v7 force-centered /pour and brightened legal links.
    v6 fixed stray "s" before the Subscription page rule.)
   ============================================================ */


/* ============================================================
   SECTION 1 - BRAND COLOR VARIABLES
   ============================================================ */

:root {
  --mw-amber:       #BE9957;
  --mw-amber-light: #D4B478;
  --mw-amber-dark:  #A07D3A;
  --mw-dark:        #1A1209;
  --mw-charcoal:    #2C2018;
  --mw-warm-mid:    #4A3520;
  --mw-cream:       #F5EDD8;
  --mw-cream-dim:   #D9C9A8;
}


/* ============================================================
   SECTION 2 - GLOBAL BASE
   ============================================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body, body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Raleway', sans-serif !important;
  font-size: 1rem;
  line-height: 1.8;
  overflow-x: hidden;
}


/* ============================================================
   SECTION 3 - HEADINGS - Cormorant Garamond, weight 300
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.entry-title,
.site-title,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2,
.wp-block-cover__inner-container h3,
.wp-block-cover__inner-container h4,
.wp-block-cover__inner-container .wp-block-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em;
  line-height: 1.15;
}

h1 {
  font-size: clamp(38px, 5.5vw, 72px);
  letter-spacing: 0.02em;
  line-height: 1.05;
}

h2 {
  font-size: clamp(28px, 3.5vw, 48px);
  letter-spacing: 0.025em;
}

h3 {
  font-size: clamp(22px, 2.5vw, 34px);
  letter-spacing: 0.03em;
}

h4 {
  font-size: clamp(18px, 2vw, 26px);
  font-weight: 400 !important;
}

/* Italic headings */
h1 em, h2 em, h3 em {
  font-style: italic;
  font-weight: 300 !important;
  color: var(--mw-amber-light);
}

/* Hide auto post title */
.wp-block-post-title {
  display: none !important;
}


/* ============================================================
   SECTION 4 - PARAGRAPH NORMALIZATION
   ============================================================ */

p,
li,
td,
.wp-block-paragraph,
.wp-block-cover p,
.wp-block-cover .wp-block-paragraph,
.wp-block-cover__inner-container p,
.wp-block-cover__inner-container .wp-block-paragraph,
.wp-block-group p,
.wp-block-group .wp-block-paragraph,
.wp-block-column p,
.wp-block-column .wp-block-paragraph,
.wp-block-columns p,
.wp-block-media-text p,
.wp-block-media-text .wp-block-paragraph,
.entry-content p,
.entry-content li {
  font-family: 'Raleway', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.02em !important;
}


/* ============================================================
   SECTION 5 - NAVIGATION
   ============================================================ */

.main-navigation,
.nav-menu,
.wp-block-navigation,
.wp-block-navigation-item a,
header nav a,
.site-header nav a {
  font-family: 'Raleway', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
}


/* ============================================================
   SECTION 6 - BUTTONS
   ============================================================ */

.wp-block-button__link,
.wp-element-button,
button[type="submit"],
input[type="submit"],
a.button,
.button,
.btn {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  background-color: var(--mw-amber) !important;
  color: #1A1209 !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 0.75em 2em !important;
  cursor: pointer;
  transition: background-color 0.25s ease, transform 0.15s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
a.button:hover,
.btn:hover {
  background-color: var(--mw-amber-light) !important;
  color: #1A1209 !important;
  transform: translateY(-1px);
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: var(--mw-amber) !important;
  border: 1.5px solid var(--mw-amber) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--mw-amber) !important;
  color: #1A1209 !important;
}

/* Mobile hover fix */
.wp-block-button.is-style-outline .wp-block-button__link.hover-active {
  background-color: var(--mw-amber) !important;
  color: #1A1209 !important;
}


/* ============================================================
   SECTION 7 - LINKS
   ============================================================ */

a {
  color: var(--mw-amber);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--mw-amber-light);
}


/* ============================================================
   SECTION 8 - BLOCKQUOTES
   ============================================================ */

.wp-block-quote,
blockquote {
  font-family: 'Raleway', sans-serif;
  font-style: italic;
  font-size: 1.05rem;
  border-left: 3px solid var(--mw-amber);
  padding-left: 1.5rem;
  color: var(--mw-warm-mid);
}


/* ============================================================
   SECTION 9 - FOOTER
   ============================================================ */

.site-footer,
footer {
  font-family: 'Raleway', sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
}

.site-footer h3,
.site-footer h4,
footer h3,
footer h4 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* ============================================================
   SECTION 10 - MAILCHIMP EMBED
   ============================================================ */

#mc_embed_signup,
#mc_embed_signup_scroll,
.mc-field-group label,
.mc-field-group input,
#mc-embedded-subscribe {
  font-family: 'Raleway', sans-serif !important;
}


/* ============================================================
   SECTION 11 - HEADER / NAV / MOBILE MENU
   ============================================================ */

.header-mobile {
  display: none;
}

@media (max-width: 768px) {
  .header-desktop { display: none; }
  .header-mobile  { display: flex; }
}

@media (max-width: 768px) {
  #site-header {
    position: relative;
  }
  .nav-menu,
  #primary-menu,
  .main-navigation ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 10px 0;
    max-height: 80vh;
    overflow-y: auto;
  }
  .main-navigation ul.toggled,
  .main-navigation ul.is-open {
    display: block;
  }
  .main-navigation ul li a {
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
  }
}

@media (max-width: 768px) {
  .wp-block-navigation {
    position: relative;
  }

  /* Open menu panel: drops down under the header and is capped at
     the screen height, scrolling inside itself when it runs long.
     (v10: added max-height + overflow-y; before, it ran off-screen.) */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 71px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    height: auto !important;
    min-height: unset !important;
    max-height: calc(100vh - 71px) !important;
    max-height: calc(100dvh - 71px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #000 !important;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    position: static !important;
    height: auto !important;
    padding: 10px 0 32px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    color: #fff !important;
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #222;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
    color: #ccc !important;
  }

  /* v10: submenus collapsed on phones until their parent is tapped.
     The tap itself is handled by the WPCode footer snippet
     "Mobile nav - tap to expand", which adds/removes .mwc-open. */
  .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .has-child.mwc-open > .wp-block-navigation__submenu-container {
    display: flex !important;
  }

  /* v10: amber chevron beside parent items, flips when open */
  .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content .wp-block-navigation-item__label::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 12px;
    border-right: 1.5px solid var(--mw-amber);
    border-bottom: 1.5px solid var(--mw-amber);
    transform: translateY(-3px) rotate(45deg);
    transition: transform 0.2s ease;
  }
  .wp-block-navigation__responsive-container.is-menu-open .has-child.mwc-open > .wp-block-navigation-item__content .wp-block-navigation-item__label::after {
    transform: translateY(1px) rotate(-135deg);
  }

  /* v10: on the Society logbook, the floating fish bar and the
     "Skip ahead" button sit above everything. While the menu is open
     (WordPress puts has-modal-open on the page), they step aside so
     they never cover the bottom of the menu or catch a tap meant for it. */
  html.has-modal-open #mwsFishBar,
  html.has-modal-open #mwsSkip {
    visibility: hidden !important;
  }
}


/* ============================================================
   SECTION 12 - MOBILE LAYOUT
   ============================================================ */

@media (max-width: 768px) {

  body,
  .wp-site-blocks,
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .entry-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .wp-block-cover__inner-container {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  p,
  .wp-block-paragraph {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .wp-block-columns {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
  .wp-block-column {
    width: 100% !important;
    min-width: unset !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  .site-logo img,
  .custom-logo,
  .wp-block-site-logo img,
  header img {
    max-width: 180px !important;
    height: auto !important;
  }
}


/* ============================================================
   SECTION 13 - GUIDE PAGE RESPONSIVE GRIDS
   ============================================================ */

@media (max-width: 640px) {
  .mw-three-col { grid-template-columns: 1fr !important; }
  .mw-five-col  { grid-template-columns: 1fr 1fr !important; }
  .mw-five-col > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .mw-five-col { grid-template-columns: 1fr !important; }
}


.mw-press-strip__logo {
  height: 50px;
  width: auto;
  opacity: 0.6;
  transition: opacity 0.25s ease;
  filter: brightness(0) invert(1);
}
.mw-press-strip__logo:hover {
  opacity: 1;
}


/* Subscription page - equal height bottle images */
.page-id-3040 .wp-block-columns .wp-block-column .wp-block-image img {
  height: 480px;
  object-fit: cover;
  width: 100%;
}


/* ===== MWC /pour bio landing page ===== */

.mwc-pour {
  max-width: 420px;
  margin: 0 auto;
  padding: 48px 24px 72px;
  text-align: center !important;
}

.mwc-pour-eyebrow {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #BE9957;
  margin: 0 0 20px;
  text-align: center !important;
}

.mwc-pour-head {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.15;
  margin: 0 0 16px;
  text-align: center !important;
}

.mwc-pour-line {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  margin: 0 auto 32px;
  max-width: 340px;
  text-align: center !important;
}

.mwc-pour-primary {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  background: #BE9957;
  color: #1A1209 !important;
  text-decoration: none;
  padding: 16px 20px;
  border-radius: 2px;
  transition: opacity 0.2s ease;
  text-align: center !important;
}

.mwc-pour-primary:hover,
.mwc-pour-primary:focus-visible {
  opacity: 0.88;
}

.mwc-pour-rule {
  width: 48px;
  height: 1px;
  background: #BE9957;
  opacity: 0.5;
  margin: 36px auto;
}

.mwc-pour-links {
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-align: center !important;
}

.mwc-pour-links a {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #BE9957 !important;
  text-decoration: none;
  border-bottom: none;
}

.mwc-pour-links a:hover,
.mwc-pour-links a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.mwc-pour-legal {
  margin: 56px 0 0;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-align: center !important;
}

.mwc-pour-legal a {
  color: var(--mw-amber) !important;
  text-decoration: none;
}

.mwc-pour-legal a:hover,
.mwc-pour-legal a:focus-visible {
  color: var(--mw-amber-light) !important;
  text-decoration: underline;
}

.mwc-pour-legal span {
  color: var(--mw-amber);
  opacity: 0.6;
  margin: 0 8px;
}

/* ===== end MWC /pour ===== */


/* ===== MWC /join email signup (reuses .mwc-pour layout) ===== */

.mwc-join-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 12px;
}

.mwc-join-input {
  font-family: 'Raleway', sans-serif !important;
  font-size: 16px !important; /* 16px+ prevents iOS auto-zoom on focus */
  text-align: center;
  padding: 14px 16px;
  border: 1px solid rgba(190, 153, 87, 0.5);
  border-radius: 2px;
  background: transparent;
  color: inherit;
  width: 100%;
}

.mwc-join-input::placeholder {
  color: var(--mw-amber);
  opacity: 0.55;
}

.mwc-join-input:focus,
.mwc-join-input:focus-visible {
  outline: none;
  border-color: var(--mw-amber);
}

.mwc-join-button {
  display: block;
  width: 100%;
}

.mwc-join-note {
  font-family: 'Raleway', sans-serif;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  opacity: 0.7;
  margin: 0;
  text-align: center !important;
}

/* Success confirmation - headline-sized, amber.
   Written as .mwc-pour p.mwc-join-success so it outranks the
   site-wide paragraph normalization in Section 4 on purpose. */
.mwc-pour p.mwc-join-success {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 42px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  color: var(--mw-amber) !important;
  margin: 0 0 16px;
  text-align: center !important;
}

/* ===== end MWC /join ===== */


/* ============================================================
   END OF MINTURN WHISKY CSS v10
   ============================================================ */