/*
Theme Name: RozeeAtelier
Theme URI: https://rozeeatelier.com
Author: RozeeAtelier Design Team
Author URI: https://rozeeatelier.com
Description: Premium dual-model apparel & fabric e-commerce theme for RozeeAtelier — ready-to-wear, unstitched suits, raw fabrics by the yard, and bespoke custom stitching / alteration services. Built for WordPress + WooCommerce per the RozeeAtelier Creative & Functional Website Brief v1.0.
Version: 6.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
WC requires at least: 8.0
WC tested up to: 9.0
Text Domain: rozeeatelier
Tags: e-commerce, custom-menu, custom-logo, translation-ready, woocommerce

This is the base stylesheet. Loading order and structural rules only —
all visual/token styling lives in assets/css/main.css (enqueued in functions.php)
so the design tokens stay in one editable place.
*/

* { box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
button { font-family: inherit; cursor: pointer; }


/* Rozee Atelier — mobile product/category responsiveness polish */
@media (max-width: 767px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .site, .site-content, main, .container, .content-area {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Product/category grids: one clean card per row on phones */
  .products,
  ul.products,
  .product-grid,
  .shop-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .products > *,
  ul.products > *,
  .product-grid > *,
  .shop-grid > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Prevent product media from becoming excessively tall or cropped */
  .product-card img,
  .products img,
  ul.products img,
  .woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    max-height: 72vh;
    object-fit: cover;
    display: block;
  }

  .product-card,
  .products .product,
  ul.products li.product {
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Product titles/prices/buttons stay inside the card */
  .product-card .product-title,
  .product-card h2,
  .product-card h3,
  .products .woocommerce-loop-product__title,
  ul.products .woocommerce-loop-product__title {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.25 !important;
  }

  .product-card .price,
  .products .price,
  ul.products .price {
    white-space: normal !important;
    max-width: 100% !important;
  }

  .product-card button,
  .product-card .button,
  .products .button,
  ul.products .button {
    max-width: 100% !important;
    min-height: 44px;
    box-sizing: border-box;
  }

  /* Product detail page */
  .single-product .site-main,
  .single-product .product,
  .single-product .summary,
  .single-product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .single-product .product {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-product .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Header controls remain within the viewport */
  header, .site-header, .main-header, .header-inner, .navbar {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Announcement strip should scroll horizontally rather than force page width */
  .announcement-bar, .top-bar, .promo-bar {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Floating controls must not cover product text/buttons */
  .whatsapp-float, .whatsapp-button {
    right: 14px !important;
    bottom: 74px !important;
    z-index: 50 !important;
  }

  .back-to-top, .scroll-top {
    right: 14px !important;
    bottom: 138px !important;
    z-index: 51 !important;
  }

  /* Remove accidental desktop gutters/negative margins */
  .row, .woocommerce .columns, .woocommerce-page .columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 380px) {
  .products,
  ul.products,
  .product-grid,
  .shop-grid {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 14px !important;
  }

  .whatsapp-float, .whatsapp-button,
  .back-to-top, .scroll-top {
    right: 10px !important;
  }
}



/* Final WooCommerce catalog safety: always render products as cards in rows. */
.woocommerce ul.products,
.woocommerce-page ul.products{list-style:none!important;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{list-style:none!important;float:none!important;}
@media (min-width:1181px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;}
}