/* ============================================================
   ScafJack : habillage de marque (fiches produit, panier, commande)
   Palette du logo : marine #06356f, or #ffac24. Poppins partout.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{--sjb-navy:#06356f;--sjb-navy-deep:#021a38;--sjb-gold:#ffac24;--sjb-gold-dark:#e8950a;--sjb-ink:#10203a;--sjb-paper:#f6f8fc;--sjb-line:rgba(6,53,111,.14);--sjb-ease:cubic-bezier(.2,.8,.2,1)}

body.woocommerce-page, body.single-product, body.woocommerce-page button, body.single-product button,
body.woocommerce-page input, body.single-product input, body.woocommerce-page select, body.single-product select,
body.woocommerce-page textarea, body.single-product textarea{font-family:'Poppins',system-ui,sans-serif}
body.woocommerce-page, body.single-product{color:var(--sjb-ink);background:#fff}

/* ---- En-tête du thème : bandeau marine + logo ---- */
body.woocommerce-page #site-header, body.single-product #site-header{
  background:linear-gradient(135deg,#06356f,#052c5d 60%,#021a38);
  border-bottom:3px solid var(--sjb-gold);
  padding:1rem 4vw;text-align:center}
body.woocommerce-page .site-title a, body.single-product .site-title a{
  font-size:0;display:inline-block;width:288px;height:59px;max-width:80vw;
  background:url('/wp-content/uploads/2026/07/logo-scafjack-1.png') center/contain no-repeat;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:transform .3s var(--sjb-ease)}
body.woocommerce-page .site-title a:hover, body.single-product .site-title a:hover{transform:scale(1.04)}
body.woocommerce-page .site-description, body.single-product .site-description{
  color:rgba(255,255,255,.72);font-size:.78rem;font-weight:500;letter-spacing:.04em;margin:.35rem 0 0}

/* ---- Conteneur et titres de page ---- */
body.woocommerce-page #content, body.single-product #content{max-width:1180px;margin:0 auto;padding:2.2rem 4vw 4rem}
.entry-title, .product_title{font-family:'Poppins',sans-serif!important;font-weight:800;letter-spacing:-.02em;color:var(--sjb-navy)}
.entry-title{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:0 0 1.4rem}
.product_title{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.12}

/* ---- Boutons : pilules or (primaires) / marine (secondaires) ---- */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .single_add_to_cart_button, .woocommerce .checkout-button, .woocommerce #place_order, a.wc-forward{
  background:var(--sjb-gold)!important;color:var(--sjb-navy)!important;
  font-family:'Poppins',sans-serif!important;font-weight:600!important;font-size:.97rem!important;
  border:none!important;border-radius:999px!important;padding:.85rem 1.6rem!important;line-height:1.2!important;
  box-shadow:0 4px 16px rgba(255,172,36,.35)!important;cursor:pointer;
  transition:transform .3s var(--sjb-ease),box-shadow .3s var(--sjb-ease)!important;text-decoration:none!important}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover, .woocommerce .checkout-button:hover, .woocommerce #place_order:hover, a.wc-forward:hover{
  background:var(--sjb-gold)!important;color:var(--sjb-navy)!important;
  transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,172,36,.5)!important}
/* secondaires : mettre à jour le panier, coupon */
.woocommerce-cart-form .actions .button, .checkout_coupon .button{
  background:var(--sjb-navy)!important;color:#fff!important;box-shadow:0 4px 14px rgba(6,53,111,.3)!important}
.woocommerce-cart-form .actions .button:hover, .checkout_coupon .button:hover{
  background:var(--sjb-navy)!important;color:#fff!important;box-shadow:0 10px 24px rgba(6,53,111,.42)!important}
.woocommerce .button:disabled, .woocommerce .button[disabled]{opacity:.55!important;transform:none!important}
.woocommerce #place_order{width:100%;font-size:1.05rem!important;padding:1rem 1.6rem!important}

/* ---- Prix ---- */
.woocommerce .price, .woocommerce-Price-amount{color:var(--sjb-navy);font-weight:700}
.woocommerce div.product p.price{font-size:1.7rem;font-weight:800;color:var(--sjb-navy)}
.tiered-pricing-dynamic-price-wrapper .woocommerce-Price-amount{color:var(--sjb-gold-dark)}

/* ---- Tables (panier, paliers, récap commande) ---- */
.woocommerce table.shop_table{border:1px solid var(--sjb-line)!important;border-radius:16px;overflow:hidden;border-collapse:separate!important;border-spacing:0}
.woocommerce table.shop_table th{background:var(--sjb-paper);color:var(--sjb-navy);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;padding:.9rem 1rem;border:none!important}
.woocommerce table.shop_table td{padding:.9rem 1rem;border:none!important;border-top:1px solid var(--sjb-line)!important;font-size:.95rem}
.woocommerce table.shop_table tbody tr{transition:background .25s}
.woocommerce table.shop_table tbody tr:hover{background:var(--sjb-paper)}
.woocommerce table.shop_table td.product-name a{color:var(--sjb-navy);font-weight:600;text-decoration:none}
.woocommerce a.remove{color:var(--sjb-navy)!important;background:var(--sjb-paper);border-radius:50%;width:26px;height:26px;line-height:24px;font-size:1.1rem;transition:all .25s var(--sjb-ease)}
.woocommerce a.remove:hover{background:var(--sjb-gold)!important;color:var(--sjb-navy)!important;transform:rotate(90deg)}

/* ---- Table des paliers (plugin tier-pricing-table) ---- */
.tpt__tiered-pricing table.tiered-pricing-table{margin:1rem 0}
.tiered-pricing-table .tiered-pricing--active, .tiered-pricing-table tr.tiered-pricing--active td{background:rgba(255,172,36,.16)!important}
.tiered-pricing-table tr{cursor:pointer}
.tiered-pricing-table td, .tiered-pricing-table th{font-size:.9rem!important}

/* ---- Quantité + champs de saisie ---- */
.woocommerce .quantity .qty, .woocommerce .input-text, .woocommerce select, .woocommerce textarea,
.woocommerce-billing-fields input.input-text, .woocommerce-billing-fields select{
  border:1.5px solid var(--sjb-line)!important;border-radius:12px!important;padding:.7rem .9rem!important;
  font-family:'Poppins',sans-serif!important;font-size:.95rem!important;color:var(--sjb-ink)!important;background:#fff!important;
  transition:border-color .25s,box-shadow .25s!important;outline:none!important}
.woocommerce .quantity .qty{width:84px;text-align:center;font-weight:600;color:var(--sjb-navy)!important}
.woocommerce .quantity .qty:focus, .woocommerce .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus{
  border-color:var(--sjb-gold)!important;box-shadow:0 0 0 3px rgba(255,172,36,.25)!important}
.woocommerce form .form-row label{font-weight:600;color:var(--sjb-navy);font-size:.85rem}
.select2-container--default .select2-selection--single{border:1.5px solid var(--sjb-line)!important;border-radius:12px!important;height:46px!important;padding:.45rem .5rem!important}

/* ---- Encarts commande / totaux ---- */
.woocommerce-checkout-payment, .cart_totals{background:var(--sjb-paper);border:1px solid var(--sjb-line);border-radius:16px;padding:1.2rem}
.cart_totals h2, .woocommerce-billing-fields h3, #order_review_heading{font-family:'Poppins',sans-serif;font-weight:700;color:var(--sjb-navy);font-size:1.2rem}
.woocommerce-checkout-payment{padding:0!important;overflow:hidden}
.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:12px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--sjb-line)!important;padding:1.2rem}
.woocommerce-checkout #payment div.form-row.place-order{padding:1.2rem}

/* ---- Messages et avis ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  border-top:none!important;border-left:4px solid var(--sjb-gold)!important;background:var(--sjb-paper)!important;
  color:var(--sjb-ink)!important;border-radius:12px;font-family:'Poppins',sans-serif}
.woocommerce-message::before, .woocommerce-info::before{color:var(--sjb-gold-dark)!important}
.woocommerce-error{border-left-color:#c0392b!important}

/* ---- Fiche produit : galerie, onglets, produits liés ---- */
.woocommerce div.product div.images img{border-radius:16px}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border-radius:16px;overflow:hidden}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin-bottom:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--sjb-paper)!important;border:1px solid var(--sjb-line)!important;border-radius:999px!important;margin:0 .5rem 0 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--sjb-navy)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--sjb-navy)!important;font-weight:600;font-family:'Poppins',sans-serif}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs .panel{border:1px solid var(--sjb-line);border-radius:16px;padding:1.9rem;margin-top:1.1rem}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{margin:0 0 .9rem;font-size:1.3rem}
.woocommerce ul.products li.product{border:1px solid var(--sjb-line);border-radius:16px;padding:1rem!important;transition:transform .3s var(--sjb-ease),box-shadow .3s}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(6,53,111,.12)}
.woocommerce ul.products li.product img{border-radius:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Poppins',sans-serif;font-weight:600;color:var(--sjb-navy)}
.woocommerce .related.products > h2, .woocommerce .cross-sells > h2{font-family:'Poppins',sans-serif;font-weight:700;color:var(--sjb-navy);letter-spacing:-.01em}

/* ---- Pied de page du thème sur ces pages ---- */
#page-footer .footer-copyright{display:none!important}
.sjb-credit{background:var(--sjb-navy-deep);color:rgba(255,255,255,.55);text-align:center;font:500 .8rem 'Poppins',sans-serif;padding:1.1rem 4vw;border-top:1px solid rgba(255,172,36,.25)}
.sjb-credit a{color:var(--sjb-gold);text-decoration:none;font-weight:600;transition:color .25s}
.sjb-credit a:hover{color:#ffc45e}
@media (prefers-reduced-motion: reduce){body.woocommerce-page *,body.single-product *{transition:none!important}}


/* ---- Table des paliers : cellules aérées ---- */
.tpt__tiered-pricing table.tiered-pricing-table td, .tpt__tiered-pricing table.tiered-pricing-table th{padding:.85rem 1.25rem!important}

/* ---- Galerie : flèches graphiques (remplace les mots Previous/Next) ---- */
.woocommerce div.product div.images .flex-viewport{border-radius:16px;overflow:hidden}
.woocommerce div.product div.images .flex-direction-nav{margin:0;padding:0;list-style:none}
.woocommerce div.product div.images .flex-direction-nav a{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92)!important;box-shadow:0 6px 18px rgba(6,53,111,.25);font-size:0!important;color:transparent!important;overflow:hidden;z-index:6;transition:background .25s,box-shadow .25s;text-decoration:none!important}
.woocommerce div.product div.images .flex-direction-nav a::before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border:solid var(--sjb-navy);border-width:0 0 3px 3px;border-radius:1px}
.woocommerce div.product div.images .flex-direction-nav .flex-prev{left:12px}
.woocommerce div.product div.images .flex-direction-nav .flex-next{right:12px}
.woocommerce div.product div.images .flex-direction-nav .flex-prev::before{transform:translate(-30%,-50%) rotate(45deg)}
.woocommerce div.product div.images .flex-direction-nav .flex-next::before{transform:translate(-70%,-50%) rotate(225deg)}
.woocommerce div.product div.images .flex-direction-nav a:hover{background:var(--sjb-gold)!important;box-shadow:0 8px 22px rgba(255,172,36,.45)}

/* ---- Vignettes : une rangée défilante ---- */
.woocommerce div.product div.images .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:.6rem;margin:.85rem 0 0!important;padding:0 0 .55rem;scrollbar-width:thin;scrollbar-color:var(--sjb-gold) #eaeff8}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar{height:8px}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track{background:#eaeff8;border-radius:8px}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb{background:var(--sjb-gold);border-radius:8px}
.woocommerce div.product div.images .flex-control-thumbs li{flex:0 0 86px;width:86px!important;float:none!important;margin:0!important}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:10px;border:2px solid transparent;opacity:.65;cursor:pointer;transition:opacity .25s,border-color .25s,transform .25s}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover{opacity:1;border-color:var(--sjb-gold);transform:translateY(-2px)}

/* ---- Cacher UGS / catégories / étiquettes ---- */
.single-product .product_meta{display:none!important}


/* ---- Avis de livraison (panier + commande) ---- */
.sjb-avis-livraison{background:linear-gradient(135deg,#06356f,#052c5d);color:#fff;border-left:4px solid var(--sjb-gold);border-radius:14px;padding:1rem 1.3rem;margin:0 0 1.5rem;font:400 .92rem/1.55 'Poppins',sans-serif}
.sjb-avis-livraison strong{color:var(--sjb-gold);font-weight:700}
.sjb-avis-livraison span{display:block;margin-top:.3rem;color:rgba(255,255,255,.78);font-size:.87rem}
.sjb-avis-livraison a{color:var(--sjb-gold)!important;font-weight:600;text-decoration:none!important;border-bottom:1px solid rgba(255,172,36,.5);transition:color .25s}
.sjb-avis-livraison a:hover{color:#ffc45e!important}


/* ---- Sélecteur de langue (pages boutique) ---- */
#site-header{position:relative}
.sjb-lang{position:absolute;top:50%;right:4vw;transform:translateY(-50%);display:inline-flex;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:2px;z-index:5}
.sjb-lang button{font-family:'Poppins',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.75);background:transparent;border:none;border-radius:999px;padding:.32rem .68rem;cursor:pointer;transition:background .25s,color .25s}
.sjb-lang button:hover{color:#fff}
.sjb-lang button.sjb-on{background:var(--sjb-gold);color:var(--sjb-navy)}
@media(max-width:600px){.sjb-lang{position:static;transform:none;margin-top:.7rem}}