/*
Theme Name: SuperZone
Template: astra
Author: SuperZone
Description: Theme enfant Astra reproduisant l'identite SuperZone.
Version: 1.0
Text Domain: superzone
*/

:root{
  --sz-blue:#286BDC;
  --sz-dark:#252525;
  --sz-red:#EF4444;
  --sz-grey:#F5F5F5;
  --sz-border:#E7E7E7;
}

body,button,input,select,textarea,.ast-container{font-family:'Poppins',-apple-system,system-ui,sans-serif;color:var(--sz-dark);}
h1,h2,h3,h4,.entry-title,.site-title{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-.02em;}

/* ---- Barres d'annonce ---- */
.sz-bar{width:100%;text-align:center;font-weight:700;font-size:13px;letter-spacing:.02em;padding:11px 16px;}
.sz-bar-1{background:var(--sz-blue);color:#fff;text-transform:uppercase;}
.sz-bar-2{background:var(--sz-grey);color:var(--sz-dark);font-weight:500;}

/* ---- Header ---- */
.ast-primary-header-bar{border-bottom:1px solid var(--sz-border);}
.site-title a{font-weight:800!important;font-size:24px!important;color:var(--sz-dark)!important;letter-spacing:-.03em;}
.main-header-menu > .menu-item > .menu-link{font-weight:600;font-size:15px;}
.main-header-menu .current-menu-item > .menu-link{color:var(--sz-blue)!important;}

/* ---- Boutons ---- */
.woocommerce button.button,.woocommerce a.button,.woocommerce .button.alt,
.wp-block-button__link,button[type=submit],input[type=submit],
.woocommerce div.product form.cart .button{
  background:var(--sz-dark)!important;color:#fff!important;border-radius:8px!important;
  font-weight:700!important;font-size:15px!important;letter-spacing:1.05px!important;
  text-transform:uppercase!important;padding:16px 28px!important;border:0!important;transition:.15s;}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce .button.alt:hover{background:#000!important;transform:translateY(-1px);}

/* ---- Grille produits ---- */
ul.products li.product{text-align:left;}
ul.products li.product a img{background:var(--sz-grey);border-radius:14px;margin-bottom:14px;}
ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;font-weight:700!important;font-style:italic;padding:0!important;margin:0 0 6px!important;}
ul.products li.product .price{font-weight:800;font-size:17px;color:var(--sz-blue)!important;display:flex;gap:8px;align-items:baseline;}
ul.products li.product .price del{color:#B4B4B4!important;font-weight:600;font-size:14px;opacity:1;}
ul.products li.product .price ins{text-decoration:none;color:var(--sz-blue);}
ul.products li.product .button{display:none;}
ul.products li.product:hover .button{display:inline-block;}

/* ---- Badges ---- */
.woocommerce span.onsale{background:var(--sz-blue)!important;color:#fff!important;border-radius:6px!important;
  font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;min-height:0;line-height:1;}
.sz-discount{background:var(--sz-red);color:#fff;border-radius:6px;font-weight:700;font-size:13px;padding:5px 10px;margin-left:10px;display:inline-block;vertical-align:middle;}

/* ---- Fiche produit ---- */
.single-product .product_title{font-size:30px!important;font-weight:800!important;margin:14px 0 10px!important;}
.single-product .summary p.price{font-size:28px;font-weight:800;color:var(--sz-blue);display:flex;align-items:center;gap:10px;}
.single-product .summary p.price del{color:#B4B4B4;font-size:19px;font-weight:600;opacity:1;}
.single-product .summary p.price ins{text-decoration:none;}
.single-product .woocommerce-product-gallery__image img{background:var(--sz-grey);border-radius:16px;}
.single-product form.cart .button{width:100%;text-align:center;padding:20px!important;font-size:16px!important;}
.single-product .variations label{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em;}
.sz-reassurance{background:var(--sz-grey);border-radius:10px;padding:16px 18px;margin:18px 0;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;}
.single-product .woocommerce-tabs ul.tabs li a{font-weight:700;}

/* ---- Variations en boutons ---- */
.single-product .variations td.value select{border:1px solid var(--sz-border);border-radius:8px;padding:12px;font-weight:600;}

/* ---- Blog ---- */
.blog .ast-article-post,.archive .ast-article-post{border-bottom:1px solid var(--sz-border);}
.single-post .entry-content h2{font-size:26px;margin-top:2em;}
.single-post .entry-content h3{font-size:20px;margin-top:1.6em;}
.single-post .entry-content{font-size:17px;line-height:1.75;}
.single-post .entry-content table{width:100%;border-collapse:collapse;margin:1.5em 0;}
.single-post .entry-content th{background:var(--sz-grey);text-align:left;}
.single-post .entry-content th,.single-post .entry-content td{border:1px solid var(--sz-border);padding:10px 12px;}
.wwc{margin:1.5em 0;}
.wwc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.wwc-column{background:var(--sz-grey);border-radius:12px;padding:18px;}
.wwc-title{font-weight:800;margin-bottom:8px;}
.wwc-info{background:#EAF1FD;border-left:4px solid var(--sz-blue);border-radius:8px;padding:16px 18px;}
.wwc-warning{background:#FEF3F2;border-left:4px solid var(--sz-red);border-radius:8px;padding:16px 18px;}
.wwc-icon-pro{border-left:4px solid #16A34A;}
.wwc-icon-con{border-left:4px solid var(--sz-red);}
.wwc-table{overflow:auto;}
.wwc-footer{font-size:13px;color:#777;}

/* ---- Footer ---- */
.sz-footer{background:var(--sz-grey);padding:56px 0 28px;font-size:15px;}
.sz-footer-in{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:40px;}
.sz-footer h4{font-weight:800;font-size:16px;margin:0 0 16px;}
.sz-footer a{color:var(--sz-dark);text-decoration:none;display:block;margin-bottom:10px;}
.sz-footer a:hover{color:var(--sz-blue);}
.sz-footer-logo{font-weight:800;font-size:22px;}
.sz-pay{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:32px 0 14px;}
.sz-pay span{background:#fff;border:1px solid var(--sz-border);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;}
.sz-copy{text-align:center;font-size:14px;color:#666;}
@media(max-width:782px){.sz-footer-in{grid-template-columns:1fr;gap:28px;}}