/* Hide e-commerce functionality for read-only site */

/* Fix slideshow visibility - force carousel to display */
.slideshow {
  display: block !important;
}

.slideshow__slides {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: 100vh !important;
}

.slideshow__slides.is-hidden {
  visibility: visible !important;
}

/* Slideshow cells - only show one at a time */
.slideshow__cell {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  transition: opacity 0.5s ease-in-out !important;
}

/* JavaScript will control which slide is visible */
.slideshow__cell[style*="display: block"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
}

/* Hide cart and account icons */
.header__icon-touch--cart,
.header__icon-touch--account {
  display: none !important;
}

/* Hide add to cart buttons */
button[data-add-to-cart],
button[data-js-product-add],
form[action="/cart/add"],
.product-form__submit,
.product-form__buttons,
.product-form__cart-submit,
.product-form__controls-group--submit,
.product-form__item--submit,
.product-form__item--payment-button,
.shopify-payment-button,
shopify-accelerated-checkout,
.product-form__shop-pay {
  display: none !important;
}

/* Hide variant selectors */
.product-form__options,
.product-form__option,
fieldset.product-form__option,
.product-form__variants,
select[data-variant-select],
select[name="id"]#variant-selector {
  display: none !important;
}

/* Hide select dropdowns in product options (size/color selectors) */
.product__option select.input,
.product__color-chips select,
.product__color-swatches select,
select[dynamic-variant-input],
select[data-index^="option"] {
  display: none !important;
}

/* Hide tax and policies text */
.product__policies,
[data-product-policies] {
  display: none !important;
}

/* Hide quantity selectors */
.product-form__quantity,
.quantity-selector,
.product-form__input--quantity,
input[type="number"].product-form__input,
input[name="quantity"] {
  display: none !important;
}

/* Hide price (optional - uncomment if you want to hide prices)
.product-price,
.price {
  display: none !important;
}
*/

/* Hide quick cart/mini cart */
.quick-cart,
.quick_cart {
  display: none !important;
}

/* Hide checkout buttons and cart links */
.checkout-button,
.quick-cart__buy-now,
button[name="checkout"],
[href*="/checkout"],
[href="/cart.html"],
a[href*="/cart"] {
  display: none !important;
}

/* Hide shoppable image hotspots (clickable dots on images) */
.shoppable-item,
.shoppable-item__hotspot,
.shoppable-item__product-card {
  display: none !important;
}

/* Hide payment methods icons in footer */
.payment-icons {
  display: none !important;
}

/* Hide the entire Payment section in footer if it only contains payment icons */
.footer__group:has(.payment-icons) {
  display: none !important;
}

/* Hide newsletter subscription section in footer */
.footer__group--newsletter,
.footer__newsletter,
.footer__newsletter-form,
#footer-subscribe {
  display: none !important;
}

/* Hide filter and sort controls on collection/catalog pages */
.collection__filters,
.filter-bar,
.filter-bar__inner,
.filter-bar__group,
.mobile-filters,
[data-filter-bar],
[data-filter-target],
[data-sort-dropdown],
[data-tags-dropdown] {
  display: none !important;
}

/* Hide quantity selector on product pages */
.product__controls-group-quanity,
.product__controls-group-quantity,
.product__item.product__quantity,
.product__quantity,
.product__quantity-button,
.product__input--quantity,
.product__input.product__input--quantity,
input[type="number"].product__input--quantity,
input[id*="Quantity-Input"],
.product__quantity-error,
label[for*="Quantity-Input"],
[data-quantity-input],
[data-add-quantity],
[data-subtract-quantity] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide accordion sections (grey bars) on product pages */
.widgets-accordion,
.accordion--product,
.accordion__group,
.accordion__label,
.accordion__text {
  display: none !important;
}

/* Fix product layout - make product details fixed, only images scroll */
.product__details {
  position: sticky !important;
  top: 100px !important;
  align-self: flex-start !important;
  z-index: 1 !important;
}

/* Prevent all scrolling and overlapping */
.product__meta,
.product__description,
.product__description-content,
.product__controls-group,
.product__option {
  position: static !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
}

/* Align product description text with the heading and other elements */
.product__description {
  margin-top: 30px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.product__description-content {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.product__description-content p {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.rte--product {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.product__block {
  position: static !important;
}

/* Fix spacing for product blocks to prevent overlap */
.product__controls-group {
  margin-bottom: 40px !important;
  display: block !important;
  position: static !important;
}

.product__option {
  margin-bottom: 40px !important;
  display: block !important;
  position: static !important;
}

.product__label-wrapper {
  margin-bottom: 15px !important;
  display: block !important;
  width: 100% !important;
  position: static !important;
}

.product__color-swatch-value {
  display: inline !important;
  position: static !important;
  margin-left: 10px !important;
  float: none !important;
}

/* Remove selected state from size buttons - make all look the same */
.product__chip.selected,
.product__chip {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

.product__color-swatch.selected,
.product__color-swatch {
  border: 1px solid #000000 !important;
  opacity: 1 !important;
}

/* Ensure images can scroll naturally */
.product__media-container {
  position: relative !important;
}

/* ========================================
   HEADER & NAVIGATION FIXES
   ======================================== */

/* Hide search icon from header */
.header__icon-touch--search,
.header__icon-touch[data-search],
a[href="/search.html"],
a[href*="search"] {
  display: none !important;
}

/* Hide quick search modal */
.quick-search,
div[data-quick-search] {
  display: none !important;
}

/* Keep header always visible (prevent hiding on scroll) */
.header,
.shopify-section-header,
[data-section-type="header"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  transform: none !important;
  transition: none !important;
}

/* Ensure body has padding to account for fixed header */
body {
  padding-top: 80px !important;
}

/* ========================================
   RECOMMENDED PRODUCTS SECTION
   ======================================== */

/* Hide recommended/related products sections */
.recommended-products,
[data-section-type="recommended-products"],
#shopify-section-template--19979171299671__recommendations,
section[id*="recommendations"],
div[data-recommendations],
.shopify-section--stackable:has(.recommended-products) {
  display: none !important;
}

/* ========================================
   CONTACT MENU LINK
   ======================================== */

/* Hide "Contact" link from navigation menu */
.header__links-list a[href="/pages/contact.html"],
.header__links-list a[href*="contact"],
nav a[href="/pages/contact.html"],
.navigation a[href*="contact"] {
  display: none !important;
}

/* Hide the parent list item if it only contains contact link */
.header__links-list li:has(a[href="/pages/contact.html"]) {
  display: none !important;
}

/* ========================================
   MOBILE MENU FIX
   ======================================== */

/* Hamburger menu should ONLY show on mobile (hidden on desktop) */
.header__menu-icon,
button[data-js-menu-button],
.header__icon-menu {
  display: flex !important; /* Ensure it's visible */
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 100 !important; /* Make sure it's clickable */
}

/* Force hamburger to HIDE on desktop screens */
@media (min-width: 1024px) {
  .header__menu-icon,
  button[data-js-menu-button],
  .header__icon-menu {
    display: none !important;
  }
  
  /* Ensure desktop navigation is visible on large screens */
  .header__links,
  .header__links-list,
  .navigation {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Drawer menu should be HIDDEN by default */
.drawer-menu,
[data-drawer-menu] {
  /* Keep visibility visible so JavaScript can access it, but hide with transform */
  display: block !important; /* Must be displayed for JS to work */
  opacity: 0 !important;
  transform: translateX(-100%) !important;
  transition: all 0.3s ease !important;
  /* DO NOT use pointer-events: none or visibility: hidden - breaks JavaScript */
}

/* Only show drawer menu when it's active (opened) */
.drawer-menu.active {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Only show drawer menu when it's visible (opened) */
.drawer-menu.visible {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

/* Overlay hidden by default */
.drawer-menu__overlay {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}

/* Overlay visible only when menu is active */
.drawer-menu.active .drawer-menu__overlay,
.drawer-menu.visible .drawer-menu__overlay {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Drawer panel hidden by default, slides in when menu is active */
.drawer-menu__panel {
  transform: translateX(-100%) !important;
  transition: transform 0.3s ease !important;
}

.drawer-menu.active .drawer-menu__panel,
.drawer-menu.visible .drawer-menu__panel {
  transform: translateX(0) !important;
  pointer-events: auto !important;
}

/* Ensure navigation links are clickable */
.drawer-menu__link,
.drawer-menu a {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Hide Contact link from mobile drawer menu */
.drawer-menu__item:has(a[href="/pages/contact.html"]) {
  display: none !important;
}

.drawer-menu a[href="/pages/contact.html"] {
  display: none !important;
}

/* Hide Register/Login from mobile drawer menu */
.drawer-menu__item:has(a[href="/account"]) {
  display: none !important;
}

/* Hide search from mobile drawer menu */
.drawer-menu__search-parent,
.drawer-menu__search {
  display: none !important;
}

.drawer-menu a[href="/account"] {
  display: none !important;
}

/* Alternative selectors for account/login links */
.drawer-menu a[href*="/account"],
.drawer-menu a[href*="/login"],
.drawer-menu__link:has([href*="/account"]) {
  display: none !important;
}

/* ========================================
   PRODUCT IMAGE LIGHTBOX FIXES
   ======================================== */

/* Hide magnifying glass icon on product images */
.media--has-lightbox::after,
.media--has-lightbox .media__icon,
.media__icon--zoom {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Remove hover effect on product images that would indicate zoom */
.media--has-lightbox:hover::after {
  display: none !important;
}

/* Make sure image links don't look clickable */
a[data-open] {
  cursor: default !important;
}

/* Remove any zoom cursor on media images */
.media--has-lightbox a {
  cursor: default !important;
}