/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0.1
Description: Child theme for Selene\s Outlet - custom styles and overrides.
*/

:root {
  --selene-terracotta: #a95735;
  --selene-emerald: #10b981;
  --selene-whatsapp: #25D366;
  --selene-cream: #fdf9f4;
  --selene-white: #ffffff;
  --selene-border: #ebe5df;
  --selene-text: #221814;
  --selene-text-secondary: #52433d;
  --selene-text-muted: #7c6e67;
}

/* === Page Background === */
body {
  background-color: #fdf9f4 !important;
}

/* === Hero Section === */
.wp-block-group.has-background {
  min-height: 60px;
}

/* === Product Category Images - FIX SIZING === */
.woocommerce ul.products li.product-category a img,
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product-category img,
.woocommerce ul.products li.product img,
ul.products li.product-category a img,
ul.products li.product a img,
ul.products li.product-category img,
ul.products li.product img {
  width: 100% !important;
  max-width: 280px !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  border-radius: 8px;
  margin: 0 auto;
  display: block !important;
}

/* Category thumbnail containers */
.woocommerce ul.products li.product-category,
ul.products li.product-category {
  text-align: center;
}

.woocommerce ul.products li.product-category h2,
ul.products li.product-category h2 {
  font-size: 18px !important;
  margin-top: 12px !important;
  color: #221814;
}

/* Product card image containers */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
ul.products li.product .woocommerce-loop-product__link {
  display: block !important;
}

.woocommerce ul.products li.product,
ul.products li.product {
  padding: 12px !important;
  background: #fff !important;
  border-radius: 12px;
  border: 1px solid #ebe5df;
  margin-bottom: 20px !important;
}

.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

/* === Section Contrast === */
.wp-block-group[style*="background-color: #221814"] {
  padding: 50px 20px !important;
}

.wp-block-group[style*="background-color: #fdf9f4"] {
  padding: 50px 20px !important;
  background-color: #ffffff !important;
}

/* === Product Category Grid Fix === */
.woocommerce.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product-category,
ul.products.columns-4 li.product,
ul.products.columns-4 li.product-category {
  width: 23% !important;
  float: left !important;
  margin: 0 1% 20px !important;
  clear: none !important;
}

/* === Shop Page === */
.woocommerce ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px;
  justify-content: flex-start;
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.product-category {
  flex: 0 0 calc(25% - 12px) !important;
  max-width: calc(25% - 12px) !important;
  float: none !important;
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce ul.products li.product-category {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
}

/* === Shipping Notice === */
.selene-shipping-notice {
  background: #221814;
  color: #fdf9f4;
  font-size: 13px;
  padding: 10px 20px;
  text-align: center;
  line-height: 1.5;
}
.selene-shipping-notice a { color: #10b981; text-decoration: underline; }
.selene-shipping-notice .whatsapp-link { color: #25D366; font-weight: 600; }

/* === WhatsApp Float === */
.selene-whatsapp-float {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  background: #25D366; color: #fff; border-radius: 50%;
  width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(37,211,102,0.4); transition: transform 0.2s;
  font-size: 28px; text-decoration: none;
}
.selene-whatsapp-float:hover { transform: scale(1.1); }

/* === Badges === */
.selene-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.selene-badge-premium { background: #a95735; color: #fff; }
.selene-badge-selecta { background: #10b981; color: #fff; }
.selene-badge-intermedia { background: #52433d; color: #fff; }
.selene-badge-boutique { background: #fdf9f4; color: #a95735; border: 1px solid #a95735; }

/* === Price Styling === */
.woocommerce ul.products li.product .price {
  color: #a95735 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* === Add to Cart Button === */
.woocommerce ul.products li.product .button {
  background: #a95735 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
}

.woocommerce ul.products li.product .button:hover {
  background: #52433d !important;
}