/* =========================================================================
   Atelier Essaouira — Surcharges WooCommerce
   Emplacement : wp-content/themes/astra-child/woo-overrides.css
   Chargé via functions.php (handle « astra-child-woo »).
   ========================================================================= */

:root {
	--atelier-accent:      #e08a3c; /* orange logo — à ajuster */
	--atelier-accent-dark: #c9762d;
	--atelier-bg-soft:     #faf7f2;
	--atelier-text:        #333333;
	--atelier-text-muted:  #777777;
	--atelier-border:      #e6ddd2;
}

/* -------------------------------------------------------------------------
   Page de remerciement (thankyou.php)
   ---------------------------------------------------------------------- */
.atelier-thankyou {
	max-width: 680px;
	margin: 32px auto;
	padding: 32px 28px;
	background: var(--atelier-bg-soft);
	text-align: center;
}

.atelier-thankyou__title {
	margin: 0 0 14px;
	font-size: 26px;
	line-height: 1.2;
}

.atelier-thankyou__lead {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--atelier-text);
}

.atelier-thankyou__hint {
	margin: 0 0 26px;
	font-size: 14px;
	color: var(--atelier-text-muted);
}

.atelier-thankyou__actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

/* Boutons réutilisables */
.atelier-btn {
	display: inline-block;
	padding: 12px 22px;
	font-weight: 500;
	text-decoration: none;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.atelier-btn--primary {
	background: var(--atelier-accent);
	color: #fff;
}
.atelier-btn--primary:hover,
.atelier-btn--primary:focus {
	background: var(--atelier-accent-dark);
	color: #fff;
}

.atelier-btn--ghost {
	background: transparent;
	border: 1px solid var(--atelier-accent);
	color: var(--atelier-accent);
}
.atelier-btn--ghost:hover,
.atelier-btn--ghost:focus {
	background: var(--atelier-accent);
	color: #fff;
}


.woocommerce-order-received .site-main{
    height: calc(100vh - 300px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Centrer la colonne de facturation (plus d'adresse → colonne courte) */
.woocommerce-additional-fields,
.woocommerce-checkout #order_comments_field {
	display: none !important;
}

.woocommerce-checkout #customer_details {
	max-width: 560px;
	margin: 0 auto;
	float: none;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0;
}
 
/* Titre de section */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
	font-size: 20px;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--atelier-border);
}
 
/* Champs du formulaire */
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
	padding: 12px 14px;
	border: 1px solid var(--atelier-border);
	font-size: 15px;
	line-height: 1.4;
}
.woocommerce form .form-row input.input-text:focus {
	border-color: var(--atelier-accent);
	box-shadow: 0 0 0 2px rgba(224, 138, 60, .15);
	outline: none;
}
.woocommerce form .form-row label {
	font-weight: 500;
	margin-bottom: 6px;
}
 
/* Récapitulatif de commande */
.woocommerce-checkout #order_review {
	background: var(--atelier-bg-soft);
	border: 1px solid var(--atelier-border);
    border-radius: 0 !important;
	padding: 22px;
}
 
/* Bouton « Commander » / paiement */
.woocommerce #payment #place_order,
.woocommerce-checkout button#place_order {
	background: var(--atelier-accent);
	border: none;
	border-radius: 0;
	padding: 14px 24px;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	transition: background .15s ease;
}
.woocommerce #payment #place_order:hover,
.woocommerce-checkout button#place_order:hover {
	background: var(--atelier-accent-dark);
}

.woocommerce-page .site-main{
    margin-top: 131px;
    margin-bottom: 42px;
}

/* -------------------------------------------------------------------------
   (Optionnel) Checkout simplifié
   Décommenter pour resserrer la mise en page du checkout réduit
   à quelques champs (nom / prénom / e-mail / tél).
   ---------------------------------------------------------------------- */
/*
.woocommerce-checkout #customer_details {
	max-width: 520px;
	margin: 0 auto;
	float: none;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	width: 100%;
	float: none;
}
*/