/* LAGON — turquoise, lumière, formes en galets */
body.colibri-design--lagon {
	--wp--preset--color--base: #F3FBF9;
	--wp--preset--color--contrast: #0D3B44;
	--wp--preset--color--accent-1: #0B8A7A;
	--wp--preset--color--accent-2: #1E6FA8;
	--wp--preset--color--accent-3: #2E9E63;
	--wp--preset--color--accent-4: #2E8FCB;
	--wp--preset--color--accent-5: #BDE9E0;
	--wp--preset--color--accent-6: #C99A5B;
	--d-head: Fraunces, Georgia, serif; --d-head-weight: 600;
	--d-body: Outfit, Manrope, sans-serif;
	--d-radius: 28px; --d-btn-radius: 999px;
	--d-surface: #ffffff; --d-line: rgba(11, 138, 122, .18);
	--d-header-bg: rgba(243, 251, 249, .78);
	--d-shadow: 0 10px 30px -12px rgba(13, 90, 100, .25);
	--d-shadow-hover: 0 22px 44px -14px rgba(13, 90, 100, .38);
	--d-btn-shadow: 0 8px 20px -8px rgba(11, 138, 122, .6);
	--d-badge: linear-gradient(135deg, #0B8A7A, #2E8FCB);
	--d-hero-inset: 1rem; --d-hero-radius: 40px; --d-hero-height: 30vh;
	--d-footer-bg: linear-gradient(160deg, #0B8A7A, #145F80);
	background: linear-gradient(180deg, #E6F7F4 0, #F3FBF9 480px);
}
body.colibri-design--lagon .colibri-hero .wp-block-cover__background {
	background: radial-gradient(420px 420px at 78% 22%, rgba(255, 233, 170, .75), transparent 70%), linear-gradient(170deg, #38C6B4 0%, #0B8A7A 45%, #145F80 100%) !important; opacity: 1 !important;
}
/* Vague en bas du héros */
body.colibri-design--lagon .colibri-hero::after {
	content: ""; position: absolute; inset: auto 0 -1px 0; height: 90px; z-index: 2; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23F3FBF9' d='M0 50c120 30 240 30 360 5s240-45 360-25 240 55 360 45 240-40 360-30v55H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
body.colibri-design--lagon .colibri-hero p { color: #fff !important; font-size: 1.25rem; }
body.colibri-design--lagon .colibri-hero .wp-block-button__link { background: #fff; color: #0B6F63; } body.colibri-design--lagon .colibri-hero .wp-block-button__link:hover { background: #FFE9AA; color: #0D3B44; }

/* Fiche produit, onglets, fil d'Ariane */
body.colibri-design--lagon .colibri-product-hero__summary h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); line-height: 1.05; }
body.colibri-design--lagon .colibri-product-hero__gallery .woocommerce-product-gallery { border-radius: 28px; overflow: hidden; box-shadow: var(--d-shadow); }
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; }
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--d-line); }
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; border-radius: 999px; }
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; box-shadow: var(--d-shadow); }
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.colibri-design--lagon .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
body.colibri-design--lagon .woocommerce-breadcrumb { font-size: .9rem; }
body.colibri-design--lagon .colibri-3d-trigger { background: #fff; color: #0B8A7A; }

/* Le titre du panneau répète celui de l'onglet */
body.colibri-design--lagon .woocommerce-Tabs-panel > h2:first-child { display: none; }

/* Pagination boutique : pastilles, flèches précédente / suivante */
body.colibri-design--lagon .wp-block-query-pagination { gap: .6rem; align-items: center; }
body.colibri-design--lagon :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .wp-block-query-pagination-numbers .page-numbers) {
	display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; height: 2.75rem; padding: 0 1.1rem;
	border-radius: 999px; background: #fff; border: 1px solid var(--d-line); color: var(--wp--preset--color--accent-1);
	font-weight: 700; text-decoration: none; box-shadow: var(--d-shadow); transition: transform .2s, background-color .2s, color .2s;
}
body.colibri-design--lagon :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next, a.page-numbers):hover { background: var(--wp--preset--color--accent-1); color: #fff; transform: translateY(-2px); }
body.colibri-design--lagon .wp-block-query-pagination-numbers .page-numbers.current { background: var(--wp--preset--color--accent-1); color: #fff; }

/* Formulaire de contact (Contact Form 7) */
body.colibri-design--lagon .wpcf7 form { display: grid; gap: 1.25rem; max-width: 640px; margin-inline: auto; }
body.colibri-design--lagon .wpcf7 form > p { margin: 0; }
body.colibri-design--lagon .wpcf7 label { display: block; font-weight: 600; color: var(--wp--preset--color--contrast); }
body.colibri-design--lagon .wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: .45rem; }
body.colibri-design--lagon .wpcf7 :is(input[type=text], input[type=email], input[type=tel], textarea) {
	width: 100%; box-sizing: border-box; padding: .85rem 1.1rem; font: inherit; font-weight: 400;
	background: #fff; border: 1.5px solid var(--d-line); border-radius: 16px; box-shadow: none;
	transition: border-color .2s, box-shadow .2s;
}
body.colibri-design--lagon .wpcf7 textarea { min-height: 9rem; resize: vertical; line-height: 1.5; }
body.colibri-design--lagon .wpcf7 :is(input, textarea):focus {
	outline: none; border-color: var(--wp--preset--color--accent-1); box-shadow: 0 0 0 4px rgba(11, 138, 122, .15);
}
body.colibri-design--lagon .wpcf7 input[type=submit] {
	justify-self: start; cursor: pointer; border: 0; border-radius: 999px; padding: .95rem 2.2rem; font: inherit; font-weight: 700;
	background: var(--wp--preset--color--accent-1); color: #fff; box-shadow: var(--d-btn-shadow);
	transition: transform .2s cubic-bezier(.2,.8,.2,1), background-color .2s;
}
body.colibri-design--lagon .wpcf7 input[type=submit]:hover { background: var(--wp--preset--color--accent-2); transform: translateY(-2px); }
body.colibri-design--lagon .wpcf7-not-valid-tip { margin-top: .35rem; font-size: .875rem; color: #b3402a; }
body.colibri-design--lagon .wpcf7 .wpcf7-not-valid { border-color: #b3402a; }
body.colibri-design--lagon .wpcf7 form .wpcf7-response-output { margin: 0; padding: .9rem 1.2rem; border: 0; border-radius: 16px; background: #E6F7F4; color: #0B6F63; font-weight: 600; }
body.colibri-design--lagon .wpcf7 form.invalid .wpcf7-response-output,
body.colibri-design--lagon .wpcf7 form.failed .wpcf7-response-output { background: #FBE9E4; color: #8f3220; }
body.colibri-design--lagon .wpcf7-spinner { margin: 0 0 0 .75rem; }

/* Choix des œuvres : liste à cocher défilante */
body.colibri-design--lagon .wpcf7 .wpcf7-checkbox {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .4rem .75rem;
	max-height: 14rem; overflow-y: auto; padding: .85rem 1rem; background: #fff;
	border: 1.5px solid var(--d-line); border-radius: 16px;
}
body.colibri-design--lagon .wpcf7 .wpcf7-checkbox .wpcf7-list-item { margin: 0; }
body.colibri-design--lagon .wpcf7 .wpcf7-checkbox label { display: flex; align-items: center; gap: .55rem; font-weight: 400; cursor: pointer; padding: .2rem 0; }
body.colibri-design--lagon .wpcf7 .wpcf7-checkbox input { width: 1.1rem; height: 1.1rem; accent-color: var(--wp--preset--color--accent-1); flex: none; }

/* Panier / paiement : on laisse WooCommerce gérer ses deux colonnes (le grid du thème les écrasait) */
body.colibri-design--lagon .colibri-cart .wp-block-woocommerce-filled-cart-block,
body.colibri-design--lagon .colibri-checkout { display: flex; flex-wrap: nowrap; gap: 0; align-items: flex-start; }
/* La description longue du produit (avec ses images) n'a rien à faire dans le panier */
body.colibri-design--lagon :is(.wc-block-cart-item__product, .wc-block-components-order-summary-item__description) .wc-block-components-product-metadata__description { display: none; }
body.colibri-design--lagon .wc-block-cart__submit-button { width: 100%; text-align: center; }

/* Moyens de paiement : le thème écrasait le retrait prévu pour la pastille radio, d'où le texte coupé */
body.colibri-design--lagon .wc-block-checkout__payment-method .wc-block-components-radio-control__option { padding: 1em 1em 1em 3.4em; }
body.colibri-design--lagon .wc-block-checkout__payment-method .wc-block-components-radio-control__option-layout { padding-left: 0; }

/* Mention « aperçu 3D indicatif » */
body.colibri-design--lagon .colibri-3d-disclaimer { margin: 1rem 0 0; font-size: .85rem; font-style: italic; opacity: .8; }

/* Bandeau d'accueil compact (moitié de la hauteur d'origine) */
body.colibri-design--lagon .colibri-hero { padding-block: 1.5rem; }
body.colibri-design--lagon .colibri-hero h1 { font-size: clamp(2.2rem, 4.5vw, 3.6rem); }
body.colibri-design--lagon .colibri-hero p { margin-top: .5rem !important; margin-bottom: 1.2rem !important; font-size: 1.1rem; }
body.colibri-design--lagon .colibri-hero::after { height: 50px; }
body.colibri-design--lagon .colibri-hero .wp-block-button__link { background: #fff !important; color: #0B6F63 !important; }
body.colibri-design--lagon .colibri-hero .wp-block-button__link:hover { background: #FFE9AA !important; color: #0D3B44 !important; }

/* Formulaire de contact : bloc « œuvres » en fieldset (une seule étiquette de groupe) */
body.colibri-design--lagon .wpcf7 fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
body.colibri-design--lagon .wpcf7 fieldset legend { display: block; padding: 0; margin-bottom: .45rem; font-weight: 600; color: var(--wp--preset--color--contrast); }