/* ================================================
   MA PETITE PALETTE — NAVIGATION STYLES v3
   DESKTOP: Horizontal nav with hover dropdowns
   MOBILE: Brand colours + bold headings
   ================================================ */


/* ------------------------------------------------
   DESKTOP: Horizontal nav bar (1024px and wider)
   ------------------------------------------------ */
@media (min-width: 1024px) {

  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    display: none !important;
  }

  .wp-block-navigation__responsive-container {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }

  .wp-block-navigation-item {
    position: relative;
  }

  .wp-block-navigation-item > a,
  .wp-block-navigation-item > button {
    padding: 12px 16px !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    color: #4a3728 !important;
    white-space: nowrap !important;
    border-bottom: 2px solid transparent !important;
    transition: color 0.2s, border-color 0.2s !important;
    background: transparent !important;
  }

  .wp-block-navigation-item:hover > a,
  .wp-block-navigation-item:hover > button {
    color: #8b5e3c !important;
    border-bottom-color: #c49a6c !important;
  }

  .wp-block-navigation-item .wp-block-navigation-submenu__container {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fdf8f5 !important;
    border: 0.5px solid #e8ddd6 !important;
    border-radius: 0 0 8px 8px !important;
    min-width: 180px !important;
    z-index: 9999 !important;
    padding: 4px 0 !important;
    box-shadow: 0 4px 12px rgba(74,55,40,0.08) !important;
  }

  .wp-block-navigation-item:hover > .wp-block-navigation-submenu__container {
    display: block !important;
  }

  .wp-block-navigation-submenu__container .wp-block-navigation-item > a,
  .wp-block-navigation-submenu__container .wp-block-navigation-item > button {
    padding: 9px 20px !important;
    font-size: 12px !important;
    font-style: italic !important;
    color: #6b5040 !important;
    border-bottom: 0.5px solid #f0e8e0 !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    letter-spacing: 0.03em !important;
  }

  .wp-block-navigation-submenu__container .wp-block-navigation-item > a:hover,
  .wp-block-navigation-submenu__container .wp-block-navigation-item > button:hover {
    background: #f0e8e0 !important;
    color: #3a2820 !important;
  }

  .wp-block-navigation-submenu__container .wp-block-navigation-submenu__container {
    left: 100% !important;
    top: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    border-top: 0.5px solid #e8ddd6 !important;
  }

  /* Hide chevron on desktop (mouse users use hover) */
  .wp-block-navigation__submenu-icon {
    display: none !important;
  }

  /* Show chevron on touch devices so tablet users can tap it */
  @media (pointer: coarse) {
    .wp-block-navigation__submenu-icon {
      display: inline-flex !important;
    }
  }

}


/* ------------------------------------------------
   MOBILE: Brand colours + bold headings
   ------------------------------------------------ */
@media (max-width: 1023px) {

  /* Soft blush overlay background */
  .wp-block-navigation__responsive-container.is-menu-open {
    background: #fdf8f5 !important;
  }

  /* Top-level items — bold headings */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item > a,
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item > button {
    color: #4a3728 !important;
    border-bottom: 0.5px solid #ede4db !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    padding: 12px 24px !important;
  }

  /* Top-level hover */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item > a:hover,
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item > button:hover {
    color: #8b5e3c !important;
    background: #f5ede6 !important;
  }

  /* Submenu items — lighter, italic */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__container
  .wp-block-navigation-item > a,
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__container
  .wp-block-navigation-item > button {
    padding: 10px 24px 10px 40px !important;
    font-size: 13px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #6b5040 !important;
    background: #f7f0ea !important;
    border-bottom: 0.5px solid #ede4db !important;
  }

  /* Submenu hover */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__container
  .wp-block-navigation-item > a:hover {
    background: #ede4db !important;
    color: #3a2820 !important;
  }

  /* Sub-sub items */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__container
  .wp-block-navigation-submenu__container
  .wp-block-navigation-item > a {
    padding-left: 56px !important;
    font-size: 12px !important;
    color: #8b7355 !important;
    background: #f0e8e0 !important;
  }

  /* Chevron arrow colour */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-icon svg {
    stroke: #b8a898 !important;
  }

  /* Close button */
  .wp-block-navigation__responsive-container-close svg {
    stroke: #4a3728 !important;
  }
}

/* ------------------------------------------------
   CONTACT FORM — Brand styling
   ------------------------------------------------ */

/* Form field labels */
.wp-block-jetpack-contact-form label {
  font-family: Georgia, serif !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  color: #4a3728 !important;
  font-weight: 400 !important;
}

/* Text inputs and email */
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="tel"] {
  background: #fdf8f5 !important;
  border: 0.5px solid #e8ddd6 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-family: Georgia, serif !important;
  font-size: 14px !important;
  color: #4a3728 !important;
  width: 100% !important;
}

/* Textarea */
.wp-block-jetpack-contact-form textarea {
  background: #fdf8f5 !important;
  border: 0.5px solid #e8ddd6 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-family: Georgia, serif !important;
  font-size: 14px !important;
  color: #4a3728 !important;
  width: 100% !important;
}

/* Select dropdown */
.wp-block-jetpack-contact-form select {
  background: #fdf8f5 !important;
  border: 0.5px solid #e8ddd6 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-family: Georgia, serif !important;
  font-size: 14px !important;
  color: #4a3728 !important;
  width: 100% !important;
}

/* Focus state */
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus,
.wp-block-jetpack-contact-form select:focus {
  border-color: #c49a6c !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(196,154,108,0.15) !important;
}

/* Submit button */
.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link,
.wp-block-jetpack-contact-form input[type="submit"],
.wp-block-jetpack-contact-form button[type="submit"] {
  background: #4a3728 !important;
  color: #fdf8f5 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 40px !important;
  font-family: Georgia, serif !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
}

/* Submit button hover */
.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link:hover,
.wp-block-jetpack-contact-form input[type="submit"]:hover,
.wp-block-jetpack-contact-form button[type="submit"]:hover {
  background: #8b5e3c !important;
}

/* Success message */
.wp-block-jetpack-contact-form .contact-form__result-message {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #4a3728 !important;
  background: #f7f0ea !important;
  border: 0.5px solid #e8ddd6 !important;
  border-radius: 6px !important;
  padding: 16px 20px !important;
}


/* ---- SLIDESHOW - Our Story page ---- */
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next,
.wp-block-jetpack-slideshow .swiper-pagination,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_play-icon {
    display: none !important;
}
.wp-block-jetpack-slideshow .swiper-wrapper {
    transition-duration: 1.5s !important;
}

/* Remove border from slideshow frame */
.wp-block-jetpack-slideshow {
    border: none !important;
}

/* Hide slideshow pause button */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_play-icon {
    display: none !important;
}

/* ------------------------------------------------
   BUTTONS — Override WordPress default pill shape
   ------------------------------------------------ */
.wp-block-button__link.wp-element-button {
    border-radius: 0px !important;
}

/* Hide gift card option on checkout page only */
.woocommerce-checkout .wc-block-checkout__add-note,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-gift-card-form-block {
    display: none !important;
}