/* ===== Heavy is the Head – Product Page Match ===== */

/* Background + overlay (same as character submission) */
body.woocommerce-page,
body.post-type-archive-product,
body.tax-product_cat,
body.single-product {
  font-family: 'Open Sans', sans-serif;
  background: url('https://heavyistheheadlv.com/wp-content/uploads/2025/06/AdobeStock_89754569.webp') no-repeat center center fixed;
  background-size: cover;
  color: #f5f5f5;
  position: relative;
}

body.woocommerce-page::before,
body.post-type-archive-product::before,
body.tax-product_cat::before,
body.single-product::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(15, 15, 15, 0.85); /* same overlay tone */
  z-index: 0;
  pointer-events: none;
}

/* Ensure page content sits above overlay */
#page, .site, .elementor-location-archive, .elementor-location-single,
.woocommerce, .site-content, main {
  position: relative;
  z-index: 1;
}

/* Headings to match */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce div.product .product_title,
.woocommerce-products-header__title.page-title {
  font-family: 'Playfair Display', serif;
  color: #c79c60;
  font-weight: 600;
}

/* Card-style containers */
.woocommerce div.product,
.woocommerce ul.products li.product,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: #1a1a1a;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
  border: 1px solid #2a2a2a;
}

/* Product grid spacing on archive/shop */
.woocommerce ul.products {
  gap: 24px !important;
}
.woocommerce ul.products li.product {
  padding: 16px;
}

/* Product images (single + archive) */
.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img {
  border-radius: 8px;
  border: 1px solid #444;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
  background-color: #0f0f0f;
}

/* Price + meta text color on dark bg */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product .product_meta {
  color: #e7d9cf;
}

/* Buttons (match gold CTA) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.add_to_cart_button,
.single_add_to_cart_button,
.woocommerce .button {
  background-color: #c79c60;
  color: #0f0f0f;
  border-radius: 6px;
  font-weight: 700;
  border: none;
  padding: 12px 20px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.woocommerce .button:hover {
  background-color: #e5c78b;
  color: #0f0f0f;
}

/* Inputs on dark */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection--single,
.woocommerce .select2-container .select2-selection--single {
  background: #2a2a2a;
  color: #f5f5f5;
  border: 1px solid #444;
  border-radius: 4px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #f5f5f5;
}

/* Notices on dark */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: #141414;
  border-left: 4px solid #c79c60;
  color: #f5f5f5;
}

/* Breadcrumbs + small text */
.woocommerce-breadcrumb, .woocommerce .woocommerce-result-count, .orderby {
  color: #d9d9d9;
}

/* Tabs on single product */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #e7d9cf;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #c79c60;
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: #141414;
  border-radius: 6px;
  border: 1px solid #2a2a2a;
  padding: 20px;
}

/* Pagination on shop */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #1a1a1a;
  color: #f5f5f5;
  border-color: #2a2a2a;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #c79c60;
  color: #0f0f0f;
}

/* Ensure links are readable */
.woocommerce a {
  color: #e7d9cf;
}
.woocommerce a:hover {
  color: #e5c78b;
}
/* ===== Elementor Nav Menu: force submenus DOWN on desktop only ===== */
@media (min-width: 1025px) {
  /* Parent items provide positioning context */
  .elementor-nav-menu--main .menu-item-has-children {
    position: relative;
  }

  /* Submenu positioning: below & left-aligned */
  .elementor-nav-menu--main .menu-item-has-children > .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    z-index: 9999;
  }

  /* Make sure the container doesn't clip the submenu */
  .elementor-nav-menu--main .elementor-nav-menu__container {
    overflow: visible !important;
  }

  /* Optional: simple show/hide on hover (desktop) */
  .elementor-nav-menu--main .menu-item-has-children > .sub-menu {
    display: none;
  }
  .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu {
    display: block;
  }
}

/* MOBILE (leave Elementor default): submenus should stack and push content */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .sub-menu {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* DESKTOP: Bigger, bolder, higher-contrast main menu */
@media (min-width: 1025px) {

  /* Main menu items */
  .elementor-nav-menu--main .elementor-item {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #f5f5f5;
    padding: 14px 20px; /* bigger click/tap area */
  }

  /* Hover + active state */
  .elementor-nav-menu--main .elementor-item:hover,
  .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #0f0f0f;
    background-color: #c79c60;  /* your gold */
    border-radius: 999px;       /* pill-style buttons */
  }
}

/* MOBILE: make dropdown items larger and easier to tap */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-item {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 16px;
  }
}

/* Add a dark translucent bar behind the header for contrast */
.elementor-location-header,
header.site-header {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}
/* ===== Center Main Menu in Header ===== */
.elementor-nav-menu--main .elementor-nav-menu__container {
  justify-content: center !important;
  text-align: center !important;
}

.elementor-nav-menu--main {
  width: 100%;
}

.elementor-nav-menu--main .elementor-item {
  text-align: center;
}

/* Keep the mobile dropdown aligned nicely too */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu__container {
    text-align: center !important;
  }
}
/* Hide original copyright text */
.site-footer .copyright p {
  display: none;
}

/* Inject custom footer text */
.site-footer .copyright::after {
  content: "© 2026 Heavy Is the Head LV — All Rights Reserved";
  display: block;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c79c60; /* matches your gold accent */
  text-align: center;
  margin-top: 0.5rem;
}
.site-footer .copyright {
  text-align: center;
}
@media (max-width: 768px) {
  .site-footer .copyright::after {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}