/* Beron Gallery Rail : habillage WooCommerce (chargé seulement si WooCommerce est actif) */

/* Messages */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice,.woocommerce-NoticeGroup .woocommerce-error{
  background:#111!important;color:#F5F3EA!important;border:2px solid #D4E600!important;border-radius:3px}
.woocommerce-error{border-color:#ff7a6b!important}
.woocommerce-message a,.woocommerce-info a{color:#D4E600}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{color:#D4E600!important}
.woocommerce-error::before{color:#ff7a6b!important}

/* Fil d'Ariane, tri, résultats */
.woocommerce-breadcrumb,.woocommerce-breadcrumb a{color:#aaa!important;font-size:.85rem}
.woocommerce-result-count{color:#aaa}
.woocommerce-ordering select,.orderby{background:#111;color:#F5F3EA;border:2px solid #444;border-radius:3px;padding:8px 12px}

/* Grille boutique */
ul.products,.woocommerce ul.products{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(195px,1fr))!important;gap:16px!important;list-style:none;margin:0 0 40px!important;padding:0!important}
ul.products li.product{
  position:relative;margin:0!important;width:auto!important;float:none!important;padding:0 0 18px!important;background:#1b1b1a;overflow:hidden;text-align:left;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s}
ul.products li.product:hover{outline-color:#D4E600}
/* Image : bloc à ratio fixe avec motif de repli si l'image est absente ou ne charge pas */
ul.products li.product figure,ul.products li.product .ct-media-container,ul.products li.product>a>.ct-media-container{
  display:block;position:relative;margin:0 0 12px!important;overflow:hidden;aspect-ratio:4/5!important;
  background:#D4E600 url(../img/motif-strip-a.jpg) center/cover}
ul.products li.product figure img,ul.products li.product .ct-media-container img{
  width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;color:transparent;font-size:0}
ul.products li.product>a>img,ul.products li.product>a.woocommerce-LoopProduct-link>img{
  width:100%!important;aspect-ratio:4/5;object-fit:cover;display:block;margin:0 0 12px!important;background:#D4E600 url(../img/motif-strip-a.jpg) center/cover;color:transparent;font-size:0}

ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2{font:800 1rem 'Syne',system-ui,sans-serif!important;color:#D4E600!important;padding:0 16px;margin:0 0 6px}
ul.products li.product .price{display:block;padding:0 16px;color:#F5F3EA!important;font-size:.95rem;margin-bottom:12px}
ul.products li.product .price del{color:#888}
ul.products li.product .price ins{text-decoration:none;color:#D4E600}
ul.products li.product .button{margin:0 16px!important}
ul.products li.product .star-rating{margin:0 16px 8px}

/* Boutons WooCommerce */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.wc-block-components-button,.wp-element-button.wc-block-components-button{
  background:transparent!important;color:#D4E600!important;border:2px solid #D4E600!important;border-radius:3px!important;
  padding:.75em 1.4em!important;font:500 .9rem 'Space Grotesk',system-ui,sans-serif!important;text-transform:none;transition:background .15s,color .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wc-block-components-button:hover{
  background:#D4E600!important;color:#111!important}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.single_add_to_cart_button,#place_order,.checkout-button{
  background:#D4E600!important;color:#111!important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover,#place_order:hover,.checkout-button:hover{
  background:transparent!important;color:#D4E600!important}
.woocommerce a.button.disabled,.woocommerce button.button:disabled{opacity:.4}

/* Pastille promo / vendu */
.woocommerce span.onsale,span.onsale{background:#D4E600!important;color:#111!important;border-radius:3px!important;min-height:0!important;min-width:0!important;padding:3px 10px!important;line-height:1.5!important;font-size:.72rem;top:10px!important;left:10px!important;right:auto!important}
.out-of-stock-badge,.ct-woo-badge-out-of-stock{background:#F5F3EA!important;color:#111!important;border-radius:3px}
.stock.out-of-stock{color:#F5F3EA}
.stock.in-stock{color:#D4E600}

/* Fiche produit */
.woocommerce div.product .product_title{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#D4E600!important;font:800 1.5rem 'Syne',system-ui,sans-serif}
.woocommerce-product-gallery__image img,.woocommerce-product-gallery .flex-viewport{border:2px solid #D4E600}
.woocommerce-product-gallery .flex-control-thumbs img{border:2px solid transparent}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:#D4E600}
.woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:2px solid #333;list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;margin:0}
.woocommerce-tabs ul.tabs li a{color:#F5F3EA!important;padding:10px 16px;display:block}
.woocommerce-tabs ul.tabs li.active a{color:#111!important;background:#D4E600}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.related.products>h2,.upsells>h2,.cross-sells>h2{font-size:1.6rem;margin:48px 0 20px}
.product_meta{font-size:.88rem;color:#aaa}
.product_meta a{color:#D4E600}

/* Quantité, champs */
.quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-page input[type=text],.woocommerce-page input[type=email],.woocommerce-page input[type=tel],.woocommerce-page input[type=password],.woocommerce-page input[type=number],.woocommerce-page textarea,
.wc-block-components-text-input input,.wc-block-components-textarea,.wc-blocks-components-select__select{
  background:#111!important;color:#F5F3EA!important;border:2px solid #444!important;border-radius:3px!important;padding:.65em .9em}
.quantity .qty:focus,.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:#D4E600!important;outline:none}
.woocommerce form .form-row label,.wc-block-components-text-input label{color:#F5F3EA!important}
.select2-container--default .select2-selection--single{background:#111!important;border:2px solid #444!important;border-radius:3px;height:auto;padding:6px 4px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#F5F3EA!important}
.select2-dropdown{background:#111!important;border:2px solid #D4E600!important;color:#F5F3EA}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#D4E600!important;color:#111!important}

/* Panier et commande (shortcodes) */
.woocommerce table.shop_table{border:2px solid #333!important;border-radius:3px;border-collapse:collapse;background:#111;color:#F5F3EA}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:#333!important;color:#F5F3EA!important;padding:14px}
.woocommerce table.shop_table th{font-family:'Syne',system-ui,sans-serif;color:#D4E600!important}
.woocommerce-cart table.cart img{width:72px;border:2px solid #D4E600}
.woocommerce a.remove{color:#D4E600!important;border:1px solid #D4E600}
.woocommerce a.remove:hover{background:#D4E600!important;color:#111!important}
.cart_totals h2,.woocommerce-billing-fields h3,#order_review_heading,.woocommerce-additional-fields h3{font-size:1.5rem}
#payment,.woocommerce-checkout #payment{background:#111!important;border:2px solid #333;border-radius:3px}
#payment ul.payment_methods{border-color:#333!important}
#payment div.payment_box{background:#1b1b1a!important;color:#F5F3EA!important}
#payment div.payment_box::before{border-bottom-color:#1b1b1a!important}
.woocommerce-checkout #payment div.form-row{padding:16px}

/* Panier et commande (blocs) */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout,.wc-block-cart,.wc-block-checkout{color:#F5F3EA}
.wc-block-components-totals-wrapper,.wc-block-cart-items,.wc-block-cart-items td,.wc-block-cart-items th{border-color:#333!important}
.wc-block-components-product-name{color:#D4E600!important}
.wc-block-components-order-summary,.wc-block-components-sidebar-layout .wc-block-components-main{color:#F5F3EA}
.wc-block-components-radio-control__option,.wc-block-components-checkbox__label{color:#F5F3EA}

/* Compte client : mise en page native de Blocksy, couleurs du thème */
.woocommerce-MyAccount-navigation li a{color:#F5F3EA}
.woocommerce-MyAccount-navigation li.is-active a{background:#D4E600!important;color:#111!important}
.woocommerce-MyAccount-navigation li.is-active a svg,.woocommerce-MyAccount-navigation li.is-active a svg *{color:#111;fill:currentColor}
.woocommerce-MyAccount-navigation li:not(.is-active) a:hover{color:#111!important;background:#D4E600!important}
.woocommerce-MyAccount-content{min-width:0}

/* Pagination */
.woocommerce-pagination ul{border:0!important;display:flex;gap:6px;justify-content:center;padding:0}
.woocommerce-pagination ul li{border:0!important;background:transparent!important}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{border:2px solid #D4E600;border-radius:3px;color:#D4E600!important;background:transparent!important;padding:6px 14px}
.woocommerce-pagination ul li span.current,.woocommerce-pagination ul li a:hover{background:#D4E600!important;color:#111!important}

/* Mini panier et panneaux Blocksy */
.ct-panel .ct-panel-inner,.ct-drawer-canvas .ct-panel-inner{background:#111!important;color:#F5F3EA}
.woocommerce-mini-cart__total,.woocommerce-mini-cart-item a{color:#F5F3EA}
.woocommerce-mini-cart__total .amount{color:#D4E600}

/* Avis */
.woocommerce #reviews #comments ol.commentlist li .comment-text{border:2px solid #333;border-radius:3px;background:#111}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:#D4E600}

@media(max-width:800px){ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){ul.products{grid-template-columns:1fr!important}}

ul.products li.product a{text-decoration:none}
ul.products li.product a.button{display:inline-block}


/* ---------- BOUTIQUE : vue compacte (5 à 6 produits par ligne sur ordinateur) ---------- */
ul.products li.product{padding-bottom:14px!important}
ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2{font-size:.88rem!important;padding:0 12px;line-height:1.25}
ul.products li.product .price{padding:0 12px;font-size:.85rem;margin-bottom:10px}
ul.products li.product .button,ul.products li.product a.button{margin:0 12px!important;padding:7px 12px!important;font-size:.76rem!important}
ul.products li.product .ct-woo-card-extra,ul.products li.product .product-categories,ul.products li.product .posted_in{padding:0 12px}
.woocommerce-result-count{margin:0 0 14px!important;font-size:.72rem}
.woocommerce-ordering{margin:0 0 14px!important}
.woocommerce-ordering select{padding:6px 10px;font-size:.82rem}
@media(min-width:1500px){ul.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}}
@media(max-width:800px){ul.products{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}

.woocommerce-MyAccount-navigation li a:hover,.woocommerce-MyAccount-navigation li a:focus,.woocommerce-MyAccount-navigation li.is-active a{color:#111!important}
.woocommerce-MyAccount-navigation li a:hover svg,.woocommerce-MyAccount-navigation li a:hover svg *,.woocommerce-MyAccount-navigation li a:focus svg{color:#111!important;fill:currentColor!important}

/* Liste de tri : options lisibles (fond sombre, texte clair) */
.woocommerce-ordering select option,select.orderby option{background:#111!important;color:#F5F3EA!important}
.woocommerce-ordering select option:checked,.woocommerce-ordering select option:hover{background:#D4E600!important;color:#111!important}
select option{background:#111;color:#F5F3EA}


/* ---------- FICHE PRODUIT : mise en page compacte ---------- */
.single-product div.product{display:block!important;width:100%;max-width:100%}
.single-product div.product>.woocommerce-product-gallery,.single-product div.product .ct-product-gallery,.single-product div.product .woocommerce-product-gallery{
  width:100%!important;max-width:100%;float:none!important;margin:0!important;position:relative}
.single-product .woocommerce-product-gallery img,.single-product .ct-product-gallery img,.single-product div.product .ct-media-container img{
  width:auto!important;max-width:100%!important;max-height:72vh;height:auto!important;object-fit:contain;display:block;margin:0 auto;background:transparent}
.single-product .ct-media-container,.single-product .woocommerce-product-gallery__image{aspect-ratio:auto!important;max-height:72vh}
.single-product div.product .entry-summary,.single-product div.product .summary{width:100%!important;float:none!important;margin:0!important;padding:0!important;min-width:0}
.single-product .product_title,.single-product h1.product_title{font-size:clamp(1.4rem,2.2vw,1.9rem)!important;line-height:1.15!important;margin:0 0 8px!important}
.single-product .summary .price,.single-product .entry-summary .price{font:700 1.15rem 'Space Grotesk',system-ui,sans-serif!important;color:#F5F3EA!important;margin:0 0 14px!important}
.single-product .summary .price ins,.single-product .summary .price ins *{color:#D4E600!important;text-decoration:none}
.single-product .summary .price del{opacity:.55;font-size:.9rem}
.single-product .summary .woocommerce-product-details__short-description{font-size:.95rem;line-height:1.6;margin:0 0 16px}
.single-product .summary hr,.single-product .entry-summary hr{margin:14px 0!important;border-color:#333}
.single-product .summary .stock{margin:0 0 12px;font-size:.9rem}
.single-product .summary form.cart{margin:0 0 16px!important;display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.single-product .summary .single_add_to_cart_button{flex:1 1 200px;padding:12px 18px!important;font-size:.9rem!important;width:auto!important}
.single-product .summary .product_meta{font-size:.78rem;margin:16px 0 0;padding-top:12px;border-top:1px solid #333;letter-spacing:.04em}
.single-product .woocommerce-breadcrumb,.single-product .ct-breadcrumbs{font-size:.7rem!important;margin:0 0 12px!important}
.single-product .woocommerce-tabs,.single-product .related.products,.single-product .up-sells{grid-column:1/-1}
.single-product .related.products>h2{font-size:1.3rem;margin:32px 0 16px}
@media(max-width:800px){
  .single-product div.product{display:block}
  .single-product div.product .entry-summary,.single-product div.product .summary{margin-top:24px!important}
  .single-product .woocommerce-product-gallery img,.single-product .ct-product-gallery img{max-height:60vh}
}


/* Fiche produit v2 : la grille s'applique au bloc image + résumé de Blocksy */
.single-product .product-entry-wrapper,.single-product div.product>.ct-container-full,.single-product div.product>.product-entry-wrapper{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;width:100%!important;max-width:100%!important;margin:0 0 28px!important}
.single-product .product-entry-wrapper>*{min-width:0;max-width:100%!important;width:100%!important;margin:0!important}
.single-product .woocommerce-product-gallery{display:flex;justify-content:flex-start;opacity:1!important}
.single-product .woocommerce-product-gallery__wrapper,.single-product .woocommerce-product-gallery__image{width:100%!important;margin:0!important}
.single-product .woocommerce-product-gallery img{margin:0!important;border:2px solid #D4E600;max-height:70vh!important}
.single-product .flex-control-thumbs{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.single-product .flex-control-thumbs li{width:64px!important;margin:0!important}
.single-product .woocommerce-tabs{width:100%!important;max-width:100%!important;margin:8px 0 32px!important;padding:0!important}
.single-product .woocommerce-tabs ul.tabs{margin-bottom:16px}
.single-product .woocommerce-Tabs-panel{padding:0!important;font-size:.95rem;line-height:1.65;max-width:75ch}
.single-product .woocommerce-Tabs-panel>h2{display:none}
.single-product .woocommerce-Tabs-panel--description img,.single-product .woocommerce-Tabs-panel--description figure{display:none!important}
.single-product div.product>.ct-container,.single-product #main>.ct-container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}
@media(max-width:800px){.single-product .product-entry-wrapper{display:block!important}.single-product .product-entry-wrapper>*{margin-bottom:22px!important}}


/* ---------- FICHE PRODUIT v3 : gabarit maison (woocommerce/content-single-product.php) ---------- */
.single-product .bg-product{display:block!important;width:var(--theme-container-width,calc(100% - 48px));max-width:var(--theme-normal-container-max-width,1290px);margin:0 auto!important;padding:8px 0 40px;box-sizing:border-box}
.single-product .bg-product__top{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.single-product .bg-product__media{position:relative;min-width:0}
.single-product .bg-product__media *{max-width:100%}
.single-product .bg-product__media .woocommerce-product-gallery,
.single-product .bg-product__media [class*="product-gallery"]{width:100%!important;float:none!important;margin:0!important;padding:0!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important}
.single-product .bg-product__media img{width:100%!important;height:auto!important;max-height:74vh;object-fit:contain;display:block;margin:0!important;border:2px solid #D4E600;background:#111}
.single-product .bg-product__media .onsale{position:absolute;top:12px;left:12px;z-index:3;margin:0!important}
.single-product .bg-product__info{width:100%!important;float:none!important;margin:0!important;padding:0!important;min-width:0}
.single-product .bg-product__more{margin-top:28px}
.single-product .bg-product__more .woocommerce-tabs{margin:0 0 28px!important;width:100%!important;max-width:100%!important}
.single-product .bg-product__more .related,.single-product .bg-product__more .up-sells{margin-top:36px}
@media(max-width:800px){
  .single-product .bg-product{width:calc(100% - 40px)}
  .single-product .bg-product__top{display:block!important}
  .single-product .bg-product__info{margin-top:22px!important}
}


/* ---------- FICHE PRODUIT v4 : sélecteurs renforcés (priorité sur Blocksy et sur les règles précédentes) ---------- */
html body.single-product div.bg-product.product{
  display:block!important;float:none!important;position:static!important;
  width:calc(100% - 96px)!important;max-width:1240px!important;margin:0 auto!important;padding:24px 0 48px!important;box-sizing:border-box!important}
html body.single-product div.bg-product .bg-product__top{
  display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important;gap:56px!important;align-items:start!important;width:100%!important}
html body.single-product div.bg-product .bg-product__media,
html body.single-product div.bg-product .bg-product__info{width:auto!important;max-width:100%!important;float:none!important;margin:0!important;min-width:0!important}
html body.single-product div.bg-product .bg-product__more{width:100%!important;clear:both}
@media(max-width:800px){
  html body.single-product div.bg-product.product{width:calc(100% - 40px)!important;padding-top:16px!important}
  html body.single-product div.bg-product .bg-product__top{display:block!important}
  html body.single-product div.bg-product .bg-product__info{margin-top:22px!important}
}
