/* =========================================================
   Paviterra — Panier, Commande, Confirmation
   Le site utilise les BLOCS WooCommerce (Cart & Checkout blocks,
   classes wc-block-*), pas les anciens templates shortcode.
   Restylage CSS pur, sans surcharge de template.
   ========================================================= */

/* ---------- Cadre général : même largeur que le footer/listing ---------- */
.woocommerce-cart .container,
.woocommerce-checkout .container {
	max-width: 1840px;
	margin: 0 auto;
	padding: 50px 40px 90px;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
	font-family: var(--pv-font);
	font-weight: 800;
	color: var(--pv-ink);
	font-size: clamp(28px, 3.4vw, 42px);
	margin: 0 0 30px;
}

.wc-block-cart, .wc-block-checkout { font-family: var(--pv-font); color: var(--pv-ink); }

/* Le bloc Checkout définit lui-même sa largeur interne à 100% → la borner
   à une taille lisible, centrée dans le cadre 1840px ci-dessus. */
.wc-block-checkout {
	max-width: 1360px;
	margin: 0 auto;
}
.wc-block-checkout__main { padding-right: 60px; }

/* Titre de la page (le bloc n'affiche pas toujours celui du template). */
.woocommerce-checkout .entry-header,
.woocommerce-cart .entry-header { text-align: left; }

/* ---------- Lignes produit (panier + résumé commande) ---------- */
.wc-block-cart-items__header,
.wc-block-cart-items__row {
	border-bottom: 1px solid var(--pv-line, #ececec);
	padding: 18px 0;
}
.wc-block-cart-items__header { text-transform: uppercase; font-size: 12px; letter-spacing: .05em; color: #9a9a9a; }
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: 12px;
	background: #faf5f0;
}
.wc-block-components-product-name { color: var(--pv-ink); font-weight: 600; text-decoration: none; }
a.wc-block-components-product-name:hover { color: var(--pv-rust); }
.wc-block-components-product-metadata { color: #9a9a9a; font-size: 13px; }
.wc-block-cart-item__remove-link, .wc-block-cart-item__save-for-later-link { color: var(--pv-ink) !important; }
.wc-block-cart-item__remove-link:hover { color: var(--pv-rust) !important; }

/* Sélecteur de quantité */
.wc-block-components-quantity-selector {
	border: 1.5px solid var(--pv-line, #ececec);
	border-radius: 999px;
	overflow: hidden;
}
.wc-block-components-quantity-selector__input { font-family: var(--pv-font); color: var(--pv-ink); }
.wc-block-components-quantity-selector__button { color: var(--pv-rust); }

/* ---------- Totaux / coupon (panier + checkout) ---------- */
.wc-block-components-totals-wrapper { border-color: var(--pv-line, #ececec) !important; }
.wc-block-components-totals-item__label { color: var(--pv-ink); font-weight: 600; }
.wc-block-components-totals-item__value,
.wc-block-components-formatted-money-amount { color: var(--pv-ink); font-weight: 700; }
.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text {
	font-family: var(--pv-font);
	font-weight: 800;
	color: var(--pv-ink);
}
.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
	background: #faf5f0;
	border-radius: 18px;
	padding: 24px;
}
.wc-block-components-totals-coupon__input input,
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-select select {
	border-radius: 14px !important;
	border-color: #e0ddd8 !important;
	font-family: var(--pv-font);
}
.wc-block-components-totals-coupon__input input:focus,
.wc-block-components-text-input input:focus { border-color: var(--pv-rust) !important; }

/* ---------- Boutons ---------- */
.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	border-radius: 999px !important;
	font-family: var(--pv-font);
	font-weight: 700;
	font-size: 12px !important;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link):not(.wc-block-components-totals-coupon__button) {
	background: var(--pv-sand) !important;
	color: var(--pv-ink) !important;
	border: 0 !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--pv-rust) !important;
	color: #fff !important;
}
.wc-block-components-totals-coupon__button {
	border-radius: 999px !important;
	border-color: var(--pv-line, #ececec) !important;
	color: var(--pv-ink) !important;
}

/* ---------- Étapes checkout : cartes blanches espacées ---------- */
.wc-block-components-checkout-step {
	background: #fff;
	border: 1.5px solid var(--pv-line, #ececec);
	border-radius: 18px;
	padding: 26px 28px;
	margin-bottom: 22px;
}
.wc-block-components-checkout-step__heading { margin-bottom: 14px; }
.wc-block-components-checkout-step__title {
	font-family: var(--pv-font) !important;
	font-weight: 800 !important;
	color: var(--pv-ink) !important;
	font-size: 18px !important;
}
.wc-block-components-checkout-step__heading-content .wc-block-components-checkout-step__title::before {
	background: var(--pv-rust) !important;
	color: #fff !important;
}
.wc-block-components-checkout-step__description { color: #9a9a9a; font-size: 14px; }
.wc-block-components-radio-control__option-layout {
	border: 1.5px solid var(--pv-line, #ececec) !important;
	border-radius: 14px !important;
	margin-bottom: 10px;
}
.wc-block-components-radio-control__label { color: var(--pv-ink); font-weight: 700; }
.wc-block-components-radio-control__input:checked {
	accent-color: var(--pv-rust);
	border-color: var(--pv-rust) !important;
}
/* Description sous une option (ex. « Virement bancaire ») : plus de double contour. */
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__description-group {
	border: 0 !important;
	background: transparent !important;
	color: #8a8580;
	font-size: 13px;
	line-height: 1.5;
	padding-top: 8px !important;
	margin-top: 8px;
}

/* ---------- Case à cocher (« Ajouter une note ») : style maison ---------- */
.wc-block-components-checkbox__mark {
	border: 1.5px solid var(--pv-line, #ececec) !important;
	border-radius: 5px !important;
}
.wc-block-components-checkbox__input:checked ~ .wc-block-components-checkbox__mark,
.wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark {
	background: var(--pv-rust) !important;
	border-color: var(--pv-rust) !important;
}
.wc-block-components-checkbox label { color: var(--pv-ink); font-weight: 600; font-size: 14px; }

/* Bloc récap commande (sidebar) : même style carte que les étapes. */
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary,
.wc-block-checkout__sidebar > * {
	background: transparent;
}
.wc-block-components-checkout-order-summary__title { padding-bottom: 14px; border-bottom: 1px solid var(--pv-line, #ececec); }

/* ---------- Notices ---------- */
.wc-block-components-notice-banner {
	border-radius: 14px !important;
	border-color: var(--pv-rust) !important;
}
.wc-block-components-notice-banner.is-error { border-color: var(--pv-rust) !important; }

/* ---------- Confirmation de commande (page classique, non-bloc) ---------- */
.woocommerce-order {
	background: #fff;
	border: 1.5px solid var(--pv-line, #ececec);
	border-radius: 20px;
	padding: 34px;
}
.woocommerce-order-overview {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding: 20px 0;
	margin: 0 0 26px;
	border-top: 1px solid var(--pv-line, #ececec);
	border-bottom: 1px solid var(--pv-line, #ececec);
}
.woocommerce-order-overview strong { display: block; color: var(--pv-rust); font-size: 13px; text-transform: uppercase; margin-bottom: 4px; }

@media (max-width: 900px) {
	.wc-block-cart__sidebar, .wc-block-checkout__sidebar { padding: 20px !important; }
}

/* ---------- Remise client (déplacée en JS dans la sidebar des blocs) ---------- */
.pv-discount-slot {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px dashed var(--pv-line, #ececec);
}
.pv-discount-slot__original {
	color: #9a9a9a;
	font-size: 13px;
	text-decoration: line-through;
	margin-bottom: 8px;
}
.pv-discount-slot__message {
	background: #fdf5ee;
	border: 1.5px solid var(--pv-sand);
	border-left: 4px solid var(--pv-rust);
	border-radius: 12px;
	padding: 12px 16px;
	color: var(--pv-ink);
	font-family: var(--pv-font);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}