/* ==========================================================
  1) BRAND COLORS
========================================================== */
:root{
  --dd-bronze: #B8734D;
  --dd-bronze-dark: #9f5f3d;
  --dd-black: #000;
}

/* ==========================================================
  2) HEADER + NAV (hover + dropdown stability)
========================================================== */

/* Main menu hover (bronze) */
.wp-block-navigation-item__content:hover{
  color: var(--dd-bronze) !important;
}

/* Keep header/nav above hero/cover sections */
header,
.site-header,
.wp-block-navigation{
  position: relative;
  z-index: 9999;
}

/* Dropdown container: make it SOLID + clickable + stable */
.wp-block-navigation__submenu-container{
  background: rgba(0,0,0,0.96) !important;   /* solid black-ish */
  border: 1px solid rgba(255,255,255,0.08);
  padding: 10px 0;
  min-width: 240px;
  z-index: 10000;
}

/* Dropdown link styling */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  color: #fff !important;
  padding: 10px 16px;
  display: block;
}

/* Dropdown hover bronze */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  color: var(--dd-bronze) !important;
}

/* Prevent “hover gap” causing submenu to disappear */
.wp-block-navigation__submenu-container{
  margin-top: 0 !important;
}
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ==========================================================
  3) HERITAGE COVERS (fade overlays)
========================================================== */
.dd-heritage-cover,
.dd-heritage-cover-2{
  position: relative;
  background: var(--dd-black);
  overflow: visible;
}

.dd-heritage-cover .wp-block-cover__image-background,
.dd-heritage-cover-2 .wp-block-cover__image-background{
  object-fit: cover;
}

/* LEFT → RIGHT fade */
.dd-heritage-cover::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.95) 0%,
    rgba(0,0,0,0.90) 40%,
    rgba(0,0,0,0.55) 65%,
    rgba(0,0,0,0.15) 82%,
    rgba(0,0,0,0.00) 100%
  );
  pointer-events:none;
  z-index:1;
}

/* BOTTOM → black fade */
.dd-heritage-cover::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:55%;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.40) 35%,
    rgba(0,0,0,0.75) 65%,
    rgba(0,0,0,0.95) 85%,
    rgba(0,0,0,1.00) 100%
  );
  pointer-events:none;
  z-index:2;
}

/* Cover-2 top + bottom fades */
.dd-heritage-cover-2::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:45%;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.40) 35%,
    rgba(0,0,0,0.75) 65%,
    rgba(0,0,0,0.95) 85%,
    rgba(0,0,0,1.00) 100%
  );
  pointer-events:none;
  z-index:1;
}
.dd-heritage-cover-2::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:45%;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.40) 35%,
    rgba(0,0,0,0.75) 65%,
    rgba(0,0,0,0.95) 85%,
    rgba(0,0,0,1.00) 100%
  );
  pointer-events:none;
  z-index:2;
}

/* Ensure cover text is above fades */
.dd-heritage-cover .wp-block-cover__inner-container,
.dd-heritage-cover-2 .wp-block-cover__inner-container{
  position: relative;
  z-index: 3;
}

/* ==========================================================
  5) SINGLE PRODUCT — Short description typography + spacing
  IMPORTANT: scoped to product summary only (prevents layout bugs)
========================================================== */

/* Excerpt base */
.single-product .wp-block-woocommerce-product-summary .wp-block-post-excerpt__excerpt{
  line-height: 1.6;
  max-width: 520px;
  margin-top: -14px !important; /* pull closer to swatches */
}

/* First line as title (works even when HTML stripped) */
.single-product .wp-block-woocommerce-product-summary .wp-block-post-excerpt__excerpt::first-line{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Tighten gap under colour swatches */
.single-product .woocommerce div.product form.cart{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.single-product .woocommerce div.product form.cart .variations{
  margin-bottom: 0 !important;
}

/* ==========================================================
  6) LINKS — Bronze “here” link (manual/download links)
========================================================== */
.dd-bronze-link{
  color: var(--dd-bronze) !important;
  font-weight: 400;
  text-decoration: none;
}
.dd-bronze-link:hover{
  color: var(--dd-bronze-dark) !important;
  text-decoration: underline;
}

/* Optional: make ALL links in product tabs bronze (comment out if not wanted) */
/*
.woocommerce-Tabs-panel a{
  color: var(--dd-bronze) !important;
}
.woocommerce-Tabs-panel a:hover{
  color: var(--dd-bronze-dark) !important;
}
*/

/* ==========================================================
  7) FOOTER — remove “white bar / gap” above footer on product pages
========================================================== */
.single-product footer.wp-block-template-part{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
/* Block themes sometimes add section spacing via row-gap */
.single-product .wp-site-blocks{
  row-gap: 0 !important;
}

/* ==========================================================
  8) IMAGES — prevent “suddenly small / floating” images
========================================================== */

/* Single product gallery images fill container */
.single-product .wp-block-woocommerce-product-gallery img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Product grids / query loops / featured images */
.wp-block-query .wc-block-grid__product-image img,
.wp-block-post-template .wp-block-post-featured-image img,
.wp-block-query .wp-block-post-featured-image img,
.wp-block-woocommerce-product-image img,
.wc-block-components-product-image img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ONLY style excerpt inside single product summary column */
.single-product .wp-block-woocommerce-product-summary .wp-block-post-excerpt__excerpt{
  line-height: 1.75;
  max-width: 520px;
  margin-top: -14px !important;  /* keep your tighter spacing */
}

/* Title style only in product summary */
.single-product .wp-block-woocommerce-product-summary .wp-block-post-excerpt__excerpt::first-line{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Hide ONLY Size (keep Colour swatches) */
.single-product .variations tr:has(select[name*="size"]),
.single-product .variations tr:has(select[id*="size"]),
.single-product .variations tr:has([name*="attribute_pa_size"]),
.single-product .variations tr:has([id*="attribute_pa_size"]),
.single-product .variations tr:has([data-attribute_name="attribute_pa_size"]),
.single-product .variations tr.woocommerce-variation-row-size{
  display: none !important;
}

/* Hide the 60cm pill if your swatch plugin outputs size as buttons */
.single-product .variations [data-attribute_name="attribute_pa_size"]{
  display: none !important;
}

/* Hide Clear (optional) */
.single-product .reset_variations{
  display: none !important;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* ===============================
   Jetpack Contact Form — Success Page Typography
   =============================== */


/* Success header */
#contact-form-success-header{
  font-family: "Gotham 325", "Gotham", Arial, sans-serif !important;
  line-height: 1.5 !important;
  font-weight: 350;
	font-style: italic;
}

/* Field labels: First Name, Email, Address, etc */
.jetpack_forms_contact-form-success-summary .field-name{
  font-family: "Gotham 325", "Gotham", Arial, sans-serif !important;
  line-height: 1.5 !important;
  font-weight: 400;
}

/* Field values: the submitted text */
.jetpack_forms_contact-form-success-summary .field-value{
  font-family: "Gotham 325", "Gotham", Arial, sans-serif !important;
  line-height: 1.5 !important;
  font-weight: 325; /* slightly stronger for readability */
}

/* Category dropdown text size */
select#wp-block-categories-2,
select#wp-block-categories-2 option {
  font-size: 13px !important;
  line-height: 1.4 !important;
}