/*
Theme Name: Ink & Aura
Description: A luxury WordPress theme for art, decor, and scented candles. Curated elegance for discerning spaces.
Version: 1.0.0
Author: Ink & Aura
Text Domain: ink-aura
*/

/* Import all theme styles */
@import url('css/style.css');
@import url('css/header.css');
@import url('css/footer.css');
@import url('css/main.css');
/* Removed global import of scented-rituals.css to prevent site-wide load; it will be enqueued contextually via functions.php */
@import url('css/responsive.css');

/* Additional WordPress-specific styles */
body {
    margin: 0;
    padding: 0;
}

/* Mobile menu scroll prevention */
body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.wp-admin-bar {
    display: none !important; /* Keep - WordPress admin bar override needed */
}

html {
    margin-top: 0 !important; /* Keep - WordPress admin bar override needed */
}

* html body {
    margin-top: 0 !important; /* Keep - WordPress admin bar override needed */
}

/* Ensure proper theme display */
.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/**
 * Ink & Aura - Single Product Page Direct Overrides (v2)
 * Target both Woo default DOM and theme custom DOM.
 */

/* Grid layout */
.woocommerce div.product,
.ia-single-product .ia-sp__grid,
section.product-detail .product-layout { 
  display: grid !important;
  grid-template-columns: minmax(0, 640px) 1fr !important;
  gap: 40px !important;
  margin-bottom: 60px !important;
  align-items: start !important;
}

/* Gallery container */
.woocommerce-product-gallery,
.ia-sp__gallery,
.product-gallery { 
  width: 100% !important; 
  float: none !important; 
}

/* Center gallery area within grid */
.ia-sp__gallery { 
  display: flex !important; 
  justify-content: center !important; 
}

/* Internal gallery layout: vertical thumbs left, large stage right */
.ia-gallery { 
  display: grid !important; 
  grid-template-columns: 96px 1fr !important; 
  gap: 18px !important; 
  align-items: start !important; 
  max-width: 760px !important; 
}
.ia-gallery .ia-thumbs { 
  display: flex !important; 
  flex-direction: column !important; 
  gap: 10px !important; 
}
.ia-gallery .ia-thumb { 
  width: 92px !important; 
  height: 92px !important; 
  padding: 0 !important; 
  border: none !important; 
  background: transparent !important; 
  cursor: pointer !important; 
}
.ia-gallery .ia-thumb img { 
  width: 100% !important; 
  height: 100% !important; 
  object-fit: cover !important; 
  border: 1px solid #e5e5e5 !important; 
  opacity: .8 !important; 
  transition: opacity .15s ease, border-color .15s ease !important; 
}
.ia-gallery .ia-thumb.is-active img,
.ia-gallery .ia-thumb:hover img { 
  opacity: 1 !important; 
  border-color: #111 !important; 
}
.ia-gallery .ia-stage { 
  width: 100% !important; 
  max-width: 640px !important; 
  margin: 0 auto !important; 
}

/* Main image */
.woocommerce-product-gallery__image,
.main-image-container,
.product-gallery .main-image { 
  cursor: pointer !important; 
}

.woocommerce-product-gallery__image img,
.main-image-container img,
.product-gallery .main-image img { 
  width: 100% !important; 
  height: auto !important; 
  transition: opacity 0.2s ease !important; 
}

/* Thumbnails */
.flex-control-nav.flex-control-thumbs,
.thumbnail-gallery,
.product-gallery .thumbs { 
  display: flex !important; 
  flex-wrap: wrap !important; 
  gap: 10px !important; 
  margin-top: 15px !important; 
  padding: 0 !important; 
}

.flex-control-thumbs li,
.thumbnail-gallery > *,
.product-gallery .thumbs > * { 
  width: calc(25% - 8px) !important; 
  margin: 0 !important; 
  cursor: pointer !important; 
}

.flex-control-thumbs li img,
.thumbnail-gallery img,
.product-gallery .thumbs img { 
  border: 1px solid transparent !important; 
  transition: all 0.2s ease !important; 
  opacity: 0.7 !important; 
}

.flex-control-thumbs li img.flex-active,
.thumbnail-gallery img.active,
.product-gallery .thumbs img.active,
.flex-control-thumbs li img:hover,
.thumbnail-gallery img:hover,
.product-gallery .thumbs img:hover { 
  border-color: #000 !important; 
  opacity: 1 !important; 
}

/* Summary */
.summary.entry-summary,
.ia-sp__summary,
.product-info { 
  width: 100% !important; 
  float: none !important; 
  margin-top: 0 !important; 
}

/* Title */
.product_title.entry-title { 
  font-size: clamp(36px, 3.2vw, 48px) !important; 
  line-height: 1.15 !important; 
  margin-bottom: 18px !important; 
  font-weight: 600 !important; 
  letter-spacing: 0.2px !important; 
  color: #0C3B2E !important; 
}

/* Hide Woo zoom icon */
.woocommerce-product-gallery__trigger { 
  display: none !important; 
}

/* Price */
.price { 
  font-size: 24px !important; 
  font-weight: 600 !important; 
  margin-bottom: 25px !important; 
}

/* Variations */
.variations { 
  margin-bottom: 25px !important; 
  width: 100% !important; 
}

.variations td.label { 
  padding-right: 15px !important; 
  padding-bottom: 15px !important; 
  width: 25% !important; 
}

.variations td.value { 
  position: relative !important; 
  padding-bottom: 15px !important; 
}

.variations select { 
  padding: 10px !important; 
  border: 1px solid #ddd !important; 
  border-radius: 0 !important; 
  background-color: #fff !important; 
  min-width: 200px !important; 
  height: 45px !important; 
}

/* Size guide */
.size-guide { 
  display: inline-block !important; 
  margin-left: 15px !important; 
  font-size: 14px !important; 
  text-decoration: underline !important; 
}

/* Add to cart */
.single_add_to_cart_button { 
  background-color: #000 !important; 
  color: #fff !important; 
  border-radius: 0 !important; 
  padding: 15px 30px !important; 
  font-weight: 600 !important; 
  text-transform: uppercase !important; 
  letter-spacing: 1px !important; 
  transition: all 0.3s ease !important; 
  width: 100% !important; 
  margin-top: 20px !important; 
}

.single_add_to_cart_button:hover { 
  background-color: #333 !important; 
}

/* Quantity */
.quantity { 
  margin-right: 0 !important; 
  width: 100% !important; 
}
.quantity .qty { 
  width: 100% !important; 
  padding: 12px !important; 
  border: 1px solid #ddd !important; 
  border-radius: 0 !important; 
}

/* Short description: hide in summary; keep in tabs below */
.ia-sp__summary .woocommerce-product-details__short-description,
.summary.entry-summary .woocommerce-product-details__short-description { 
  display: none !important; 
}

/* Meta */
.product_meta { 
  margin-top: 30px !important; 
  padding-top: 20px !important; 
  border-top: 1px solid #eee !important; 
  font-size: 14px !important; 
}
.product_meta > span { 
  display: block !important; 
  margin-bottom: 10px !important; 
}

/* Responsive */
@media (max-width: 768px) { 
  .woocommerce div.product,
  .ia-single-product .ia-sp__grid,
  section.product-detail .product-layout { 
    grid-template-columns: 1fr !important; 
  }
  .product_title.entry-title { 
    font-size: 28px !important; 
  }
}