/* ============================================================
   Fiche produit Zestline — d'après la maquette Figma "lucie-1"
   Structure de la maquette + polices/couleurs/paramètres Zestline.
   (tokens définis dans style.css : --zl-serif, --zl-sans,
    --zl-ink, --zl-red, --zl-caramel, --zl-muted, --zl-cream, --zl-line)
   ============================================================ */

/* Dégage le contenu sous le header transparent */
.single-product #main{
	padding-top: 370px;
}

/* Proportion galerie / infos (variable native Blocksy — pas d'override de layout) */
.single-product div.product{
	--product-gallery-width: 62%;
}

/* ============ GALERIE : grille 2 colonnes ============ */
.single-product .woocommerce-product-gallery .flexy,
.single-product .woocommerce-product-gallery .flexy-view,
.single-product .woocommerce-product-gallery .flexy-container{
	overflow: visible;
}
.single-product .woocommerce-product-gallery .flexy-items{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	transform: none !important;   /* neutralise le slider */
	width: 100% !important;
}
.single-product .woocommerce-product-gallery .flexy-item{
	width: 100% !important;
	margin: 0 !important;
	opacity: 1 !important;
}
.single-product .woocommerce-product-gallery figure.ct-media-container{
	border-radius: 6px;
	overflow: hidden;
	aspect-ratio: 4 / 5;
}
.single-product .woocommerce-product-gallery figure.ct-media-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* on masque les miniatures / puces du slider, inutiles en grille */
.single-product .woocommerce-product-gallery .flexy-pills,
.single-product .woocommerce-product-gallery .flexy-controls,
.single-product .woocommerce-product-gallery [data-flexy-arrow]{
	display: none !important;
}

/* ============ COLONNE INFOS ============ */
.single-product .summary.entry-summary{
	--product-element-spacing: 26px;
}

/* Accroche (catégorie) ajoutée avant le titre */
.single-product .zl-eyebrow{
	font-family: var(--zl-sans);
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: .72rem;
	color: var(--zl-caramel);
	margin: 0 0 .5rem;
}

.single-product .summary .product_title{
	font-family: var(--zl-serif);
	font-weight: 400;
	font-size: clamp(1.8rem, 2.4vw, 2.6rem);
	line-height: 1.1;
	letter-spacing: .01em;
	color: var(--zl-ink);
	margin: 0 0 .75rem;
}
.single-product .summary .price{
	font-family: var(--zl-sans);
	font-size: 1.15rem;
	color: var(--zl-ink);
}
.single-product .summary .price del{ opacity:.5; margin-right:.4rem; }
.single-product .summary .price ins{ text-decoration:none; color:var(--zl-red); }

.single-product .summary .woocommerce-product-details__short-description{
	font-family: var(--zl-sans);
	color: var(--zl-muted);
	line-height: 1.7;
}

/* ============ VARIATIONS (sélecteur "Size") ============ */
.single-product table.variations{ margin: 0 0 1rem; }
.single-product table.variations th.label{
	font-family: var(--zl-sans);
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	font-size: .95rem;
	color: var(--zl-ink);
	padding: 0 0 .4rem;
}
.single-product table.variations td{ padding: 0 0 .5rem; }
.single-product table.variations select{
	font-family: var(--zl-sans);
	padding: .7rem 1rem;
	border: 1px solid var(--zl-line);
	border-radius: 6px;
	background: #fff;
	color: var(--zl-ink);
	min-width: 180px;
}

/* ============ QUANTITÉ + BOUTONS ============ */
.single-product form.cart{ margin-top: 1rem; }

.single-product form.cart .quantity{
	border: 1px solid var(--zl-muted);
	border-radius: 6px;
	overflow: hidden;
}
.single-product form.cart .quantity input.qty{
	border: 0;
	background: transparent;
	font-family: var(--zl-sans);
	color: var(--zl-ink);
	text-align: center;
	min-height: 46px;
}

/* Add to Cart = bouton CONTOUR (override du style boutique) */
.single-product form.cart button.single_add_to_cart_button,
.single-product .single_add_to_cart_button{
	background: transparent !important;
	color: var(--zl-ink) !important;
	border: 1px solid var(--zl-ink) !important;
	border-radius: 12px !important;
	font-family: var(--zl-sans);
	text-transform: none;
	letter-spacing: .03em;
	font-weight: 500;
	font-size: .95rem;
	padding: .8rem 2rem;
}
.single-product form.cart button.single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover{
	background: var(--zl-ink) !important;
	color: #fff !important;
}

/* Buy it now = bouton PLEIN pleine largeur (ajouté via hook) */
.single-product .zl-buy-now{
	display: block;
	width: 100%;
	margin-top: .75rem;
	font-family: var(--zl-sans);
	font-weight: 500;
	font-size: .95rem;
	letter-spacing: .03em;
	text-align: center;
	padding: .9rem 2rem;
	border: 1px solid var(--zl-ink);
	border-radius: 12px;
	background: var(--zl-ink);
	color: #fff;
	cursor: pointer;
	transition: background .25s ease;
}
.single-product .zl-buy-now:hover{ background: var(--zl-red); border-color: var(--zl-red); }

/* Message rupture de stock */
.single-product .stock.out-of-stock{
	font-family: var(--zl-sans);
	color: var(--zl-red);
}

/* ============ ACCORDÉONS (onglets transformés en JS) ============ */
.single-product .woocommerce-tabs{
	margin-top: 2rem;
}
/* liste d'onglets d'origine masquée quand le JS a construit l'accordéon */
.single-product .woocommerce-tabs.zl-accordion-ready > ul.tabs{ display: none; }

.single-product .zl-acc-item{
	border-bottom: 1px solid var(--zl-line);
}
.single-product .zl-acc-header{
	display: flex;
	align-items: center;
	gap: .6rem;
	width: 100%;
	padding: 1.15rem 0;
	background: none;
	border: 0;
	cursor: pointer;
	font-family: var(--zl-sans);
	font-size: 1rem;
	color: var(--zl-ink);
	text-align: left;
}
.single-product .zl-acc-header .zl-acc-title{ flex: 1; }
.single-product .zl-acc-header .zl-acc-sign{
	font-size: 1.2rem;
	line-height: 1;
	color: var(--zl-muted);
	transition: transform .2s ease;
}
.single-product .zl-acc-item.is-open .zl-acc-sign{ transform: rotate(45deg); }
.single-product .zl-acc-panel{
	display: none;
	padding: 0 0 1.5rem;
	font-family: var(--zl-sans);
	color: var(--zl-muted);
	line-height: 1.8;
}
.single-product .zl-acc-item.is-open .zl-acc-panel{ display: block; }
.single-product .zl-acc-panel h2{ display: none; } /* titre redondant du panel Woo */

/* ============ SECTION BAS (produits liés / ventes incitatives) ============ */
.single-product .related.products,
.single-product .up-sells{
	margin-top: clamp(3rem, 6vw, 6rem);
	padding-top: 3rem;
	border-top: 1px solid var(--zl-line);
}
.single-product .related.products > h2,
.single-product .up-sells > h2{
	font-family: var(--zl-serif);
	font-weight: 400;
	font-size: clamp(1.8rem, 3vw, 2.8rem);
	letter-spacing: .04em;
	color: var(--zl-ink);
	text-align: center;
	margin-bottom: 2.5rem;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 767px){
	.single-product #main{ padding-top: 130px; }
	.single-product .woocommerce-product-gallery .flexy-items{ gap: 12px; }
}