/*
Theme Name: ShalomShop
Theme URI: https://shop.shalomtech.digital
Description: Thème boutique premium sur-mesure (enfant de Storefront) pour ShalomShop.
Author: Shalomtech
Template: storefront
Version: 1.0
*/

:root{
  --ss-ink:#0f172a; --ss-ink2:#334155; --ss-muted:#64748b;
  --ss-primary:#6d28d9; --ss-primary2:#7c3aed; --ss-accent:#f59e0b;
  --ss-bg:#ffffff; --ss-soft:#f8fafc; --ss-line:#e5e7eb;
  --ss-radius:16px;
}

/* ── BASE ─────────────────────────────────────────── */
body, .site{ font-family:'Inter',sans-serif; color:var(--ss-ink); background:var(--ss-bg); }
h1,h2,h3,h4,.site-title,.ss-hero-title{ font-family:'Poppins',sans-serif; letter-spacing:-.02em; }
a{ color:var(--ss-primary); }

/* ── HEADER ───────────────────────────────────────── */
.site-header{
  background:#0b1020 !important;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:sticky; top:0; z-index:999;
  box-shadow:0 6px 24px rgba(2,6,23,.12);
}
.site-header .site-title a,
.site-branding .site-title a{ color:#fff !important; font-weight:800; font-size:1.5rem; }
.site-header .site-description{ color:#94a3b8 !important; }
.storefront-primary-navigation, .main-navigation{ background:transparent !important; }
.main-navigation ul li a{ color:#e5e7eb !important; font-weight:600; font-size:.95rem; }
.main-navigation ul li a:hover{ color:#fff !important; }
.site-search .widget_product_search input[type=search],
.site-header .widget_product_search input{ border-radius:100px !important; }
.site-header-cart .cart-contents{ color:#fff !important; font-weight:600; }
button.menu-toggle, button.menu-toggle:hover{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:10px; }

/* ── HERO ─────────────────────────────────────────── */
.ss-hero{
  margin:-1px 0 3rem; padding:5rem 1.5rem;
  background:
    radial-gradient(800px 400px at 15% 0%, rgba(124,58,237,.25), transparent 60%),
    radial-gradient(700px 400px at 100% 20%, rgba(245,158,11,.18), transparent 55%),
    linear-gradient(135deg,#0b1020,#1e1b4b 60%,#4c1d95);
  color:#fff; border-radius:0 0 28px 28px; text-align:center;
}
.ss-hero-title{ font-size:clamp(2rem,5vw,3.6rem); font-weight:800; line-height:1.1; margin-bottom:1rem; }
.ss-hero-title span{ background:linear-gradient(120deg,#a78bfa,#f0abfc,#fbbf24); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.ss-hero p{ color:#cbd5e1; font-size:1.15rem; max-width:620px; margin:0 auto 2rem; }
.ss-btn{
  display:inline-block; padding:.95rem 2.2rem; border-radius:100px;
  background:linear-gradient(135deg,#7c3aed,#9333ea); color:#fff !important;
  font-weight:700; text-decoration:none; font-size:1.05rem;
  box-shadow:0 10px 30px rgba(124,58,237,.45); transition:transform .2s,box-shadow .2s;
}
.ss-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 40px rgba(124,58,237,.6); }

/* ── BANDEAU CONFIANCE ────────────────────────────── */
.ss-trust{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin:0 auto 3.5rem; max-width:1000px; }
.ss-trust div{ flex:1; min-width:200px; background:var(--ss-soft); border:1px solid var(--ss-line); border-radius:var(--ss-radius); padding:1.25rem; text-align:center; }
.ss-trust .i{ font-size:1.6rem; display:block; margin-bottom:.4rem; }
.ss-trust b{ display:block; font-family:'Poppins'; font-size:.98rem; }
.ss-trust small{ color:var(--ss-muted); }

/* ── TITRES DE SECTION ────────────────────────────── */
.ss-section-title{ text-align:center; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; margin:1rem 0 2rem; }
.ss-section-title:after{ content:''; display:block; width:64px; height:4px; margin:.7rem auto 0; border-radius:4px; background:linear-gradient(90deg,var(--ss-primary),var(--ss-accent)); }

/* ── CARTES PRODUIT ───────────────────────────────── */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff; border:1px solid var(--ss-line); border-radius:var(--ss-radius);
  padding:1rem !important; box-shadow:0 2px 10px rgba(2,6,23,.04);
  transition:transform .25s, box-shadow .25s, border-color .25s; text-align:center;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-6px); border-color:rgba(124,58,237,.35);
  box-shadow:0 20px 45px rgba(2,6,23,.12);
}
.woocommerce ul.products li.product img{ border-radius:12px; margin-bottom:.8rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-family:'Poppins'; font-weight:600; font-size:1rem; color:var(--ss-ink); }
.woocommerce ul.products li.product .price{ color:var(--ss-ink) !important; font-weight:800 !important; font-size:1.15rem !important; }
.woocommerce ul.products li.product .price del{ color:var(--ss-muted); font-weight:400; }
.woocommerce span.onsale{ background:var(--ss-accent); color:#111; border-radius:100px; padding:.2em .7em; min-height:auto; min-width:auto; line-height:1.6; font-weight:700; }

/* ── BOUTONS ──────────────────────────────────────── */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce a.button.alt, .woocommerce button.button.alt{
  background:linear-gradient(135deg,#6d28d9,#7c3aed) !important; color:#fff !important;
  border-radius:100px !important; font-weight:700 !important; padding:.7em 1.4em !important;
  box-shadow:0 6px 18px rgba(109,40,217,.35); transition:transform .2s, box-shadow .2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(109,40,217,.5); }

/* ── CATÉGORIES ───────────────────────────────────── */
.woocommerce ul.products li.product-category h2{ font-family:'Poppins'; font-weight:700; }

/* ── FOOTER ───────────────────────────────────────── */
.site-footer{ background:#0b1020 !important; color:#94a3b8 !important; }
.site-footer a{ color:#c4b5fd !important; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:768px){
  .ss-hero{ padding:3.5rem 1rem; }
  .ss-trust div{ min-width:140px; }
}

/* ── Correctifs ─────────────────────────────────────── */
.ss-hero-title{ color:#fff !important; }
.ss-hero p{ color:#cbd5e1 !important; }
.ss-btn, .ss-btn:hover, .ss-btn:focus{ text-decoration:none !important; color:#fff !important; }
/* masquer le titre de page "Accueil" sur la page d'accueil */
body.home .entry-header,
body.home header.entry-header,
body.home h1.entry-title{ display:none !important; }
/* hero pleine largeur du contenu, sans padding parasite */
body.home .site-main .hentry .entry-content{ margin-top:0; }

/* ── Finitions PRO v2 ───────────────────────────────── */
.ss-hero-inner{ max-width:720px; margin:0 auto; }
.ss-eyebrow{
  display:inline-block; padding:.35rem 1rem; margin-bottom:1.2rem;
  border:1px solid rgba(255,255,255,.22); border-radius:100px;
  font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:#c4b5fd; font-weight:600;
}
/* Badges confiance : icônes SVG dans une pastille */
.ss-trust div{ display:flex; flex-direction:column; align-items:center; gap:.15rem; }
.ss-trust .i{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin:0 auto .5rem; border-radius:14px; background:rgba(124,58,237,.10); font-size:0; }
.ss-trust .i svg{ width:26px; height:26px; stroke:var(--ss-primary); }
.ss-trust b{ color:var(--ss-ink); }

/* Bande CTA en bas d'accueil */
.ss-cta-band{
  margin:3.5rem 0 1rem; padding:3rem 1.5rem; text-align:center; border-radius:24px;
  background:linear-gradient(135deg,#0b1020,#3b0764); color:#fff;
}
.ss-cta-band h3{ font-family:'Poppins'; font-size:clamp(1.3rem,3vw,1.9rem); font-weight:800; margin-bottom:1.4rem; color:#fff; }

/* Grille produits un peu plus aérée */
.woocommerce ul.products{ gap:1.4rem 0; }

/* Cache le "Built with WooCommerce" du footer (tell générique) */
.storefront-credit .site-info a[href*="woocommerce"]{ display:none; }
.storefront-credit{ font-size:.8rem; }