/* Kanamusic — woocommerce.min.css : grille produits, prix, fiche produit */

/* ---------- Disposition boutique (sidebar + grille) ---------- */
.kana-woo{padding-top:8px}
.kana-shop-layout{display:block}
.kana-shop-layout.has-sidebar{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}
.kana-shop-sidebar{font-size:.9rem}
.kana-widget{margin-bottom:24px}
.kana-widget__title{text-transform:uppercase;font-size:.95rem;color:var(--kana-secondary);border-bottom:2px solid var(--kana-primary);padding-bottom:6px;margin-bottom:10px}
.kana-widget-search form{display:flex}
.kana-widget-search input{flex:1;border:1px solid var(--kana-border);border-right:0;padding:7px 10px;font-family:inherit;min-width:0;border-radius:3px 0 0 3px}
.kana-widget-search button{background:var(--kana-primary);color:#fff;border:0;padding:0 12px;border-radius:0 3px 3px 0;cursor:pointer}
.kana-cat-tree,.kana-cat-tree ul{list-style:none;margin:0;padding:0}
.kana-cat-tree li{border-bottom:1px solid #eee}
.kana-cat-tree a{display:block;padding:6px 4px;color:var(--kana-nav-link)}
.kana-cat-tree a:hover{color:var(--kana-primary)}
.kana-cat-tree li.current-cat > a{color:var(--kana-primary);font-weight:700}
.kana-cat-tree ul{padding-left:12px;border-top:1px solid #eee}
.kana-cat-tree ul li:last-child{border-bottom:0}

/* Barre de tri (toolbar) */
.woocommerce .woocommerce-result-count{color:var(--kana-nav-link);font-size:.85rem;margin:0;line-height:36px}
.woocommerce .woocommerce-ordering{margin-bottom:18px}
.woocommerce .woocommerce-ordering select{border:1px solid var(--kana-border);padding:7px 10px;font-family:inherit;background:#fff}
.woocommerce-products-header__title,.woocommerce div.product .product_title,.woocommerce .term-description{}
.woocommerce-products-header__title{text-transform:uppercase;font-size:1.5rem;color:var(--kana-secondary)}

@media(max-width:768px){.kana-shop-layout.has-sidebar{grid-template-columns:1fr}}

/* ---------- Compte : barre latérale (style ancien site) ---------- */
.woocommerce-account .woocommerce{display:flex;flex-wrap:wrap;gap:34px;align-items:flex-start}
/* Page de connexion (déconnecté) : pas d'écart 34px — réservé au tableau de bord (menu + contenu) */
.woocommerce-account:not(.logged-in) .woocommerce{gap:0}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{flex:1 0 100%}
.woocommerce-MyAccount-navigation{flex:0 0 220px;width:220px;float:none;margin:0}
.woocommerce-MyAccount-navigation::before{content:"MON COMPTE";display:block;text-transform:uppercase;font-weight:700;color:var(--kana-secondary);font-size:.95rem;border-bottom:2px solid var(--kana-primary);padding-bottom:6px;margin-bottom:8px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid #eee}
.woocommerce-MyAccount-navigation li a{display:block;padding:8px 4px;color:var(--kana-primary);font-size:.88rem}
.woocommerce-MyAccount-navigation li a:hover{color:var(--kana-primary-dark)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--kana-secondary);font-weight:700}
.woocommerce-MyAccount-content{flex:1;min-width:300px;float:none;width:auto;margin:0}
/* Cellule d'actions des commandes : boutons compacts alignés à droite qui s'empilent
   proprement (Payer / Voir / Annuler) au lieu de déborder de la cellule. */
td.woocommerce-orders-table__cell-order-actions{text-align:right;white-space:normal;vertical-align:middle}
td.woocommerce-orders-table__cell-order-actions .button{display:inline-block;margin:3px 0 3px 6px;padding:8px 14px;font-size:.72rem;white-space:nowrap}

/* ---------- Table liste d'envies ---------- */
.kana-wishlist-table{width:100%;border-collapse:collapse}
.kana-wishlist-table th{text-align:left;text-transform:uppercase;font-size:.78rem;color:var(--kana-muted);border-bottom:1px solid var(--kana-border);padding:8px}
.kana-wishlist-table td{border-bottom:1px solid #eee;padding:12px 8px;vertical-align:middle}
.wl-img img{width:70px;height:auto;margin:0}
.wl-name a{color:var(--kana-primary);font-weight:600;text-transform:uppercase;font-size:.84rem}
.wl-ref{display:block;color:var(--kana-muted);font-size:.74rem;margin-top:4px}
.wl-qty-input{width:56px;padding:6px;border:1px solid var(--kana-border);text-align:center;font-family:inherit}
.wl-price{font-weight:700;color:#333;white-space:nowrap}
.wl-actions{white-space:nowrap;text-align:right}
.wl-actions .wl-add{margin-right:10px}
.wl-remove{color:var(--kana-primary);font-size:1.05rem;margin:0 5px}
.wl-remove:hover{color:var(--kana-sale)}
.kana-wishlist-foot{margin-top:18px;text-align:right}

/* ---------- Panier : disposition 2 colonnes (style ancien site) ---------- */
.woocommerce-cart .woocommerce{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{flex:1 0 100%}
.woocommerce-cart .woocommerce-cart-form{flex:1 1 58%;min-width:340px;margin:0}
.woocommerce-cart .cart-collaterals{flex:1 1 32%;width:auto!important;min-width:280px;float:none!important}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important}
.woocommerce-cart .cart_totals > h2{text-transform:uppercase;font-size:1.05rem;background:var(--kana-light);border:1px solid var(--kana-border);border-bottom:0;margin:0;padding:12px 16px}
.woocommerce-cart .cart_totals table.shop_table{background:var(--kana-light);border:1px solid var(--kana-border)}
.woocommerce-cart .cart_totals .order-total .amount{color:var(--kana-secondary);font-size:1.15rem}
.woocommerce-cart .wc-proceed-to-checkout{padding:16px 0 0}
/* Bloc « Codes de remises » déplacé en haut de la colonne de droite (le coupon
   du pied de tableau est masqué). */
.woocommerce-cart td.actions .coupon{display:none}
.woocommerce-cart td.actions{text-align:right}
.kana-coupon-box{background:#fff;border:1px solid var(--kana-border);margin-bottom:20px}
.kana-coupon-box > h2{text-transform:uppercase;font-size:1.05rem;background:var(--kana-light);border-bottom:1px solid var(--kana-border);margin:0;padding:12px 16px;color:var(--kana-secondary)}
.kana-coupon-form{display:flex;gap:8px;padding:14px 16px}
.kana-coupon-form .input-text{flex:1;min-width:0;border:1px solid var(--kana-border);padding:8px 10px;font-family:inherit;font-size:.9rem;border-radius:2px;background:#fff}
.kana-coupon-form .button{white-space:nowrap}
/* Ligne « Frais de port » statique (calculée sur facturation) */
.woocommerce-cart .cart_totals .kana-shipping-invoiced th{font-weight:600}
.woocommerce-cart .cart_totals .kana-ship-note{display:block;font-weight:400;font-size:.72rem;line-height:1.3;color:var(--kana-muted);text-transform:none;letter-spacing:0;margin-top:3px}
/* Bouton « Commander » en haut du panier */
.kana-cart-top{flex:0 0 100%;display:flex;justify-content:flex-end;margin:0 0 14px}
.kana-cart-top-btn{background:#555;color:#fff}
.kana-cart-top-btn:hover{background:var(--kana-primary);color:#fff}
/* Bouton « Mettre à jour le panier » : garder le même gabarit désactivé/activé
   (WooCommerce retombe sinon sur son padding par défaut à l'état désactivé). */
.woocommerce button[name="update_cart"]:disabled,.woocommerce button[name="update_cart"][disabled],.woocommerce input[name="update_cart"]:disabled,.woocommerce input[name="update_cart"][disabled]{padding:11px 24px!important}
.kana-cart-note{font-size:.8rem;color:var(--kana-muted);padding:10px 0}
/* Page connexion : deux colonnes (invitation à gauche, connexion à droite) */
.kana-login-cols{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:0;margin-top:6px}
.kana-login-cols .u-column1,.kana-login-cols .u-column2{flex:1 1 0;min-width:300px}
.kana-login-cols .u-column1{padding:4px 44px 4px 0}
.kana-login-cols .u-column2{padding:4px 0 4px 44px;border-left:1px solid #e4e4e4}
.kana-login-cols h2{font-size:1.4rem;color:var(--kana-secondary);text-transform:none;margin:0 0 8px;padding:0;border:0}
.kana-login-new__lead{color:var(--kana-muted);font-style:italic;margin:0 0 14px}
.kana-login-new__perks{margin:0 0 22px;padding-left:18px;line-height:1.7}
.kana-login-existing form.login{border:0!important;padding:0!important;margin:0!important;border-radius:0}
.kana-login-cols .password-input{display:block;position:relative;width:100%}
.kana-login-cols .input-text,.kana-register .input-text{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:2px;background:#fff;font-size:.95rem}
.kana-login-cols .form-row{margin:0 0 14px}
.woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:6px;margin-right:16px}
.woocommerce #customer_login .kana-btn-create,.kana-register .kana-btn-create{background:#555;color:#fff;border:0;display:inline-block;padding:11px 26px;text-transform:uppercase;font-size:.78rem;letter-spacing:.03em;border-radius:2px;cursor:pointer}
.woocommerce #customer_login .kana-btn-create:hover,.kana-register .kana-btn-create:hover{background:#3f3f3f;color:#fff}
@media(max-width:768px){.kana-login-cols .u-column2{border-left:0;padding:20px 0 4px}.kana-login-cols .u-column1{padding:4px 0 20px;border-bottom:1px solid #e4e4e4;margin-bottom:16px}}
/* Page inscription */
.kana-register .kana-register-form{max-width:660px}
.kana-register-grid{display:flex;gap:22px;flex-wrap:wrap}
.kana-register-grid .form-row{flex:1 1 0;min-width:240px}
.kana-register .form-row{margin-bottom:16px}
.kana-register .password-input{display:block;position:relative;width:100%}
.kana-register .show-password-input{display:none}
.kana-register .kana-newsletter{background:#f5f5f5;padding:10px 12px;border-radius:2px}
.kana-register-actions{display:flex;align-items:center;gap:20px;margin-top:12px;flex-wrap:wrap}
.kana-register-back{color:#1a6a94;text-decoration:underline}
.kana-required-note{color:#c0392b;font-size:.8rem;margin-left:auto}
.kana-register .woocommerce-error,.kana-register .woocommerce-message,.kana-register ul.woocommerce-error{list-style:none;margin:0 0 18px;padding:12px 16px;border-radius:2px}
.kana-register .woocommerce-error{background:#fdecea;border:1px solid #f5c6cb;color:#a12622}
.kana-register .woocommerce-error::before,.kana-register .woocommerce-message::before{display:none}
.kana-register .woocommerce-error li,.kana-register .woocommerce-message li{padding:0;margin:0}
.kana-register .woocommerce-message{background:#eafaf1;border:1px solid #b7e4c7;color:#1e7e46}
.kana-register .woocommerce-privacy-policy-text{color:var(--kana-muted);font-size:.88rem;margin:4px 0 18px}
.woocommerce-LostPassword a,.woocommerce-privacy-policy-link{color:#1a6a94}
.woocommerce-privacy-policy-text a{text-decoration:underline}
.woocommerce form .show-password-input{width:24px;height:24px}
@media(max-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation{flex:1 0 100%;width:100%}
  .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals{flex:1 0 100%}
}

.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px;margin:0;padding:0;list-style:none}
/* Neutraliser les pseudo-éléments clearfix qui occupent une cellule de grille */
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{text-align:center;margin:0!important;float:none!important;width:auto!important;display:flex!important;flex-direction:column;height:100%}
.woocommerce ul.products li.product::before,.woocommerce ul.products li.product::after{content:none!important;display:none}
/* Image de produit à hauteur constante (grille) */
.woocommerce ul.products li.product a img{height:180px;width:auto;max-width:100%;object-fit:contain;margin:0 auto 12px}
/* Bouton « Ajouter au panier » / « Épuisé » aligné en bas de chaque carte */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .kana-epuise,
.woocommerce ul.products li.product .kana-login-to-order{margin-top:auto}
.woocommerce ul.products li.product .woocommerce-loop-product__title{text-transform:uppercase;font-size:.86rem;font-weight:500;color:var(--kana-secondary);padding:0 4px}
.woocommerce ul.products li.product .kana-loop-sku{display:block;font-size:.74rem;color:var(--kana-nav-link);margin:2px 0 6px;padding:0 4px}
.woocommerce ul.products li.product .price{color:#333;font-size:1rem;font-weight:700;font-family:"Helvetica Neue",Verdana,Arial,sans-serif}
/* Rupture de stock (boucle) */
.kana-epuise{display:inline-block;color:var(--kana-nav-link);font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.03em;padding:8px 0}
/* Liens liste d'envies / comparateur */
.kana-prod-links{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.kana-prod-links a{color:var(--kana-primary);font-size:.78rem}
.kana-prod-links a:hover{color:var(--kana-primary-dark);text-decoration:underline}
.kana-prod-links a.is-active{color:var(--kana-accent);font-weight:600}
.kana-prod-links--single{flex-direction:row;gap:18px;margin-top:14px;clear:both}
/* Table de comparaison */
.kana-compare-wrap{overflow-x:auto}
.kana-compare-table{width:100%;border-collapse:collapse}
.kana-compare-table th,.kana-compare-table td{border:1px solid var(--kana-border);padding:12px;text-align:center;vertical-align:middle}
.kana-compare-table th{background:var(--kana-light);text-transform:uppercase;font-size:.8rem;width:130px;text-align:left}
.kana-compare-table img{margin:0 auto}
.woocommerce ul.products li.product .price del{color:var(--kana-nav-link);font-weight:400}
.woocommerce ul.products li.product .price ins{color:var(--kana-sale);text-decoration:none}
.woocommerce .kana-price-locked,.woocommerce .kana-login-to-order{color:var(--kana-primary);font-weight:600;font-size:.85rem}
.woocommerce span.onsale{background:var(--kana-sale);color:#fff}
.woocommerce .star-rating span{color:var(--kana-accent)}

/* ---------- Fiche produit ---------- */
.woocommerce div.product{display:flex;flex-wrap:wrap;gap:32px;position:relative}
.woocommerce div.product .woocommerce-product-gallery{flex:0 0 44%;max-width:44%;margin:0}
/* Plafonner la hauteur de l'image produit sans toucher au carrousel flexslider
   (on n'agit que sur l'<img> : le lightbox et la navigation restent intacts). */
.woocommerce div.product .woocommerce-product-gallery__image img{max-height:430px!important;width:auto!important;max-width:100%!important;margin:0 auto!important;display:block}
/* Vignettes de navigation de la galerie : non recadrées mais COMPACTES.
   Spécificité + !important nécessaires pour battre le CSS par défaut de WooCommerce
   (.woocommerce-product-gallery .flex-control-thumbs img{width:100%}) qui les rendait
   très hautes. Boîte portrait fixe 68×108, object-fit:contain → instrument entier, court. */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li{width:auto!important;margin:0!important;float:none!important}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img{width:68px!important;height:108px!important;object-fit:contain!important;padding:4px;background:#fff;border:1px solid var(--kana-border);opacity:.55;cursor:pointer;transition:opacity .2s}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img:hover,.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{opacity:1}
.woocommerce div.product .summary{flex:1;min-width:300px;margin:0;position:relative;font-family:"Helvetica Neue",Verdana,Arial,sans-serif}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related.products,.woocommerce div.product .upsells.products{flex:1 0 100%}
.woocommerce div.product .product_title{text-transform:uppercase;font-size:1.5rem;margin-bottom:10px}
/* SKU affiché en premier (au-dessus du titre) — petit texte, même style que le meta du bas */
.woocommerce div.product .summary .kana-single-sku{font-size:.9rem;color:var(--kana-text);margin:0 0 6px;font-family:"Helvetica Neue",Verdana,Arial,sans-serif}
/* SKU déplacé en haut → masquer le doublon dans le bloc meta du bas (les catégories restent) */
.woocommerce div.product .product_meta .sku_wrapper{display:none}
/* Statut de stock — sur la même ligne que le prix (comme l'ancien site) */
.kana-stock{display:inline-block;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em;margin:0;line-height:2.6;vertical-align:middle}
.kana-stock.in-stock{color:var(--kana-instock)}
.kana-stock.out-of-stock{color:var(--kana-nav-link)}
.woocommerce div.product .product_meta a{color:var(--kana-primary-dark)}
/* Prix en noir, aligné à droite */
.woocommerce div.product p.price,.woocommerce div.product .summary > .price{float:right;color:#111;font-weight:700;font-size:1.7rem;font-family:"Helvetica Neue",Arial,sans-serif;margin:0 0 8px;line-height:1}
.woocommerce div.product p.price .kana-price-locked,.woocommerce div.product p.price ins{color:var(--kana-primary)}
.woocommerce div.product .woocommerce-product-details__short-description{clear:both;color:var(--kana-text);font-size:.9rem;padding-top:8px;line-height:1.6}
/* Onglets */
.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--kana-border);display:flex;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;border:0;content:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--kana-light);border:1px solid var(--kana-border);border-bottom:0;margin:0 3px -1px 0;border-radius:3px 3px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:10px 18px;color:var(--kana-nav-link);text-transform:uppercase;font-size:.78rem;font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--kana-secondary)}
.woocommerce div.product .woocommerce-tabs .panel{padding:20px 4px;font-family:"Helvetica Neue",Verdana,Arial,sans-serif}
.woocommerce table.shop_attributes th{width:250px}
.woocommerce div.product .woocommerce-Tabs-panel h2{font-size:1.1rem;text-transform:uppercase}
/* Produits similaires / suggérés */
.woocommerce .related.products > h2,.woocommerce .upsells.products > h2{font-size:1.3rem;text-transform:uppercase;color:var(--kana-secondary);margin:36px 0 18px;clear:both;width:100%}
/* Avis B2B */
.kana-dealer-notice{padding:16px;background:var(--kana-light);border:1px solid var(--kana-border);border-radius:4px;clear:both}
.kana-dealer-notice__text{margin:10px 0 0;font-size:.85rem;color:var(--kana-nav-link)}
@media(max-width:768px){.woocommerce div.product .woocommerce-product-gallery{flex:1 0 100%;max-width:100%}.woocommerce div.product .product_title{padding-right:0}.woocommerce div.product p.price{float:none}}

/* Pagination / messages */
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--kana-primary)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span.current{color:var(--kana-primary-dark)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--kana-primary-dark);color:#fff}

/* !important nécessaire : la règle de base (repeat(4,1fr)!important) surchargeait sinon
   ces media queries → la grille restait à 4 colonnes même sur mobile. */
@media(max-width:991px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)!important;gap:16px}}
@media(max-width:600px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px}}