/* =====================================================================
   asgoodies.com — personnalisation du thème Classic (PrestaShop 8.2)
   Fichier : themes/classic/assets/css/custom.css
   Charte web : Lexend 400/600/700 — rouge #DC143C — gris #696969 — noir #000000
   Version 2 — 30/09/2026
   ===================================================================== */

/* ---------- 1. Police Lexend, hébergée sur le serveur ---------- */
@font-face{font-family:'Lexend';src:url('../fonts/lexend-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Lexend';src:url('../fonts/lexend-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Lexend';src:url('../fonts/lexend-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/* Variables de la charte */
:root{
  --as-rouge:#DC143C;
  --as-noir:#000000;
  --as-gris:#696969;
  --as-gris-70:rgba(105,105,105,.7);
  --as-gris-20:rgba(105,105,105,.2);
  --as-blanc:#FFFFFF;
}

/* Police partout (les icônes Material Icons sont exclues) */
body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
p,a,span:not(.material-icons),div,label,li,td,th,dt,dd,
input,button,select,textarea,.btn{
  font-family:'Lexend',sans-serif !important;
}
.material-icons{font-family:'Material Icons' !important;}

/* ---------- 2. Base ---------- */
body{font-weight:400;color:var(--as-gris);}
p{color:var(--as-gris);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600;color:var(--as-noir);}
b,strong{font-weight:700;}
small,.small,.text-muted{color:var(--as-gris-70);}
hr{border-top-color:var(--as-gris-20);}

a{color:var(--as-rouge);}
a:hover,a:focus{color:var(--as-noir);text-decoration:none;}

.form-control:focus,.search-widget form input[type=text]:focus{border-color:var(--as-rouge);outline:none;}

/* ---------- 3. Header ---------- */
#header .header-nav{border-bottom:1px solid var(--as-gris-20);}
#header .header-nav,#header .header-nav a,#header .header-nav .material-icons{color:var(--as-gris);}
#header .header-nav a:hover,#header .header-nav a:hover .material-icons{color:var(--as-rouge);}
#header .header-nav .blockcart{background:var(--as-rouge);}
#header .header-nav .blockcart,#header .header-nav .blockcart a,#header .header-nav .blockcart .material-icons{color:var(--as-blanc);}
#header .header-nav .cart-preview.active{background:var(--as-rouge);}
#header .header-nav .cart-preview.active a,#header .header-nav .cart-preview.active i{color:var(--as-blanc);}

/* Menu principal */
#header .top-menu a[data-depth="0"]{font-weight:600;color:var(--as-noir);}
#header .top-menu a[data-depth="0"]:hover{color:var(--as-rouge);}
.top-menu .sub-menu a,.top-menu a:not([data-depth="0"]){color:var(--as-gris);}
.top-menu .sub-menu a:hover,.top-menu a:not([data-depth="0"]):hover{color:var(--as-rouge);}

/* Recherche */
.search-widget form input[type=text]{border:1px solid var(--as-gris-20);color:var(--as-noir);}
.search-widget form button[type=submit] .search{color:var(--as-gris);}
.search-widget form button[type=submit] .search:hover{color:var(--as-rouge);}

/* ---------- 4. Boutons ---------- */
.btn-primary,.btn-primary:disabled,.btn-primary.disabled{
  background-color:var(--as-rouge);border-color:var(--as-rouge);color:var(--as-blanc);font-weight:600;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active{
  background-color:var(--as-noir);border-color:var(--as-noir);color:var(--as-blanc);
}
.btn-secondary,.btn-tertiary{
  background-color:var(--as-blanc);border:1px solid var(--as-gris);color:var(--as-gris);
}
.btn-secondary:hover,.btn-secondary:focus,.btn-tertiary:hover,.btn-tertiary:focus{
  background-color:var(--as-gris);border-color:var(--as-gris);color:var(--as-blanc);
}

/* ---------- 5. Listes de produits (accueil, catégories, recherche) ---------- */
/* Titres de sections (« Goodies Tendance »…) : rouge, majuscules, centré */
.products-section-title,.featured-products .h2{color:var(--as-rouge);text-align:center;text-transform:uppercase;font-weight:600;}
.product-miniature .product-title a{color:var(--as-rouge);font-weight:600;}
.product-miniature .product-title a:hover{color:var(--as-noir);}
.product-miniature .product-price-and-shipping,
.product-miniature .product-price-and-shipping .price{color:var(--as-noir);font-weight:700;}
.product-miniature .regular-price{color:var(--as-gris-70);}
.product-flags li.product-flag,
.product-miniature .discount-percentage,.product-miniature .discount-amount,.product-miniature .on-sale{
  background-color:var(--as-rouge);color:var(--as-blanc);
}
.product-miniature .highlighted-informations .quick-view:hover{color:var(--as-rouge);}

/* Tri, filtres, catégories */
.block-categories a,#search_filters .facet .facet-label a{color:var(--as-gris);}
.block-categories a:hover,#search_filters .facet .facet-label a:hover{color:var(--as-rouge);}
.facet-title,.facets-title{color:var(--as-noir);font-weight:600;}

/* ---------- 6. Page produit ---------- */
#product h1,#product .h1{color:var(--as-rouge);font-weight:600;font-size:1.375rem;line-height:1.3;}
/* Onglet Détails : on masque la mention « État : Neuf » */
#product-details .product-condition{display:none;}
.product-prices .current-price,.product-prices .current-price .current-price-value{color:var(--as-noir);font-weight:700;}
.product-prices .regular-price{color:var(--as-gris-70);}
.product-actions .add-to-cart{background-color:var(--as-rouge);border-color:var(--as-rouge);color:var(--as-blanc);}
.product-actions .add-to-cart:hover,.product-actions .add-to-cart:focus{background-color:var(--as-noir);border-color:var(--as-noir);color:var(--as-blanc);}
.product-quantity #quantity_wanted,.bootstrap-touchspin .btn-touchspin{border-color:var(--as-gris-20);}
.tabs .nav-tabs .nav-link{color:var(--as-gris);}
.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover{color:var(--as-rouge);border-bottom-color:var(--as-rouge);}
.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover{border-color:var(--as-rouge);}
#blockcart-modal .product-name{color:var(--as-rouge);}

/* ---------- 7. Navigation ---------- */
#wrapper .breadcrumb li,#wrapper .breadcrumb li a{color:var(--as-gris);}
#wrapper .breadcrumb li:last-child,#wrapper .breadcrumb li:last-child a{color:var(--as-noir);}
.pagination a{color:var(--as-gris);}
.pagination .current a{background:var(--as-rouge);color:var(--as-blanc) !important;}

/* ---------- 8. Footer ---------- */
.footer-container{background:var(--as-noir);margin-top:0;padding-top:2rem;}
.footer-container .h3,.footer-container .h4,.footer-container .title,
.footer-container .block-contact-title,.footer-container .linklist .blockcms-title,
.footer-container .linklist .blockcms-title a,#block_myaccount_infos .myaccount-title a{
  color:var(--as-blanc);font-weight:600;
}
.footer-container,.footer-container p,.footer-container li a,.footer-container .links ul>li a,
.footer-container .block-contact,.footer-container .material-icons{color:rgba(255,255,255,.7);}
.footer-container li a:hover,.footer-container .links ul>li a:hover{color:var(--as-rouge);}
.footer-container .text-sm-center,.footer-container .text-sm-center a{color:rgba(255,255,255,.5);}

/* Newsletter (au-dessus du footer) */
.block_newsletter form input[type=email]:focus{border-color:var(--as-rouge);}
.block_newsletter .btn-primary{background-color:var(--as-rouge);border-color:var(--as-rouge);}
.block_newsletter .btn-primary:hover{background-color:var(--as-noir);border-color:var(--as-noir);}