/*
 * Foly Frites - Look chaud
 * Couche visuelle front-end uniquement.
 * Désactiver l'extension suffit à retirer tout l'habillage.
 */

:root {
	--foly-hot-yellow: #ffba08;
	--foly-hot-orange: #ff7a1a;
	--foly-hot-red: #c91424;
	--foly-hot-ink: #241f1b;
	--foly-hot-charcoal: #15120f;
	--foly-hot-cream: #fff3d7;
	--foly-hot-paper: #fffaf0;
	--foly-hot-green: #118342;
	--foly-hot-border: rgba(36, 31, 27, .10);
	--foly-hot-shadow: 0 20px 50px rgba(68, 39, 8, .14);
}

body:not(.wp-admin) {
	color: var(--foly-hot-ink);
	background:
		radial-gradient(circle at 8% 0%, rgba(255, 186, 8, .22), transparent 28rem),
		radial-gradient(circle at 100% 12%, rgba(201, 20, 36, .10), transparent 26rem),
		linear-gradient(180deg, #fff8e9 0%, #fffdf8 44%, #fff2d6 100%);
}

body:not(.wp-admin) a {
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.site-header,
#masthead,
header.site-header,
.elementor-location-header {
	background:
		linear-gradient(135deg, rgba(255, 250, 240, .96), rgba(255, 239, 203, .92)) !important;
	box-shadow: 0 12px 34px rgba(45, 28, 9, .10);
	border-bottom: 1px solid rgba(255, 186, 8, .28);
}

.site-header img,
#masthead img,
.custom-logo,
.site-logo img {
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .12));
}

.main-navigation a,
.site-header a,
#masthead a {
	font-weight: 800;
}

.main-navigation a:hover,
.site-header a:hover,
#masthead a:hover {
	color: var(--foly-hot-red) !important;
}

.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.wp-block-button__link,
.foly-btn,
.foly-product__add.button {
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-weight: 900 !important;
	letter-spacing: .01em;
	background:
		linear-gradient(135deg, var(--foly-hot-red) 0%, #ef3b21 45%, var(--foly-hot-orange) 100%) !important;
	box-shadow: 0 12px 24px rgba(201, 20, 36, .22);
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.single_add_to_cart_button:hover,
.wp-block-button__link:hover,
.foly-btn:hover,
.foly-product__add.button:hover {
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(201, 20, 36, .30);
}

.foly-btn-ghost,
.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--foly-hot-ink) !important;
	background: rgba(255, 255, 255, .72) !important;
	border: 2px solid rgba(36, 31, 27, .18) !important;
	box-shadow: none;
}

.foly-home {
	background: transparent !important;
}

.foly-hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 78% 18%, rgba(255, 186, 8, .65), transparent 23rem),
		radial-gradient(circle at 16% 10%, rgba(201, 20, 36, .42), transparent 20rem),
		linear-gradient(135deg, #211a15 0%, #3a2414 48%, #17120f 100%) !important;
}

.foly-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(110deg, rgba(255, 255, 255, .09) 0 1px, transparent 1px 16px),
		radial-gradient(circle at 58% 110%, rgba(255, 122, 26, .38), transparent 30rem);
	opacity: .75;
}

.foly-hero > * {
	position: relative;
	z-index: 1;
}

.foly-kicker {
	color: var(--foly-hot-yellow) !important;
	font-weight: 950 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase;
}

.foly-home h1,
.foly-home h2,
.woocommerce-products-header__title,
.page-title,
.entry-title,
.product_title {
	letter-spacing: -.055em;
}

.foly-home h1 {
	text-shadow: 0 10px 35px rgba(0, 0, 0, .30);
}

.foly-home h1 span {
	color: var(--foly-hot-yellow) !important;
}

.foly-lead {
	color: rgba(255, 255, 255, .88);
	font-weight: 650;
}

.foly-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .12);
	background:
		linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04)),
		linear-gradient(135deg, rgba(255, 186, 8, .20), rgba(201, 20, 36, .14)) !important;
	box-shadow: 0 28px 60px rgba(0, 0, 0, .28) !important;
	backdrop-filter: blur(8px);
}

.foly-card::after {
	content: "";
	position: absolute;
	right: -4rem;
	bottom: -5rem;
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background: rgba(255, 186, 8, .18);
}

.foly-card strong {
	color: #fff;
}

.foly-card li::marker {
	color: var(--foly-hot-yellow);
}

.foly-section {
	position: relative;
}

.foly-steps article,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-order,
.woocommerce-MyAccount-content,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	border: 1px solid var(--foly-hot-border) !important;
	border-radius: 22px !important;
	background: rgba(255, 250, 240, .86) !important;
	box-shadow: var(--foly-hot-shadow);
}

.foly-steps article {
	overflow: hidden;
}

.foly-steps article b {
	color: var(--foly-hot-red) !important;
}

.foly-menu,
.archive.woocommerce main,
.post-type-archive-product main,
.tax-product_cat main {
	background:
		radial-gradient(circle at 5% 2%, rgba(255, 186, 8, .22), transparent 22rem),
		linear-gradient(180deg, #fff6e1, #fffaf1) !important;
}

.foly-menu__nav {
	top: 0;
	border-radius: 0 0 22px 22px;
	background: rgba(28, 23, 19, .92) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
	backdrop-filter: blur(10px);
}

.foly-menu__nav a {
	color: #fff !important;
	background: rgba(255, 255, 255, .10) !important;
	border: 1px solid rgba(255, 255, 255, .14);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .10);
}

.foly-menu__nav a:hover {
	color: var(--foly-hot-charcoal) !important;
	background: var(--foly-hot-yellow) !important;
	transform: translateY(-1px);
}

.foly-menu__section h2 {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	color: var(--foly-hot-charcoal);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .60);
}

.foly-menu__section h2::after {
	content: "";
	display: inline-block;
	width: clamp(46px, 7vw, 90px);
	height: .18em;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--foly-hot-yellow), var(--foly-hot-red));
}

.foly-product,
.woocommerce ul.products li.product,
.wc-block-grid__product,
.products .product {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(36, 31, 27, .08) !important;
	border-radius: 24px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 247, 229, .96)) !important;
	box-shadow: 0 14px 36px rgba(69, 38, 9, .12) !important;
}

.foly-product::before,
.woocommerce ul.products li.product::before,
.wc-block-grid__product::before,
.products .product::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 4px;
	background: linear-gradient(90deg, var(--foly-hot-yellow), var(--foly-hot-red), var(--foly-hot-yellow));
}

.foly-product:hover,
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover,
.products .product:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 46px rgba(69, 38, 9, .18) !important;
}

.foly-product__image,
.woocommerce ul.products li.product a img,
.wc-block-grid__product-image,
.woocommerce-product-gallery__image {
	background:
		radial-gradient(circle at 50% 42%, rgba(255, 186, 8, .22), transparent 54%),
		linear-gradient(180deg, #fffdf8, #fff1d0) !important;
}

.foly-product__image img,
.woocommerce ul.products li.product img,
.wc-block-grid__product img {
	filter: drop-shadow(0 15px 18px rgba(0, 0, 0, .13));
}

.foly-product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
	color: var(--foly-hot-charcoal) !important;
	font-weight: 950 !important;
	letter-spacing: -.02em;
}

.foly-product h3 a {
	color: inherit !important;
}

.foly-product__price,
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--foly-hot-red) !important;
	font-weight: 950 !important;
}

.foly-product__price,
.woocommerce ul.products li.product .price {
	display: inline-flex;
	align-items: center;
	padding: .28rem .55rem;
	border-radius: 999px;
	background: rgba(255, 186, 8, .18);
}

.foly-band {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 85% 0%, rgba(255, 186, 8, .50), transparent 20rem),
		linear-gradient(135deg, #b80f21, #e43b20) !important;
	box-shadow: inset 0 14px 44px rgba(0, 0, 0, .16);
}

.foly-band h2,
.foly-band p {
	color: #fff;
}

.woocommerce-info {
	border-top: 0 !important;
}

.woocommerce-info::before,
.woocommerce-message::before {
	color: var(--foly-hot-green) !important;
}

.woocommerce-error::before {
	color: var(--foly-hot-red) !important;
}

.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table,
.woocommerce-cart-form table {
	overflow: hidden;
	border-radius: 20px !important;
	background: #fffaf0;
	box-shadow: 0 10px 30px rgba(68, 39, 8, .09);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-color: rgba(36, 31, 27, .08) !important;
}

.woocommerce-checkout h3,
.cart_totals h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
	color: var(--foly-hot-charcoal);
	font-weight: 950;
}

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
	border: 1px solid rgba(36, 31, 27, .14) !important;
	border-radius: 14px !important;
	background: #fffdf8 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border-color: var(--foly-hot-yellow) !important;
	box-shadow: 0 0 0 4px rgba(255, 186, 8, .22) !important;
	outline: none !important;
}

.single-product div.product {
	border-radius: 28px;
	background: rgba(255, 250, 240, .72);
	box-shadow: 0 22px 60px rgba(69, 38, 9, .10);
}

.single-product .woocommerce-product-gallery__image img {
	border-radius: 24px !important;
}

@media (max-width: 767px) {
	body:not(.wp-admin) {
		background:
			radial-gradient(circle at 0% 0%, rgba(255, 186, 8, .25), transparent 18rem),
			linear-gradient(180deg, #fff8e8, #fff3d8);
	}

	.site-header,
	#masthead,
	header.site-header {
		box-shadow: 0 8px 22px rgba(45, 28, 9, .10);
	}

	.foly-hero {
		border-radius: 0 0 28px 28px;
	}

	.foly-menu__nav {
		margin-left: -12px;
		margin-right: -12px;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.foly-product,
	.woocommerce ul.products li.product,
	.wc-block-grid__product,
	.products .product {
		border-radius: 20px !important;
	}

	.foly-product:hover,
	.woocommerce ul.products li.product:hover,
	.wc-block-grid__product:hover,
	.products .product:hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:not(.wp-admin) *,
	body:not(.wp-admin) *::before,
	body:not(.wp-admin) *::after {
		transition: none !important;
	}
}