/* ======================================================
   ALLO SHOPPING TV – THEME OFFICIEL
   Palette alignée au logo
   ====================================================== */

:root {
  --primary: #2ECC71;        /* Vert principal */
  --primary-dark: #1FA65A;   /* Vert foncé hover */
  --secondary: #19A7A5;      /* Turquoise */
  --accent: #FF8C42;         /* Orange accent */

  --dark: #0F172A;           /* Bleu nuit */
  --dark-2: #111827;

  --text-dark: #1F2937;
  --grey-light: #E5E7EB;
  --grey: #9CA3AF;
}

/* ======================================================
   LIENS & TEXTE
   ====================================================== */
a {
  color: var(--text-dark);
}

a:hover,
a:focus {
  color: var(--secondary);
}

/* ======================================================
   BOUTONS
   ====================================================== */
.primary-btn,
.search-btn,
.add-to-cart-btn,
.newsletter-btn {
  background-color: var(--primary);
  color: #FFF;
  border: 2px solid var(--primary);
  transition: all 0.3s ease;
}

.primary-btn:hover,
.search-btn:hover,
.add-to-cart-btn:hover,
.newsletter-btn:hover {
  background-color: #FFF;
  color: var(--primary);
  border-color: var(--primary);
}

/* ======================================================
   HEADER & NAVIGATION
   ====================================================== */
#navigation {
  border-top: 3px solid var(--primary);
}

.main-nav > li > a {
  color: var(--text-dark);
  font-weight: 500;
}

.main-nav > li.active > a,
.main-nav > li > a:hover {
  color: var(--primary);
}

.main-nav > li > a:after {
  background-color: var(--primary);
}

/* ======================================================
   PANIER / FAVORIS
   ====================================================== */
.header-ctn .qty {
  background-color: var(--accent);
  color: #FFF;
}

.cart-dropdown .cart-btns > a {
  background-color: var(--primary);
  color: #FFF;
}

.cart-dropdown .cart-btns > a:hover {
  background-color: var(--primary-dark);
}

/* ======================================================
   SHOP CATEGORIES
   ====================================================== */
.shop:before,
.shop:after {
  background: linear-gradient(
    135deg,
    var(--primary),
    var(--secondary)
  );
}

.shop .cta-btn {
  color: #FFF;
}

.shop .cta-btn:hover {
  color: var(--accent);
}

/* ======================================================
   PRODUITS
   ====================================================== */
.product-price,
.order-total {
  color: var(--primary);
  font-weight: 700;
}

.product-rating i {
  color: var(--accent);
}

.product-btns button:hover {
  color: var(--primary);
}

/* ======================================================
   BADGES
   ====================================================== */
.product-label > span.sale {
  border-color: var(--accent);
  color: var(--accent);
}

.product-label > span.new {
  background-color: var(--primary);
  border-color: var(--primary);
}

/* ======================================================
   ONGLES / TABS
   ====================================================== */
.section-tab-nav li.active a {
  color: var(--primary);
}

.section-tab-nav li.active a:after {
  background-color: var(--primary);
}

/* ======================================================
   FOOTER
   ====================================================== */
#footer {
  background-color: var(--dark);
  color: #FFF;
}

#bottom-footer {
  background-color: var(--dark-2);
}

.footer-links li i {
  color: var(--primary);
}

.footer-links li a:hover {
  color: var(--accent);
}

/* ======================================================
   FORMULAIRES
   ====================================================== */
.input:focus,
.input-select:focus {
  border-color: var(--primary);
}

/* ======================================================
   SCROLL / HOVER GLOBAUX
   ====================================================== */
::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}