/*
Theme Name: GeneratePress Child - DPH France
Template:   generatepress
Version:    1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap');

:root{
  --dph-navy:#0d2a4f;      --dph-navy-dark:#0a2040;
  --dph-gold:#e0a82e;      --dph-gold-dark:#c7901f;
  --dph-blue:#1f5fc7;      --dph-blue-dark:#1a50aa;
  --dph-red:#df2a2a;       --dph-green:#1f9d57;
  --dph-lightblue:#e8f1fb; --dph-gray:#f5f7fa;
  --dph-border:#e3e7ee;    --dph-text:#1b2b40; --dph-muted:#5a6472;
  --dph-radius:12px;
}

body{font-family:'Inter',sans-serif;color:var(--dph-text);}
h1,h2,h3{font-family:'Montserrat',sans-serif;font-weight:800;}

/* On masque le header par défaut de GeneratePress (on a le nôtre) */
.site-header{display:none;}

.dph-container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ===== TOP BAR ===== */
.dph-topbar{background:var(--dph-navy-dark);color:#cdd9ea;font-size:13px;}
.dph-topbar-inner{display:flex;justify-content:space-between;align-items:center;height:40px;}
.dph-topbar-left span{margin-right:22px;}
.dph-topbar-right{display:flex;align-items:center;gap:18px;}
.dph-phone{color:#fff;font-weight:600;}
.dph-langs a{color:#cdd9ea;padding:2px 7px;cursor:pointer;text-decoration:none;}
.dph-langs a.active{background:#fff;color:var(--dph-navy);border-radius:4px;font-weight:600;}

/* ===== HEADER ===== */
.dph-header{background:#fff;border-bottom:1px solid var(--dph-border);}
.dph-header-inner{display:flex;align-items:center;gap:24px;height:90px;}
.dph-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.dph-logo-mark{width:46px;height:46px;background:var(--dph-navy);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:800;font-size:26px;}
.dph-logo-text{font-family:'Montserrat';font-weight:800;font-size:22px;color:var(--dph-navy);line-height:1;}
.dph-logo-text span{color:var(--dph-gold);}
.dph-logo-text small{display:block;font-family:'Inter';font-weight:600;font-size:10px;letter-spacing:1px;color:var(--dph-muted);margin-top:3px;}
.dph-search{flex:1;display:flex;border:2px solid var(--dph-navy);border-radius:30px;overflow:hidden;background:#fff;}
.dph-search input{flex:1;border:none;padding:12px 20px;font-size:15px;outline:none;background:transparent;}
.dph-search button{background:var(--dph-navy);color:#fff;border:none;width:54px;cursor:pointer;font-size:18px;}
.dph-header-actions{display:flex;align-items:center;gap:14px;}
.dph-account{display:flex;align-items:center;gap:8px;background:var(--dph-navy);color:#fff;padding:12px 18px;border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;}
.dph-cart{display:flex;align-items:center;gap:8px;background:var(--dph-lightblue);color:var(--dph-navy);padding:8px 16px;border-radius:30px;text-decoration:none;font-size:18px;}
.dph-cart-info{font-size:11px;line-height:1.2;font-weight:600;}

/* ===== NAV ===== */
.dph-nav{background:var(--dph-navy);}
.dph-nav-inner{display:flex;justify-content:space-between;align-items:center;height:52px;}
.dph-nav-left{display:flex;align-items:center;gap:4px;}
.dph-nav-cat{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);color:#fff;padding:8px 18px;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;}
.dph-nav-link{display:flex;align-items:center;gap:7px;color:#fff;padding:8px 16px;text-decoration:none;font-size:14px;cursor:pointer;}
.dph-nav-link .dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.dot.gold{background:var(--dph-gold);}
.dot.red{background:var(--dph-red);}
.dph-nav-right{color:#cdd9ea;font-size:13px;display:flex;align-items:center;gap:8px;}

/* ===== HERO ===== */
.dph-hero{background:linear-gradient(135deg,var(--dph-navy),var(--dph-navy-dark));color:#fff;padding:56px 0;}
.dph-hero-inner{display:flex;gap:40px;align-items:center;}
.dph-hero-left{flex:1.3;}
.dph-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--dph-gold);color:var(--dph-navy);padding:6px 16px;border-radius:30px;font-weight:700;font-size:13px;}
.dph-hero-title{font-size:54px;font-weight:800;margin:18px 0;line-height:1.05;color:#fff;}
.dph-hero-sub{color:#c7d4e6;font-size:16px;max-width:480px;margin-bottom:26px;}
.dph-hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.dph-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:8px;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px;}
.dph-btn-gold{background:var(--dph-gold);color:var(--dph-navy);}
.dph-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25);}
.dph-hero-card{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;}
.dph-hero-pct{font-family:'Montserrat';font-weight:800;font-size:64px;color:var(--dph-gold);line-height:1;}
.dph-hero-pct span{font-size:32px;vertical-align:top;}
.dph-hero-card-title{font-family:'Montserrat';font-weight:800;font-size:20px;margin:6px 0 16px;}
.dph-hero-list{list-style:none;padding:0;margin:0;}
.dph-hero-list li{display:flex;align-items:center;gap:10px;padding:7px 0;color:#dbe6f3;font-size:14px;}
.dph-hero-list i{color:var(--dph-gold);}

/* ===== BANDEAU RÉASSURANCE ===== */
.dph-trust{background:var(--dph-lightblue);}
.dph-trust-inner{display:flex;justify-content:space-between;gap:20px;padding:22px 20px;}
.dph-trust-item{display:flex;align-items:center;gap:12px;}
.dph-trust-item i{font-size:24px;color:var(--dph-navy);background:#fff;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dph-trust-item strong{display:block;color:var(--dph-navy);font-size:15px;}
.dph-trust-item span{color:var(--dph-muted);font-size:13px;}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .dph-header-inner{flex-wrap:wrap;height:auto;padding:14px 0;gap:14px;}
  .dph-search{order:3;flex-basis:100%;}
  .dph-topbar-left{display:none;}
  .dph-hero-inner{flex-direction:column;align-items:stretch;}
  .dph-hero-title{font-size:36px;}
  .dph-trust-inner{flex-wrap:wrap;}
  .dph-trust-item{flex-basis:45%;}
  .dph-nav-right{display:none;}
  .dph-nav-inner{height:auto;padding:8px 0;flex-wrap:wrap;}
}

/* Éviter le scroll horizontal */
body{overflow-x:hidden;}

/* Hero + bandeau en pleine largeur (edge-to-edge) */
.dph-hero,
.dph-trust{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Page d'accueil : retirer le cadre blanc et les marges du contenu */
.home .inside-article,
.home .entry-content,
.home .site-main{
  padding:0;
  margin:0;
  background:transparent;
  border:none;
}

/* Cacher le titre "Accueil" sur la page d'accueil */
.home .entry-header,
.home .page-title{display:none;}



/* ===== Cartes produits DPH ===== */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr)) !important;gap:22px;list-style:none;margin:0;padding:0;float:none !important;}
.woocommerce ul.products li.product{width:auto !important;float:none !important;margin:0 !important;}
ul.products li.product::before{display:none;}
/* Neutralise le clearfix ::before/::after qui occupe une case de la grille (colonne vide) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{content:none !important;display:none !important;}
.dph-card{position:relative;background:#fff;border:1px solid var(--dph-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;width:auto !important;margin:0 !important;}
.dph-card-badge{position:absolute;top:12px;left:12px;z-index:2;}
.dph-card-badge .new{background:var(--dph-navy);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.5px;}
.dph-card-badge .promo{background:var(--dph-red);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.5px;}
.dph-card-thumb{display:block;padding:16px;background:linear-gradient(180deg,#fff,#f5f8fc);}
.dph-card-thumb img{width:100%;height:auto;border-radius:6px;}
.dph-card-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.dph-card-brand{color:var(--dph-blue);font-weight:700;font-size:12px;letter-spacing:.5px;}
.dph-card-title{color:var(--dph-navy);font-weight:700;font-size:15px;line-height:1.3;text-decoration:none;}
.dph-card-stock{color:var(--dph-green);font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;}
.dph-card-ref{font-size:12px;color:var(--dph-muted);display:flex;flex-wrap:wrap;gap:2px 16px;align-items:baseline;}
.dph-card-ref b{color:var(--dph-text);font-weight:700;}
.dph-card-price{color:var(--dph-red);font-weight:800;font-size:22px;font-family:'Montserrat';display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.dph-card-price span{color:var(--dph-muted);font-size:12px;font-weight:400;font-family:'Inter';}
.dph-card-price del{color:var(--dph-muted);font-size:15px;font-weight:400;}
.dph-card-price ins{text-decoration:none;}
.dph-card-cond{display:flex;gap:10px;background:var(--dph-lightblue);border-radius:8px;padding:10px;}
.dph-card-cond div{flex:1;text-align:center;}
.dph-card-cond span{display:block;font-size:10px;color:var(--dph-muted);font-weight:600;letter-spacing:.5px;}
.dph-card-cond strong{color:var(--dph-navy);font-size:14px;font-weight:700;}
.dph-card .button,.dph-card-btn{background:var(--dph-blue) !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:12px !important;text-align:center;font-weight:700 !important;margin-top:auto !important;display:block !important;text-decoration:none;width:100%;font-size:14px;}
.dph-card .button:hover{background:var(--dph-blue-dark) !important;}


/* ===== Carte produit : favori, séparateur, dropdown + stepper (mockup) ===== */
.dph-card-fav{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--dph-border);display:flex;align-items:center;justify-content:center;color:var(--dph-muted);cursor:pointer;font-size:17px;}
.dph-card-fav:hover{color:var(--dph-red);border-color:var(--dph-red);}
.dph-card-divider{height:1px;background:var(--dph-border);margin:2px 0;}
.dph-card-cond span{white-space:nowrap;}
.dph-card-cond strong{white-space:nowrap;}
.dph-card-actions{display:flex;gap:8px;flex-wrap:wrap;}
.dph-cond-select{flex:1 1 130px;min-width:120px;border:1px solid #cdd5e0;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:600;color:var(--dph-text);background:#fff;cursor:pointer;}
.dph-cond-select:focus{outline:none;border-color:var(--dph-blue);}
.dph-qty{display:flex;align-items:center;border:1px solid #cdd5e0;border-radius:8px;overflow:hidden;flex:0 0 auto;}
.dph-qty button{width:34px;height:38px;border:none;background:#fff;color:var(--dph-muted);font-size:18px;line-height:1;cursor:pointer;}
.dph-qty button:hover{background:var(--dph-lightblue);color:var(--dph-navy);}
.dph-qty-val{width:34px;text-align:center;font-weight:700;color:var(--dph-text);}
.dph-card-btn i{margin-right:4px;}

/* ===== Boutique : contenu pleine largeur (annule float + push/pull + flex sidebar) ===== */
body.woocommerce .site-content,
body.woocommerce-page .site-content,
body.post-type-archive-product .site-content,
body.tax-product_cat .site-content{
  display:block !important;
}
body.woocommerce #primary,
body.woocommerce #primary.content-area,
body.woocommerce-page #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary{
  width:100% !important;
  max-width:100% !important;
  flex:1 1 100% !important;
  float:none !important;
  position:static !important;
  left:auto !important;
  right:auto !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  order:0 !important;
}
body.woocommerce #left-sidebar,
body.woocommerce #right-sidebar,
body.woocommerce-page #left-sidebar,
body.woocommerce-page #right-sidebar,
body.post-type-archive-product #left-sidebar,
body.post-type-archive-product #right-sidebar,
body.tax-product_cat #left-sidebar,
body.tax-product_cat #right-sidebar{
  display:none !important;
  width:0 !important;
}
body.woocommerce ul.products,
body.woocommerce-page ul.products{
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  justify-content:start !important;
}


/* ===== Sections "accueil" sur la boutique (rayons, marques, titres) ===== */
.dph-section{padding:48px 0;}
.dph-section-head{text-align:center;max-width:640px;margin:0 auto 34px;}
.dph-section-head .rule{width:60px;height:3px;background:var(--dph-gold);margin:0 auto 14px;border-radius:2px;}
.dph-section-head h2{font-size:30px;color:var(--dph-navy);margin:0 0 10px;}
.dph-section-head p{color:var(--dph-muted);font-size:15px;margin:0;}

.dph-rayons{background:#fff;}
.dph-rayon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;}
.dph-rayon{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 16px;border:1px solid var(--dph-border);border-radius:14px;text-decoration:none;background:#fff;transition:.15s;}
.dph-rayon:hover{border-color:var(--dph-navy);box-shadow:0 8px 24px rgba(13,42,79,.08);transform:translateY(-2px);}
.dph-rayon i{font-size:30px;color:var(--dph-navy);background:var(--dph-lightblue);width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;}
.dph-rayon span{font-weight:700;color:var(--dph-navy);font-size:14px;text-align:center;}

.dph-marques{background:var(--dph-gray);}
.dph-marque-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.dph-marque{background:#fff;border:1px solid var(--dph-border);border-radius:12px;padding:18px 28px;font-family:'Montserrat';font-weight:800;font-size:18px;color:var(--dph-navy);min-width:130px;text-align:center;}

.dph-shop-title{text-align:center;font-size:30px;color:var(--dph-navy);margin:10px 0 0;}

/* Sur la page d'accueil (= boutique) : masquer le gros titre "Boutique" + count + tri */
body.home .woocommerce-products-header,
body.home .woocommerce-result-count,
body.home .woocommerce-ordering{display:none !important;}