/* ============================================================
   AMCPhone — Couche CSS de marque (Phase 2)
   S'applique par-dessus le theme classic. Aucune modification
   de template : uniquement des couleurs/styles.
   Charte : vert #3FA42C · noir #16171B · rouge/jaune/bleu (logo)
   ============================================================ */

:root{
  --amc-green:#3fa42c;
  --amc-green-d:#2e7d1f;
  --amc-green-l:#eaf5e6;
  --amc-red:#e0392b;
  --amc-yellow:#f2b01e;
  --amc-blue:#2e6fce;
  --amc-ink:#16171b;
  --amc-line:#e6e9e3;
}

/* ── Boutons ───────────────────────────────────────────── */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled){
  background-color:var(--amc-green)!important;
  border-color:var(--amc-green)!important;
  color:#fff!important;
  border-radius:9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active{
  background-color:var(--amc-green-d)!important;
  border-color:var(--amc-green-d)!important;
  box-shadow:0 6px 16px rgba(63,164,44,.3)!important;
}
.btn-secondary{
  border-radius:9px;
}
.btn-outline-primary,
.btn-tertiary{
  color:var(--amc-green)!important;
  border-color:var(--amc-green)!important;
}

/* ── Liens & accents ───────────────────────────────────── */
a{color:var(--amc-ink);}
a:hover{color:var(--amc-green);}
.text-primary{color:var(--amc-green)!important;}
.product-line-info a:hover,
.breadcrumb a:hover,
.category-top-menu a:hover{color:var(--amc-green);}

/* ── Barre superieure (header banner) ──────────────────── */
.header-banner{
  background:var(--amc-ink);
  color:#fff;
}
.header-banner a{color:#7ed16a;}

/* ── Header ────────────────────────────────────────────── */
.header-top{background:#fff;}
#header .header-nav{border-bottom:1px solid var(--amc-line);}

/* ── Menu principal ────────────────────────────────────── */
.menu>ul>li>a,
.top-menu a.dropdown-item{transition:color .15s,background .15s;}
.menu>ul>li>a:hover,
#top-menu .top-menu a:hover{color:var(--amc-green)!important;}
.top-menu .sub-menu a:hover{color:var(--amc-green)!important;}
.dropdown-submenu:hover>a,
.dropdown-item:hover{color:var(--amc-green)!important;}

/* ── Champs de formulaire ──────────────────────────────── */
.form-control:focus,
.input-group.focus{
  border-color:var(--amc-green)!important;
  box-shadow:0 0 0 .12rem rgba(63,164,44,.18)!important;
}
.search-widget input:focus{border-color:var(--amc-green)!important;}

/* ── Titres de sections (accueil) ──────────────────────── */
.products-section-title,
.h2.products-section-title,
.featured-products .products-section-title{
  color:var(--amc-ink);
  font-weight:800;
  position:relative;
  padding-bottom:14px;
  margin-bottom:28px;
}
.products-section-title::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:64px;
  height:4px;
  border-radius:3px;
  background:var(--amc-green);
}

/* ── Cartes produit ────────────────────────────────────── */
.product-miniature .thumbnail-container,
.js-product-miniature{
  border:1px solid var(--amc-line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.product-miniature .thumbnail-container:hover,
.js-product-miniature:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 38px rgba(22,23,27,.13);
  border-color:transparent;
}
.product-title a{font-weight:700;color:var(--amc-ink);}
.product-title a:hover{color:var(--amc-green);}

/* ligne marque au-dessus du nom produit */
.amc-product-brand{
  display:block;
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;
  color:var(--amc-green-d);
  margin-bottom:2px;
}
/* version fiche produit (un peu plus grande) */
.amc-product-brand--page{
  font-size:13px;
  margin-bottom:6px;
}

/* prix */
.product-price-and-shipping .price,
.product-miniature .price,
.current-price .price{
  color:var(--amc-ink);
  font-weight:800;
}
.product-price-and-shipping .regular-price,
.regular-price{color:#9aa0a8;}
.discount,
.product-flag.discount,
.product-flag.on-sale{
  background:var(--amc-red)!important;
}

/* badges produit */
.product-flags .product-flag{
  border-radius:20px;
  font-weight:700;
  letter-spacing:.02em;
}
.product-flags .product-flag.new{background:var(--amc-green)!important;}
.product-flags .product-flag.online-only,
.product-flags .product-flag.pack{background:var(--amc-blue)!important;}

/* etoiles d'avis */
.star,.star_on,.grade-stars .star-on{color:var(--amc-yellow)!important;}

/* ── Fiche produit ─────────────────────────────────────── */
.product-prices .current-price span,
.product-price{color:var(--amc-ink);}
.product-add-to-cart .add-to-cart{
  background:var(--amc-green)!important;
  border-color:var(--amc-green)!important;
}
.product-add-to-cart .add-to-cart:hover{
  background:var(--amc-green-d)!important;
  border-color:var(--amc-green-d)!important;
}

/* ── Pagination ────────────────────────────────────────── */
.pagination .current a,
.page-item.active .page-link{
  background:var(--amc-green)!important;
  border-color:var(--amc-green)!important;
  color:#fff!important;
}
.page-link{color:var(--amc-ink);}
.page-link:hover{color:var(--amc-green);}

/* ── Bloc newsletter (pied de page) ────────────────────── */
.block_newsletter{
  background:var(--amc-green-l);
  border-radius:14px;
  padding:18px 22px;
}
.block_newsletter #block-newsletter-label,
.block_newsletter p{color:var(--amc-ink);}

/* ── Pied de page ──────────────────────────────────────── */
.footer-container{
  background:var(--amc-ink);
  color:#c4c8cf;
  border-top:3px solid var(--amc-green);
}
.footer-container .h3,
.footer-container h3,
.footer-container .title{color:#fff;}
.footer-container a,
.footer-container li a{color:#9aa0a8;}
.footer-container a:hover{color:var(--amc-green);}
.footer-container .links .collapse{display:block;}
#footer .block-contact,
.footer-container .block_newsletter{color:#c4c8cf;}

/* ── Reassurance (blockreassurance) ────────────────────── */
.block-reassurance svg path,
.block-reassurance .block-reassurance-item img{filter:none;}
.block-reassurance li{border-color:var(--amc-line);}

/* ── Breadcrumb ────────────────────────────────────────── */
.breadcrumb{background:transparent;}
.breadcrumb a{color:#787f86;}

/* ── Bandeau / titres divers ───────────────────────────── */
#main .page-header h1,
.page-header h1{color:var(--amc-ink);font-weight:800;}

/* ── Notifications ─────────────────────────────────────── */
.notification-success,
.alert-success{
  border-left:4px solid var(--amc-green);
}

/* ── Liens "voir tout" / sliders ───────────────────────── */
.featured-products .all-product-link,
.all-product-link{color:var(--amc-green-d)!important;font-weight:700;}

/* ── Section HERO (page d'accueil) ─────────────────────── */
.amc-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f3f8f1,#ffffff);
  border-radius:18px;
  margin:0 0 36px;
  padding:56px 24px 60px;
}
.amc-hero::before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,164,44,.16),transparent 65%);
  top:-150px;right:-90px;
}
.amc-hero::after{
  content:"";
  position:absolute;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(46,111,206,.10),transparent 65%);
  bottom:-150px;left:-90px;
}
.amc-hero-inner{
  position:relative;z-index:2;
  max-width:680px;margin:0 auto;text-align:center;
}
.amc-hero-tag{
  display:inline-block;
  background:#fff;border:1px solid var(--amc-line);
  color:var(--amc-green-d);
  font-size:13px;font-weight:700;
  padding:7px 16px;border-radius:30px;
  box-shadow:0 6px 18px rgba(22,23,27,.07);
  margin-bottom:20px;
}
.amc-hero-title{
  font-size:46px;line-height:1.08;font-weight:800;
  letter-spacing:-1px;color:var(--amc-ink);
  margin:0 0 16px;
}
.amc-hero-title span{color:var(--amc-green);}
.amc-hero-sub{
  font-size:16px;line-height:1.6;color:var(--amc-ink);
  opacity:.7;max-width:520px;margin:0 auto 28px;
}
.amc-hero-btns{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  margin-bottom:36px;
}
.amc-hero-btns .btn{padding:14px 28px;font-weight:700;border-radius:10px;}
.amc-hero-stats{
  display:flex;gap:40px;justify-content:center;flex-wrap:wrap;
}
.amc-hero-stats div{display:flex;flex-direction:column;}
.amc-hero-stats strong{font-size:24px;font-weight:800;color:var(--amc-green);}
.amc-hero-stats span{font-size:12.5px;color:var(--amc-ink);opacity:.6;}
@media(max-width:767px){
  .amc-hero{padding:40px 16px 44px;}
  .amc-hero-title{font-size:32px;}
  .amc-hero-stats{gap:24px;}
}

/* ════════════════════════════════════════════════════════
   PHASE 4 — Pages secondaires (panier, compte, checkout, CMS)
   CSS uniquement — aucun template de ces pages n'est modifie.
   ════════════════════════════════════════════════════════ */

/* ── Panier ────────────────────────────────────────────── */
.card.cart-container,
.card.cart-summary{
  border:1px solid var(--amc-line);
  border-radius:14px;
}
.cart-summary-line.cart-total{
  border-top:2px solid var(--amc-line);
  margin-top:6px;padding-top:10px;
}
.cart-summary-line.cart-total .value,
.cart-total .value{
  color:var(--amc-green);
  font-weight:800;
  font-size:18px;
}
.cart-grid-right .checkout .btn{width:100%;}
.cart-item{border-bottom:1px solid var(--amc-line);}

/* ── Authentification / compte client ──────────────────── */
.page-authentication #content,
.page-customer-account #content{
  border:1px solid var(--amc-line);
  border-radius:14px;
  box-shadow:0 10px 30px rgba(22,23,27,.06);
}
.forgot-password a,
.no-account a{color:var(--amc-green-d);font-weight:600;}
.myaccount-title,
.myaccount-title a{color:var(--amc-ink);}
.account-list a:hover,
.link-item a:hover{color:var(--amc-green);}

/* liens "Mon compte" facon cartes */
#content.page-content.card .links a:hover{color:var(--amc-green);}

/* ── Tunnel de commande (checkout) — CSS seulement ─────── */
.checkout-step .step-title{font-weight:700;color:var(--amc-ink);}
.checkout-step.-current .step-title,
.checkout-step.-complete .step-title{color:var(--amc-green-d);}
.checkout-step.-complete .done,
.checkout-step .step-number{color:var(--amc-green);}
.checkout-process .btn-primary,
#payment-confirmation button.btn{
  background:var(--amc-green)!important;
  border-color:var(--amc-green)!important;
}

/* ── Pages CMS ─────────────────────────────────────────── */
#cms .page-content,
#cms .cms-content{line-height:1.7;}
#cms h1,#cms h2,#cms h3{color:var(--amc-ink);font-weight:800;}
#cms a{color:var(--amc-green-d);}

/* ── Barre de bas de page ──────────────────────────────── */
.amc-footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:22px;padding:20px 0 6px;
  font-size:12.5px;color:#7e838c;
}
.amc-footer-bottom .amc-footer-pay{color:#9aa0a8;}
@media(max-width:600px){
  .amc-footer-bottom{justify-content:center;text-align:center;}
}