/*!
Theme Name: Ozzy
Theme URI: http://underscores.me/
Author: Flamingo
Author URI: http://flamingo.fr
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ozzy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ozzy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


@font-face {
	font-family: 'Plein';
	src: url('./assets/fonts/Plein-Bold.eot');
	src: url('./assets/fonts/Plein-Bold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Plein-Bold.woff2') format('woff2'),
		url('./assets/fonts/Plein-Bold.woff') format('woff'),
		url('./assets/fonts/Plein-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Plein';
	src: url('./assets/fonts/Plein-Black.eot');
	src: url('./assets/fonts/Plein-Black.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Plein-Black.woff2') format('woff2'),
		url('./assets/fonts/Plein-Black.woff') format('woff'),
		url('./assets/fonts/Plein-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./assets/fonts/RethinkSans-Regular.eot');
	src: url('./assets/fonts/RethinkSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-Regular.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-Regular.woff') format('woff'),
		url('./assets/fonts/RethinkSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./assets/fonts/RethinkSans-SemiBold.eot');
	src: url('./assets/fonts/RethinkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-SemiBold.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-SemiBold.woff') format('woff'),
		url('./assets/fonts/RethinkSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./assets/fonts/RethinkSans-Medium.eot');
	src: url('./assets/fonts/RethinkSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-Medium.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-Medium.woff') format('woff'),
		url('./assets/fonts/RethinkSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans Rethink Sans';
	src: url('./assets/fonts/RethinkSans-Italic.eot');
	src: url('./assets/fonts/RethinkSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-Italic.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-Italic.woff') format('woff'),
		url('./assets/fonts/RethinkSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./assets/fonts/RethinkSans-Bold.eot');
	src: url('./assets/fonts/RethinkSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-Bold.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-Bold.woff') format('woff'),
		url('./assets/fonts/RethinkSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./assets/fonts/RethinkSans-Bold.eot');
	src: url('./assets/fonts/RethinkSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/RethinkSans-Bold.woff2') format('woff2'),
		url('./assets/fonts/RethinkSans-Bold.woff') format('woff'),
		url('./assets/fonts/RethinkSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Leckerli One';
	src: url('./assets/fonts/LeckerliOne-Regular.eot');
	src: url('./assets/fonts/LeckerliOne-Regular.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/LeckerliOne-Regular.woff2') format('woff2'),
		url('./assets/fonts/LeckerliOne-Regular.woff') format('woff'),
		url('./assets/fonts/LeckerliOne-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Allura';
	src: url('./assets/fonts/Allura-Regular.eot');
	src: url('./assets/fonts/Allura-Regular.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Allura-Regular.woff2') format('woff2'),
		url('./assets/fonts/Allura-Regular.woff') format('woff'),
		url('./assets/fonts/Allura-Regular.ttf') format('truetype'),
		url('./assets/fonts/Allura-Regular.svg#Allura-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	src: url('./assets/fonts/DancingScript-Regular.eot');
	src: url('./assets/fonts/DancingScript-Regular.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/DancingScript-Regular.woff2') format('woff2'),
		url('./assets/fonts/DancingScript-Regular.woff') format('woff'),
		url('./assets/fonts/DancingScript-Regular.ttf') format('truetype'),
		url('./assets/fonts/DancingScript-Regular.svg#DancingScript-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	src: url('./assets/fonts/DancingScript-Medium.eot');
	src: url('./assets/fonts/DancingScript-Medium.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/DancingScript-Medium.woff2') format('woff2'),
		url('./assets/fonts/DancingScript-Medium.woff') format('woff'),
		url('./assets/fonts/DancingScript-Medium.ttf') format('truetype'),
		url('./assets/fonts/DancingScript-Medium.svg#DancingScript-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	src: url('./assets/fonts/DancingScript-SemiBold.eot');
	src: url('./assets/fonts/DancingScript-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/DancingScript-SemiBold.woff2') format('woff2'),
		url('./assets/fonts/DancingScript-SemiBold.woff') format('woff'),
		url('./assets/fonts/DancingScript-SemiBold.ttf') format('truetype'),
		url('./assets/fonts/DancingScript-SemiBold.svg#DancingScript-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	src: url('./assets/fonts/DancingScript-Bold.eot');
	src: url('./assets/fonts/DancingScript-Bold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/DancingScript-Bold.woff2') format('woff2'),
		url('./assets/fonts/DancingScript-Bold.woff') format('woff'),
		url('./assets/fonts/DancingScript-Bold.ttf') format('truetype'),
		url('./assets/fonts/DancingScript-Bold.svg#DancingScript-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}




:root {
	--font-primary: 'Plein';
	--font-secondary: 'Rethink Sans';
	--font-tertiary: 'Dancing Script';

	--white: #FFFFFF;
	--black: #060B0E;

	--blue: #366781;
	--red: #BE292B;
	--background: #FFFDFA;
	--background-2: #FFFBEB;
	--background-3: #FFF6EA;

	--blue-50: #F1F6F9;
	--blue-100: #D0E7F8;
	--blue-200: #7DC4EE;
	--blue-300: #559DC4;
	--blue-400: #3F7795;
	--blue-500: #366781;
	--blue-600: #2A5065;
	--blue-700: #1E3948;
	--blue-800: #12222B;
	--blue-900: #060B0E;
}

body {
	background: var(--background);
}

h1 {
	font-family: var(--font-primary);
	font-weight: 900;
}

h2 {
	font-family: var(--font-primary);
	font-weight: 500;
	font-size: 2.75rem;
	line-height: 1.2;
	color: var(--blue);
}


h3 {
	font-family: var(--font-tertiary);
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 1.2;
	color: var(--blue);
}

p,
li {
	font-family: var(--font-secondary);
	font-weight: normal;
	font-size: 1rem;
	color: var(--black);
}

a {
	font-family: var(--font-secondary);
	color: var(--primary-color);
	color: var(--blue);



}

.uk-button-primary {
	background-color: var(--blue);
	color: var(--background);
	padding: 0.75rem 1rem;
	font-family: var(--font-secondary);
	font-size: 1rem;
	line-height: 1;
	text-transform: initial;
	border-radius: 0.5rem;
	transition: all .3s ease-out;
}

.uk-button-primary svg {
	margin-right: 0.5rem;
}

.uk-button-primary:hover {
	background-color: var(--red);
}

.uk-button-secondary {
	background-color: var(--background-2);
	color: var(--blue);
	padding: 0.75rem 1rem;
	font-family: var(--font-secondary);
	font-size: 1rem;
	line-height: 1;
	text-transform: initial;
	border-radius: 0.5rem;
	transition: all .3s ease-out;
}

.uk-button-secondary svg {
	margin-right: 0.5rem;
	transition: all .3s ease-out;
}

.uk-button-secondary:hover svg path {
	fill: var(--background);
}

.uk-button-secondary:hover {
	background-color: var(--blue);
	color: var(--background);
}


/*********HEADER**********/

.sub-header {
	background-color: var(--background);
}

.sub-header .min-height {
	height: 40px;
}

.sub-header .gap-icone {
	margin-right: 0.25rem;
}

.sub-header .gap-items {
	gap: 1rem;
}

.sub-header a,
.sub-header p,
.sub-header .statut-ouvert {
	color: var(--black);
	font-family: var(--font-primary);
	font-size: 0.875rem;
	font-weight: 700;
}

header .primary-nav .uk-navbar-container {
	padding-top: 1rem;
}


header #menu-menu-principal {
	display: flex;
	gap: 2rem;
	justify-content: right;
}

header .menu-right {
	margin-top: 2rem;
}

header #menu-menu-principal li a {
	background-color: var(--background);
	font-size: 1.125rem;
	position: relative;
	border-radius: 0.5rem;
	color: var(--blue);
	padding: 0.75rem 1rem;
	transition: all .3s ease-out;
}

header #menu-menu-principal li a:hover {
	background-color: var(--blue);
	color: var(--background);

}

header .gap-left {
	margin-left: 2rem;
}

/* header #menu-menu-principal li a::after {
	content: '';
	background-color: var(--background);
	height: 2px;
	width: 1rem;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 50px;
	transition: all .3s ease-out;
}

header #menu-menu-principal li a:hover::after {
	width: 100%;
} */

header a.uk-button-primary {
	padding: 1rem 1.25rem;
}

header a.uk-button-primary span {
	font-size: 1.125rem;
}

header .primary-nav.uk-sticky-below {
	background-color: var(--background);
}

header .primary-nav.uk-sticky-below #menu-menu-principal li a {
	padding: 0;
}

header .primary-nav.uk-sticky-below .uk-navbar-container {
	padding-top: 0;
}

header .primary-nav.uk-sticky-below #menu-menu-principal li a:hover {
	background-color: initial;

}



header .primary-nav .logo-header-fix {
	display: none;
}

header .primary-nav.uk-sticky-below .logo-header {
	display: none;
}

header .primary-nav.uk-sticky-below .logo-header-fix {
	display: initial !important;
}

header .primary-nav.uk-sticky-below .logo-header-fix img {
	height: 4rem;
	width: auto;
}

header .primary-nav.uk-sticky-below .menu-right {
	margin-top: 0;
}

header .primary-nav.uk-sticky-below a.uk-button-primary span {
	font-size: 0.875rem;
}

header .primary-nav.uk-sticky-below a.uk-button-primary svg {
	width: 0.875rem;
	height: 0.875rem;
}

header .primary-nav.uk-sticky-below a.uk-button-primary {
	padding: 0.75rem 1rem;
}

header .primary-nav.uk-sticky-below #menu-menu-principal {
	gap: 2rem;
}

header .primary-nav.uk-sticky-below #menu-menu-principal li a {
	color: var(--blue);
	font-size: 0.875rem;
}

header .primary-nav.uk-sticky-below .uk-margin-large-left {
	margin-left: 2rem !important;
}

header .primary-nav.uk-sticky-below .uk-flex-top {
	align-items: center !important;
}

header .mobile-nav .logo-mobile {
	padding: 0.5rem 0;
}


header .mobile-nav .logo-mobile img {
	height: 3rem;
	width: auto;
}

header .mobile-nav .primary-nav .uk-navbar-container {
	padding-top: 0;
}

header .mobile-nav .uk-navbar-right a svg path {
	fill: var(--blue);
}

header .mobile-nav .primary-nav {
	background-color: var(--background-3);
}

#modal-full .logo-mobile img {
	max-height: 4rem;
	height: 100%;
	width: auto;
}


#modal-full .uk-modal-dialog {
	background: var(--background-3);
}

#modal-full .uk-navbar-dropdown-nav>li>a {
	color: var(--blue-500);
	font-size: 1.25rem;
}

#modal-full .uk-list-divider>:nth-child(n+2) {
	border-top: 1px solid var(--blue-100);
}

#modal-full .uk-modal-close-full {
	background-color: transparent;
	top: 1rem;
	right: 1rem;
}

#modal-full .uk-modal-close-full svg line {
	stroke: var(--blue-500);
}

@media screen and (max-width:980px) {
	.gap-right {
		gap: 1rem;
	}

	.status-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin-right: 8px;
		flex-shrink: 0;
	}

	.status-dot.ouvert {
		background-color: #3cb371;
		/* vert doux */
	}

	.status-dot.ferme {
		background-color: #d9534f;
		/* rouge doux */
	}

	.status-dot {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
	}

	.heure {
		font-family: var(--font-secondary);
		color: var(--black);
		font-size: 0.875rem;
	}

}

/***********FOOTER***********/



footer {
	position: relative;
	overflow: hidden;
}

footer .contact a,
footer .contact p,
footer .contact li {
	color: var(--blue);
}



footer::before {
	content: '';
	background-image: url('https://ozzypizzeria.fr/wp-content/uploads/2026/01/pizza-footer-1.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 527px;
	height: 560px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-50%);
}

footer::after {
	content: '';
	background-image: url('https://ozzypizzeria.fr/wp-content/uploads/2026/01/pates-footer-1.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 527px;
	height: 560px;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(50%) rotate(180deg);
}



footer .uk-container {
	margin-top: 6rem;
	padding-bottom: 2rem;
	position: relative;
	z-index: 12;
}

footer>* {
	position: relative;
}

footer .uk-text-small {
	color: var(--blue);
}

footer .title {
	font-size: 1.25rem;
	font-family: var(--font-tertiary);
	color: var(--blue);
}

footer .rs svg {
	color: var(--blue);
}

footer .contact svg {
	margin-right: 0.25rem;
}

footer .horaires {
	font-size: 0.875rem;
}

footer .min-width svg {
	min-width: 1.5rem;
}

@media screen and (max-width:960px) {

	footer .uk-container {
		margin-top: 0;
	}

	.logo-footer img {
		height: 6rem;
	}
}

@media screen and (max-width:640px) {

	footer::before,
	footer::after {
		display: none;
	}
}

/**********$CTA***********/

.cta h2 {
	margin-bottom: 0;
}


.cta p {
	font-size: 4rem;
	color: var(--blue);
	font-family: var(--font-tertiary);
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}

.cta .buttons {
	gap: 1rem;
}

.cta .pizza-cta img {
	scale: 1.2;
}

@media screen and (max-width:960px) {

	.cta img {
		display: none;
	}

	.cta p {
		font-size: 2rem;
	}

	footer {
		padding-top: 2rem;
	}

}

.card-article h3 {
	margin-top: 1rem;
}

.card-article * {
	text-decoration: none !important;
}

.card-article .ratio {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.card-article .read-more {
	font-family: var(--font-tertiary);
	color: var(--red);
	gap: 0.25rem;
}

.js-sticky-bottom {
	z-index: 9999;
	padding-bottom: 1rem;
}

.cky-consent-container .cky-consent-bar {
	background-color: var(--background);
	border: 0;
}

.cky-notice .cky-title {
	font-family: var(--font-primary);
}

.cky-btn-customize,
.cky-btn-reject,
.cky-btn-preferences {
	border-color: var(--blue) !important;
	color: var(--blue) !important;
}

.cky-btn-accept {
	background-color: var(--blue) !important;
	color: var(--white) !important;
	border-color: var(--blue) !important;
}