/* ============================================================
   MINTURN WHISKY CO. — WordPress Additional CSS (v4 CLEAN)
   
   DELETE everything in Appearance > Customize > Additional CSS
   and paste this entire file in its place.
   
   Typography:
   - Cormorant Garamond — all headlines (H1-H6, hero blocks)
   - Raleway — body, paragraphs, nav, buttons
   ============================================================ */


/* ============================================================
   SECTION 1 — FONT LOADING
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');


/* ============================================================
   SECTION 2 — BRAND COLOR VARIABLES
   ============================================================ */

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


/* ============================================================
   SECTION 3 — YOUR ORIGINAL HEADER / NAV / MOBILE MENU CSS
   ============================================================ */

.wp-block-post-title {
  display: none !important;
}

.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;
  }
  .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;
    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 !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;
  }
}


/* ============================================================
   SECTION 4 — GLOBAL BASE
   ============================================================ */

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

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


/* ============================================================
   SECTION 5 — HEADINGS — Cormorant Garamond
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.site-title,
.entry-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: 600;
  letter-spacing: 0.04em;
  line-height: 1.15;
}

h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
h2 { font-size: clamp(1.6rem, 4vw, 2.75rem); }
h3 { font-size: clamp(1.3rem, 3vw, 2rem); }
h4 { font-size: clamp(1.1rem, 2.5vw, 1.5rem); }


/* ============================================================
   SECTION 6 — 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 7 — MOBILE LAYOUT
   ============================================================ */

@media (max-width: 768px) {

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

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

  /* Paragraph reset */
  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;
  }

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

  /* Images never overflow */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

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

}


/* ============================================================
   SECTION 9 — 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 10 — 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: #fff !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: #fff !important;
  transform: translateY(-1px);
}

.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: #fff !important;
}


/* ============================================================
   SECTION 11 — LINKS
   ============================================================ */

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


/* ============================================================
   SECTION 12 — 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 13 — 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-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* ============================================================
   SECTION 14 — 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;
}


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