/*
Theme Name: ABDO STOR
Theme URI: https://abdostor.com
Description: Custom WooCommerce child theme for ABDO STOR, built on Storefront. Black & gold branding matching the ABDO STOR logo, configured for cash-on-delivery sales across all 69 wilayas of Algeria.
Author: ABDO STOR
Template: storefront
Version: 1.0.0
Text Domain: abdostor
*/

/* ==========================================================================
   1. BRAND COLOR VARIABLES
   Black  #0A0A0A  (from the "A" in the logo)
   Gold   #C9A227  (from the "S" / cart in the logo)
   ========================================================================== */
:root{
  --abdostor-black: #0a0a0a;
  --abdostor-black-soft: #1a1a1a;
  --abdostor-gold: #c9a227;
  --abdostor-gold-light: #e0c15c;
  --abdostor-white: #ffffff;
  --abdostor-gray: #f7f7f5;
}

body{
  color: var(--abdostor-black);
  background-color: var(--abdostor-white);
}

/* ==========================================================================
   2. HEADER / SITE BRANDING
   ========================================================================== */
.site-header{
  background-color: var(--abdostor-black);
  border-bottom: 3px solid var(--abdostor-gold);
}

.site-header .site-branding .site-title a,
.site-header .site-branding .site-description{
  color: var(--abdostor-white);
}

.site-title a{
  font-weight: 800;
  letter-spacing: 1px;
}

.site-header ul.menu > li > a,
.storefront-primary-navigation a{
  color: var(--abdostor-white);
}

.storefront-primary-navigation{
  background-color: var(--abdostor-black-soft);
  border-top: 1px solid var(--abdostor-gold);
}

.storefront-primary-navigation ul.menu > li:hover > a,
.storefront-primary-navigation ul.menu > li.current-menu-item > a{
  color: var(--abdostor-gold);
}

.site-header-cart .cart-contents{
  color: var(--abdostor-gold);
  border: 1px solid var(--abdostor-gold);
}

/* ==========================================================================
   3. BUTTONS & CALLS TO ACTION
   ========================================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button.alt,
button.single_add_to_cart_button{
  background-color: var(--abdostor-gold) !important;
  color: var(--abdostor-black) !important;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 2px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button.single_add_to_cart_button:hover{
  background-color: var(--abdostor-gold-light) !important;
  color: var(--abdostor-black) !important;
}

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

/* Sale / featured badges */
.woocommerce span.onsale{
  background-color: var(--abdostor-black);
  color: var(--abdostor-gold);
}

/* Prices */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--abdostor-black);
  font-weight: 700;
}

.woocommerce ul.products li.product .price ins{
  color: var(--abdostor-gold);
}

/* ==========================================================================
   4. FOOTER
   ========================================================================== */
.site-footer{
  background-color: var(--abdostor-black);
  color: var(--abdostor-white);
}

.site-footer a{
  color: var(--abdostor-gold);
}

.site-footer .widget-title{
  color: var(--abdostor-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ==========================================================================
   5. CASH ON DELIVERY BADGE (shown on shop/product/checkout pages)
   ========================================================================== */
.abdostor-cod-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  padding: 8px 14px;
  background-color: var(--abdostor-gray);
  border: 1px solid var(--abdostor-gold);
  border-radius: 4px;
  font-size: 0.9em;
  font-weight: 600;
  color: var(--abdostor-black);
}

.abdostor-cod-badge:before{
  content: "\1F4B0";
}

/* ==========================================================================
   6. PRODUCT GRID POLISH
   ========================================================================== */
.woocommerce ul.products li.product{
  border-radius: 4px;
  transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover{
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
  color: var(--abdostor-black);
  font-weight: 600;
}