/*
Theme Name: Custom Basket
Theme URI: https://custombasketbymartitec.com
Author: Martitec
Description: Lightweight block theme, warm and artisanal, for Custom Basket by Martitec (WooCommerce).
Version: 1.2.1
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: custom-basket
*/

/* --- Détails de design que theme.json ne couvre pas --- */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:focus-visible{outline:3px solid var(--wp--preset--color--gold);outline-offset:3px}

.cb-announce{letter-spacing:.04em}
.cb-header{position:sticky;top:0;z-index:50;background:rgba(248,245,239,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--wp--preset--color--sand)}
.admin-bar .cb-header{top:32px}
.cb-logo a{text-decoration:none}
.cb-logo .cb-by{display:block;font-family:var(--wp--preset--font-family--sans);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--wp--preset--color--gold);font-weight:600;margin-top:-.15rem}
.cb-header .wp-block-navigation a{text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.cb-header .wp-block-navigation a:hover,.cb-header .wp-block-navigation .current-menu-item>a{border-color:var(--wp--preset--color--gold)}

.cb-eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--wp--preset--color--bronze);margin-bottom:.8rem}
.cb-hero-img img{border-radius:6px;box-shadow:0 24px 60px -28px rgba(42,31,20,.5);width:100%;height:auto}
.cb-step{background:#fff;border:1px solid var(--wp--preset--color--sand);border-radius:6px;padding:1.6rem 1.4rem;height:100%}
.cb-step .cb-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--wp--preset--color--gold);color:var(--wp--preset--color--night);font-weight:500;margin:0 0 .9rem}
.cb-band{border-radius:6px}

/* boutons : pilule */
.wp-block-button__link,.wp-element-button,.wc-block-components-button{border-radius:999px!important;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--night);color:var(--wp--preset--color--cream)}

/* WooCommerce : cartes produit */
.wc-block-grid__product,.wp-block-woocommerce-product-template li,ul.products li.product{background:#fff;border:1px solid var(--wp--preset--color--sand);border-radius:14px;padding:1rem;transition:border-color .15s,transform .15s}
.wc-block-grid__product:hover,ul.products li.product:hover{border-color:var(--wp--preset--color--gold);transform:translateY(-2px)}
.wc-block-grid__product-image img,ul.products li.product img{border-radius:10px}
.wc-block-grid__product-title,.woocommerce-loop-product__title{font-family:var(--wp--preset--font-family--serif);font-size:1.35rem!important;font-weight:600}
.wc-block-grid__product-price,.price{color:var(--wp--preset--color--espresso);font-weight:600}
.woocommerce-message,.wc-block-components-notice-banner{border-radius:10px}

/* fiche produit : le configurateur prend la scène */
.single-product .product_title,.single-product h1.wp-block-post-title{font-size:clamp(2rem,4vw,3rem)}

/* champs de formulaire */
input[type=text],input[type=email],input[type=search],input[type=number],input[type=tel],input[type=password],select,textarea{border:1.5px solid #cdbfa9;border-radius:8px;background:#fff;padding:.7rem .9rem;font:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--wp--preset--color--gold);outline:none;box-shadow:0 0 0 3px rgba(185,111,80,.2)}

/* pied de page */
.cb-topbar a,.cb-footer a{color:#e9dfcf;text-decoration:none}.cb-footer a:hover{text-decoration:underline;color:#fff}
.cb-footer .wp-block-page-list{list-style:none;padding:0;display:grid;gap:.45rem;margin:0}

@media(max-width:781px){.admin-bar .cb-header{top:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* logo */
.cb-logo-link{display:inline-flex;align-items:center;gap:.9rem;text-decoration:none!important;border:0!important}
.cb-logo-img{height:54px;width:auto;display:block}
.cb-logo-sub{font-family:var(--wp--preset--font-family--serif);font-weight:600;font-size:1.35rem;color:var(--wp--preset--color--bronze);padding-left:.9rem;border-left:1.5px solid var(--wp--preset--color--sand);line-height:1}
.cb-footer-logo{height:64px;width:auto;margin-bottom:.8rem}
@media(max-width:600px){.cb-logo-sub{display:none}.cb-logo-img{height:44px}}

/* style martitec.ma : barre du haut, bandeau de réassurance */
.cb-topbar{font-size:.8rem;letter-spacing:.06em}
.cb-topbar a{text-decoration:none}.cb-topbar a:hover{color:var(--wp--preset--color--gold)}
.cb-assure{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;text-align:center}
.cb-assure h3{font-size:1.2rem;margin:.2rem 0}.cb-assure p{font-size:.9rem;margin:0;color:#5a4d3e}
.cb-assure .cb-ico{display:block;width:42px;height:42px;margin:0 auto .4rem;color:var(--wp--preset--color--gold)}
@media(max-width:781px){.cb-assure{grid-template-columns:repeat(2,1fr)}}
.cb-footer .wp-block-heading{text-transform:none}

.cb-assure-cols{gap:1.2rem}.cb-assure-item{text-align:center}.cb-assure-item h3{font-size:1.2rem;margin:.2rem 0}.cb-assure-item p{font-size:.92rem;margin:0;color:#5a4d3e}.cb-ico{display:block;width:42px;height:42px;margin:0 auto .5rem;color:var(--wp--preset--color--gold)}

/* Fiche produit personnalisable : l'aperçu du configurateur remplace la galerie WooCommerce (indépendant du plugin) */
body:has(#mtc-root) .woocommerce-product-gallery,
body:has(#mtc-root) .wp-block-woocommerce-product-image-gallery,
body:has(#mtc-root) .wc-block-product-gallery,
body:has(#mtc-root) .wp-block-woocommerce-product-gallery,
body:has(#mtc-root) .wc-block-components-product-image-gallery{display:none!important}
body:has(#mtc-root) .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery,.wc-block-product-gallery,.wp-block-woocommerce-product-gallery)>.wp-block-column:has(.wp-block-woocommerce-product-image-gallery,.wc-block-product-gallery,.wp-block-woocommerce-product-gallery){display:none!important}
body:has(#mtc-root) .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery,.wc-block-product-gallery,.wp-block-woocommerce-product-gallery)>.wp-block-column{flex-basis:100%!important}

/* téléphone : barre du haut et page produit plus aérées */
@media(max-width:700px){
  .cb-topbar .alignwide{justify-content:center}
  .cb-topbar .alignwide>p:last-child{display:none}
  .cb-topbar{padding-top:.4rem!important;padding-bottom:.4rem!important}
  .cb-header{padding-top:.5rem!important;padding-bottom:.5rem!important}
  .single-product .wp-block-post-title,.single-product h1{font-size:1.9rem}
  .wp-block-columns{gap:1.2rem}
  body:has(#mtc-root) .wp-block-column{flex-basis:100%!important}
  .cb-step{padding:1.1rem 1rem}
  .cb-footer .wp-block-columns{gap:1.5rem}
}

.cb-footer-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}

/* top bar: icons */
.cb-social{list-style:none;margin:0;padding:0;display:flex;gap:1rem;align-items:center}
.cb-social a{display:flex;color:#e9dfcf}.cb-social a:hover{color:var(--wp--preset--color--gold)}
.cb-social svg{width:20px;height:20px}
@media(max-width:700px){
  .cb-topbar .alignwide>p{display:none}
  .cb-topbar .alignwide{justify-content:center}
  .cb-topbar{padding-top:.45rem!important;padding-bottom:.45rem!important}
  .cb-social{gap:1.6rem}
  .cb-logo-img{height:38px}
}

/* mobile: clean header like martitec.ma (logo + menu, cart kept) */
@media(max-width:700px){
  .cb-topbar{display:none!important}
  .cb-header .wp-block-woocommerce-customer-account{display:none}
  .cb-logo-img{height:40px}
}

/* mobile: menu + cart pinned to the far right */
@media(max-width:700px){
  .cb-header>.alignwide{width:100%;flex-wrap:nowrap!important;justify-content:space-between!important}
  .cb-header>.alignwide>.wp-block-group:last-child{margin-left:auto;flex-wrap:nowrap;gap:.9rem}
  .cb-header .wp-block-navigation{margin-left:auto}
}

/* navigation: desktop links, mobile dropdown (same look as martitec.ma menu) */
.cb-header{position:relative}
.cb-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:1.8rem}
.cb-nav-list a,.cb-menu-panel a{font-family:var(--wp--preset--font-family--sans);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;color:#1A1612;text-decoration:none}
.cb-nav-list a:hover,.cb-menu-panel a:hover{color:var(--wp--preset--color--bronze)}
.cb-menu{display:none}
.cb-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #1A1612;color:#1A1612}
.cb-menu summary::-webkit-details-marker{display:none}
.cb-menu .cb-ic-close{display:none}.cb-menu[open] .cb-ic-open{display:none}.cb-menu[open] .cb-ic-close{display:block}
.cb-menu-panel{list-style:none;margin:0;padding:.4rem 1.2rem 1rem;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e6dccb;box-shadow:0 12px 24px rgba(26,22,18,.12);z-index:50}
.cb-menu-panel li{border-bottom:1px solid #f0e8da}.cb-menu-panel li:last-child{border-bottom:0}
.cb-menu-panel a{display:block;padding:1.05rem 0}
@media(max-width:700px){.cb-nav-list{display:none}.cb-menu{display:block}}