/*
Theme Name: D'S China Storefront Child
Theme URI: https://dschina.example
Description: Child theme Storefront pour D'S China — Personal Shopper. Habillage WooCommerce aux couleurs de la marque (orange #FF751F, pêche #FF914D, anthracite #434343).
Author: DS China
Template: storefront
Version: 1.0.0
Text Domain: ds-china-child
*/

/* ==========================================================================
   1. Variables de marque
   ========================================================================== */
:root{
  --dsc-orange: #FF751F;
  --dsc-peach:  #FF914D;
  --dsc-dark:   #434343;
  --dsc-paper:  #FAFAFA;
  --dsc-line:   #ECECEC;
}

body{
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--dsc-dark);
}

h1, h2, h3, h4, h5, h6,
.site-title, .storefront-handheld-footer-bar,
.woocommerce ul.products li.product .price {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ==========================================================================
   2. En-tête / navigation
   ========================================================================== */
.site-header{
  border-bottom: 1px solid var(--dsc-line);
  background: #fff;
}

.site-branding .site-title a{
  color: var(--dsc-dark);
  font-weight: 700;
}

.main-navigation ul li a{
  font-weight: 500;
  color: var(--dsc-dark);
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a{
  color: var(--dsc-orange);
}

/* Barre d'annonce optionnelle (widget "Avant l'en-tête") */
.above-header-wrapper{
  background: var(--dsc-dark);
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.above-header-wrapper a{ color: var(--dsc-peach); }

/* ==========================================================================
   3. Boutons & liens
   ========================================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button.alt,
.storefront-product-search .search-submit{
  background-color: var(--dsc-orange);
  color: #fff;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color .15s ease, transform .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
a.button.alt:hover{
  background-color: var(--dsc-peach);
  color: #fff;
  transform: translateY(-1px);
}

.woocommerce a.added_to_cart{
  color: var(--dsc-orange);
  font-weight: 600;
}

/* ==========================================================================
   4. Grille produits
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background: #fff;
  border: 1px solid var(--dsc-line);
  border-radius: 6px;
  padding: 14px 14px 18px;
  transition: box-shadow .15s ease, transform .15s ease;
}

.woocommerce ul.products li.product:hover{
  box-shadow: 0 14px 30px -18px rgba(67,67,67,0.35);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 600;
  font-size: 15px;
  color: var(--dsc-dark);
}

.woocommerce ul.products li.product .price{
  color: var(--dsc-orange);
  font-weight: 700;
}

.woocommerce ul.products li.product .price del{
  color: #9a9a9a;
  opacity: 1;
}

.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}

/* Badge promo — reprend la forme "étiquette" du logo */
.woocommerce span.onsale{
  background: var(--dsc-orange);
  color: #fff;
  font-weight: 700;
  border-radius: 3px;
  min-height: auto;
  min-width: auto;
  line-height: 1.4;
  padding: 3px 10px;
  top: 10px; left: 10px;
}

/* ==========================================================================
   5. Fiche produit
   ========================================================================== */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--dsc-orange);
  font-size: 24px;
  font-weight: 700;
}

.woocommerce div.product .product_meta{
  color: #8a8a8a;
  font-size: 13px;
}

/* ==========================================================================
   6. Footer
   ========================================================================== */
.site-footer{
  background: var(--dsc-dark);
  color: #d9d9d9;
}
.site-footer a{ color: #fff; }
.site-footer .widget-title{ color: var(--dsc-peach); }

/* ==========================================================================
   7. Bandeau mobile panier (Storefront handheld footer bar)
   ========================================================================== */
.storefront-handheld-footer-bar{
  background: var(--dsc-dark);
}
.storefront-handheld-footer-bar ul li .icon::before{
  color: var(--dsc-peach);
}