/*
 * Foly Frites - Look haut de page
 * Habillage visuel uniquement. Ne touche pas aux cartes produits ni à la logique WooCommerce.
 */

:root {
	--foly-top-ink: #211f1c;
	--foly-top-red: #d41424;
	--foly-top-orange: #ff6420;
	--foly-top-yellow: #ffba08;
	--foly-top-cream: #fff4d8;
}

body:not(.wp-admin) {
	background:
		radial-gradient(ellipse at 50% 7%, rgba(255, 186, 8, .32), transparent 34rem),
		radial-gradient(circle at 13% 12%, rgba(255, 186, 8, .18), transparent 20rem),
		radial-gradient(circle at 88% 18%, rgba(255, 100, 32, .15), transparent 22rem),
		linear-gradient(180deg, #fff9eb 0%, #fff4dd 38%, #fffaf0 100%) !important;
}

body:not(.wp-admin) .site-header,
body:not(.wp-admin) #masthead,
body:not(.wp-admin) header.site-header {
	position: relative;
	z-index: 60;
	min-height: 58px !important;
	border-bottom: 1px solid rgba(36, 31, 27, .06) !important;
	background:
		linear-gradient(90deg, rgba(255, 250, 239, .96), rgba(255, 239, 199, .92), rgba(255, 250, 239, .96)) !important;
	box-shadow: 0 12px 34px rgba(58, 35, 9, .08) !important;
}

body:not(.wp-admin) .site-header .custom-logo,
body:not(.wp-admin) #masthead .custom-logo,
body:not(.wp-admin) header.site-header .custom-logo,
body:not(.wp-admin) .site-logo img,
body:not(.wp-admin) .custom-logo-link img {
	width: auto !important;
	max-width: 82px !important;
	max-height: 50px !important;
	object-fit: contain !important;
}

body:not(.wp-admin) .site-branding,
body:not(.wp-admin) .custom-logo-link {
	display: inline-flex !important;
	align-items: center !important;
}

body:not(.wp-admin) .site-main,
body:not(.wp-admin) main,
body:not(.wp-admin) #primary {
	padding-top: 0 !important;
}

body:not(.wp-admin) article,
body:not(.wp-admin) .hentry,
body:not(.wp-admin) .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body:not(.wp-admin) .entry-header,
body:not(.wp-admin) .page-header,
body:not(.wp-admin) .woocommerce-products-header {
	width: min(1180px, calc(100% - 34px)) !important;
	margin: clamp(2px, .8vw, 10px) auto 6px !important;
	padding: 0 !important;
	text-align: left !important;
}

body:not(.wp-admin) .entry-title,
body:not(.wp-admin) .page-title,
body:not(.wp-admin) .woocommerce-products-header__title {
	position: relative;
	display: inline-block;
	margin: 0 !important;
	color: var(--foly-top-ink) !important;
	font-size: clamp(54px, 6.2vw, 92px) !important;
	line-height: .9 !important;
	font-weight: 950 !important;
	letter-spacing: -.07em !important;
	text-transform: uppercase !important;
}

body:not(.wp-admin) .entry-title::after,
body:not(.wp-admin) .page-title::after,
body:not(.wp-admin) .woocommerce-products-header__title::after {
	display: inline-block;
	width: clamp(54px, 6vw, 92px);
	height: 9px;
	margin-left: 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--foly-top-yellow), var(--foly-top-orange), var(--foly-top-red));
	vertical-align: middle;
	content: "";
}

body:not(.wp-admin) .entry-header::after,
body:not(.wp-admin) .page-header::after,
body:not(.wp-admin) .woocommerce-products-header::after {
	display: block;
	max-width: 760px;
	margin-top: 6px;
	color: rgba(33, 31, 28, .72);
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.45;
	font-weight: 760;
	content: "Commandez en ligne, payez facilement, on prépare votre repas et on livre directement à l’entreprise.";
}

body:not(.wp-admin) .foly-catalogue {
	margin-top: -8px !important;
}

body:not(.wp-admin) .foly-catalogue-intro {
	position: relative;
}

body:not(.wp-admin) .foly-catalogue-intro::before {
	position: absolute;
	inset: -18px;
	z-index: -1;
	border-radius: 40px;
	background:
		radial-gradient(circle at 14% 20%, rgba(255, 186, 8, .18), transparent 17rem),
		radial-gradient(circle at 92% 5%, rgba(212, 20, 36, .13), transparent 18rem);
	content: "";
}

@media (min-width: 980px) {
	body:not(.wp-admin):has(.foly-catalogue) .site-main,
	body:not(.wp-admin):has(.foly-catalogue) main,
	body:not(.wp-admin):has(.foly-catalogue) #primary,
	body:not(.wp-admin):has(.foly-catalogue) article,
	body:not(.wp-admin):has(.foly-catalogue) .hentry,
	body:not(.wp-admin):has(.foly-catalogue) .entry-content {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body:not(.wp-admin) .entry-header,
	body:not(.wp-admin) .page-header,
	body:not(.wp-admin) .woocommerce-products-header {
		margin-top: -42px !important;
		margin-bottom: 0 !important;
	}

	body:not(.wp-admin):has(.foly-catalogue) .entry-header,
	body:not(.wp-admin):has(.foly-catalogue) .page-header,
	body:not(.wp-admin):has(.foly-catalogue) .woocommerce-products-header {
		transform: translateY(-34px);
	}

	body:not(.wp-admin):has(.foly-catalogue) .foly-catalogue {
		margin-top: -50px !important;
	}

	body:not(.wp-admin) .foly-catalogue-intro {
		margin-top: 0 !important;
	}

	body:not(.wp-admin):has(.foly-menu__intro) .foly-menu {
		position: relative;
		isolation: isolate;
	}

	body:not(.wp-admin):has(.foly-menu__intro) .foly-menu::before {
		position: absolute;
		top: -160px;
		left: 50%;
		z-index: -2;
		width: min(1500px, 97vw);
		height: 435px;
		border-radius: 0 0 62px 62px;
		background:
			radial-gradient(circle at 20% 34%, rgba(255, 186, 8, .36), transparent 25rem),
			radial-gradient(circle at 82% 32%, rgba(255, 100, 32, .21), transparent 27rem),
			linear-gradient(180deg, rgba(255, 244, 210, .98), rgba(255, 250, 238, .58));
		box-shadow: 0 38px 100px rgba(76, 45, 13, .13);
		content: "";
		transform: translateX(-50%);
	}

	body:not(.wp-admin):has(.foly-menu__intro) .foly-menu__intro {
		width: min(1300px, 100%) !important;
		margin-top: 0 !important;
		margin-bottom: 28px !important;
		padding: clamp(30px, 3.8vw, 50px) !important;
		box-shadow: 0 30px 74px rgba(48, 27, 8, .31), 0 0 0 1px rgba(255, 255, 255, .10) inset !important;
		transform: translateY(-8px) scale(1.035);
		transform-origin: top center;
	}

	body:not(.wp-admin):has(.foly-menu__intro) .foly-menu__intro-title {
		font-size: clamp(40px, 5.25vw, 76px) !important;
	}

	body:not(.wp-admin):has(.foly-menu__intro) .foly-menu__intro-card {
		background: rgba(255, 255, 255, .14) !important;
	}
}

@media (max-width: 979px) {
	body:not(.wp-admin) .site-header .custom-logo,
	body:not(.wp-admin) #masthead .custom-logo,
	body:not(.wp-admin) header.site-header .custom-logo,
	body:not(.wp-admin) .site-logo img,
	body:not(.wp-admin) .custom-logo-link img {
		max-width: 72px !important;
		max-height: 46px !important;
	}

	body:not(.wp-admin) .entry-header,
	body:not(.wp-admin) .page-header,
	body:not(.wp-admin) .woocommerce-products-header {
		width: calc(100% - 24px) !important;
		margin-top: 6px !important;
		margin-bottom: 5px !important;
	}

	body:not(.wp-admin) .entry-title,
	body:not(.wp-admin) .page-title,
	body:not(.wp-admin) .woocommerce-products-header__title {
		font-size: clamp(42px, 11vw, 62px) !important;
	}

	body:not(.wp-admin) .entry-header::after,
	body:not(.wp-admin) .page-header::after,
	body:not(.wp-admin) .woocommerce-products-header::after {
		max-width: 520px;
		font-size: 14px;
	}
}

@media (max-width: 520px) {
	body:not(.wp-admin) .entry-title::after,
	body:not(.wp-admin) .page-title::after,
	body:not(.wp-admin) .woocommerce-products-header__title::after {
		width: 58px;
		height: 7px;
		margin-left: 12px;
	}

	body:not(.wp-admin) .entry-header::after,
	body:not(.wp-admin) .page-header::after,
	body:not(.wp-admin) .woocommerce-products-header::after {
		content: "Commandez en ligne, on prépare et on livre à l’entreprise.";
	}
}