/*
Theme Name: Yummy Recipe
Theme URI: https://blossomthemes.com/downloads/yummy-recipe/
Template: vilva  
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Yummy Recipe is a perfect theme for creating a professional food blog and recipe website. The theme is mobile-friendly, SEO optimized, Schema friendly, and loads faster to help you rank your recipes higher on search engines. The theme is compatible with the Delicious Recipes plugin to provide top-notch features to easily create and share your recipes. You can easily choose from unlimited colors and 900+ Google fonts to change your website look and feel with a single click. With the Instagram section, you can share your recipe images and grow your followers. It also includes newsletter integration to help you grow your email list and communicate with your readers. Yummy Recipe is translation ready, RTL ready, and WooCommerce compatible. Check demo at https://blossomthemes.com/theme-demo/?theme=yummy-recipe, read the documentation at https://docs.blossomthemes.com/yummy-recipe/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.0.13
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 6.9
Requires PHP: 7.4
Requires at least: 6.2
Text Domain: yummy-recipe
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,photography,e-commerce
*/

:root {
    --primary-color: #c2a878;
    --primary-color-rgb: 194, 168, 120;
    --primary-font: 'Bitter', serif;
    --secondary-font: 'Playfair Display', serif;
}

body {
    font-size: 17px;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.cat-links a, 
.category a, 
.posted-on a, 
.footer-b .copyright a, 
.comments a, 
.instagram-section .profile-link {
    text-decoration: none;
}

.cat-links a:hover, 
.category a:hover, 
.posted-on a:hover, 
.footer-b .copyright a:hover, 
.comments a:hover, 
.instagram-section .profile-link:hover {
    text-decoration: underline;
}

/*========================
HEADER STYLE THREE
========================*/
.site-header.style-two .header-bottom .container {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
}

.site-header.style-two .header-bottom .main-navigation {
	display: flex;
	flex: auto;
	flex-wrap: wrap;
}

.site-header.style-two .header-bottom .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.site-header.style-two .header-bottom .header-social + .header-search, 
.site-header.style-two .header-bottom .header-social + .cart-block {
	border-left: 1px solid rgba(0,0,0,0.15);
	padding-left: 15px;
	margin-left: 5px;
}

.site-header.style-two .header-search-wrap {
	top: -2px;
}

/*=============================
SITE BANNER STYLE TWO
=============================*/
.site-banner.style-two .owl-stage {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.site-banner.style-two .owl-item {
	display: flex;
	flex: auto;
	flex-direction: column;
}

.site-banner.style-two .item {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.site-banner.style-two .item .banner-img-wrap {
	width: 60%;
	display: flex;
	flex-direction: column;
}

.site-banner.style-two .item .banner-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-img-wrap .svg-holder, 
.banner-img-wrap .fallback-svg {
	width: 100%;
	height: 100%;
}

.site-banner.style-two .item .banner-caption {
	position: static;
	width: 40%;
	text-align: left;
	padding: 40px;
	background: rgba(var(--primary-color-rgb), 0.15);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.site-banner.style-two .banner-caption .cat-links a, 
.site-banner.style-two .banner-caption .cat-links a::after {
	color: #121212;
}

.site-banner.style-two .banner-caption .banner-title {
	background: none;
	font-size: 2.67em;
}

.site-banner.style-two .item .banner-desc {
	margin-top: 20px;
}

.site-banner.style-two .item .banner-meta {
	margin-top: 15px;
}

.site-banner.style-two .banner-meta > span {
	font-size: 0.6666em;
	color: #121212;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}

.site-banner.style-two .banner-meta > span::after {
	content: "";
	background: rgba(0,0,0,0.25);
	width: 5px;
	height: 5px;
	display: inline-block;
	margin: -3px 5px 0 5px;
	vertical-align: middle;
	border-radius: 100%;
}

.site-banner.style-two .banner-meta > span:last-child::after {
	display: none;
}

.site-banner.style-two .banner-meta > span a {
	color: #121212;
	font-weight: 700;
}

.site-banner.style-two .banner-meta > span a:hover {
	color: var(--primary-color);
}

.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] {
	left: -60px;
	border: none;
	background-color: rgba(0,0,0,0.5);
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}

.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav .owl-next {
	left: auto;
	right: -60px;
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}

.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"]:hover {
	background-color: var(--primary-color);
}

/*========================================
BLOG POST LAYOUT TWO
========================================*/
/* Cartes blanches bordure/ombre (charte validée RDV Sabine 09/07 — ex-préview ?cartes=oui) */
.post-layout-two .site-main article {
	display: flex;
	flex: 1;
    flex-wrap: wrap;
    align-items: stretch;
	background: #fff;
	border: 1px solid rgba(0,0,0,.07);
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 40px;
	transition: box-shadow .25s ease, transform .25s ease;
}

.post-layout-two .site-main article:hover {
	box-shadow: 0 12px 30px rgba(0,0,0,.12);
	transform: translateY(-3px);
}

.post-layout-two .site-main article .post-thumbnail {
	margin-bottom: 0;
	width: 45%;
}

.post-layout-two .site-main article .post-thumbnail a,
.post-layout-two .site-main article .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-layout-two .site-main article .post-thumbnail + .content-wrap {
	width: 55%;
	padding: 28px 32px;
}

.post-layout-two .site-main article .content-wrap .entry-title {
	margin-top: 0;
	margin-bottom: 15px;
}

.widget ul li, 
.widget-area .widget_categories ul li, 
.widget-area .widget_archive ul li, 
.widget-area .widget_meta ul li, 
.widget-area .widget_nav_menu ul li, 
.widget-area .widget_pages ul li, 
.widget_bttk_popular_post ul li .entry-header .entry-title, 
.widget_bttk_pro_recent_post ul li .entry-header .entry-title {
	font-weight: normal;
}

.archive .site-main .dr-archive-list-gridwrap article:not(:first-child) {
    margin-top: 50px;
}

.recipe-post .entry-meta .post-rating .meta-text {
    display: inline-block;
    vertical-align: middle;
}

.single-recipe .site-main .post-navigation {
	padding-top: 60px;
}

.single-recipe .post-navigation .nav-links .nav-previous {
    flex-direction: inherit;
}

/*================================
RESPONSIVE STYLESHEET
================================*/
@media screen and (max-width: 1366px) {
    /*==============================
	SITE BANNER STYLE TWO
	==============================*/
	.site-banner.style-two .banner-caption .banner-title {
		font-size: 1.67em;
    }
    
    .site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] {
		left: 0;
	}

	.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav .owl-next {
		left: auto;
		right: 0;
	}
}

@media screen and (max-width: 1024px) {
    /*=============================
	SITE BANNER STYLE TWO 
	=============================*/
	.site-banner.style-two .item {
		flex-direction: column;
	}

	.site-banner.style-two .item .banner-img-wrap {
		width: 100%;
	}

	.site-banner.style-two .item .banner-caption {
		width: 100%;
		padding: 20px;
	}

	.site-banner.style-two .banner-caption .banner-title {
		font-size: 1.3333em;
	}

	.site-banner.style-two .item .banner-desc {
		font-size: 0.8888em;
	}
}

@media screen and (max-width: 767px) {
    /*===================================
	POST LAYOUT TWELVE
	===================================*/
	.post-layout-two .site-main article {
		flex-direction: column;
		margin-bottom: 32px;
	}

	.post-layout-two .site-main article .post-thumbnail {
		width: 100%;
	}

	.post-layout-two .site-main article .post-thumbnail + .content-wrap {
		width: 100%;
		padding: 20px 22px;
	}
}

/* Yummy Reciepe fixes */
.single-recipe .content-area {
	margin-top: 0px;
}

.single-recipe .dr-entry-header .dr-entry-title {
	margin-top: 0px;
}

.underline .entry-content a {
    color: var(--font-color);
    text-decoration: underline;
}

.underline .entry-content a:hover {
    color: var(--primary-color);
}


.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
	color: var(--font-color);
    text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
	color: var(--primary-color);
}

/*================================================
CHARTE « NUIT D'HÔTEL » — validée RDV Sabine 09/07
Laiton #c2a878 (accents, via --primary-color) +
titres bleu nuit #1f2a3d. Polices inchangées.
================================================*/
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.page-header .page-title,
.widget .widget-title {
	color: #1f2a3d;
}

/* Titres de single/page/archive : vilva pose #121212 avec une spécificité
   élevée (.single-style-N .site-main .entry-header .entry-title) — on aligne. */
.single-style-one .site-main .entry-header .entry-title,
.single-style-two .site-main .entry-header .entry-title,
.single-style-three .site-main .entry-header .entry-title,
.single-style-four .site-main .entry-header .entry-title,
.page .site-main .entry-header .entry-title,
.archive .content-area .page-header .page-title,
.search .content-area .page-header .page-title {
	color: #1f2a3d;
}

.entry-title a:hover {
	color: var(--primary-color);
}

.mpod-facets-title {
	color: #1f2a3d;
}

/* Bannières/covers : titres et liens sur image restent blancs */
.mpod-banner h1, .mpod-banner h2, .mpod-banner h3,
.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3,
.site-banner .banner-title, .site-banner .banner-title a {
	color: inherit;
}

.footer-t {
	background: #f3efe8;
}

/* Vignettes (cartes de listing + grilles/carrousels Spectra) :
   titres en bleu nuit, textes secondaires en gris */
.post-layout-two .site-main article .entry-content,
.post-layout-two .site-main article .entry-content p,
.post-layout-two .site-main article .entry-footer,
.post-layout-two .site-main article .entry-meta,
.post-layout-two .site-main article .posted-on,
.post-layout-two .site-main article .posted-on a {
	color: #5a5a5a;
}

.uagb-post-grid .uagb-post__title a,
.wp-block-uagb-post-carousel .uagb-post__title a {
	color: #1f2a3d;
}

.uagb-post-grid .uagb-post__title a:hover,
.wp-block-uagb-post-carousel .uagb-post__title a:hover {
	color: var(--primary-color);
}

.uagb-post-grid .uagb-post__excerpt,
.uagb-post-grid .uagb-post__text,
.wp-block-uagb-post-carousel .uagb-post__excerpt {
	color: #5a5a5a;
}

/* Titres des cartes du thème : bleu nuit (vilva pose #121212 en spécificité égale) */
body[class*="post-layout-"] .site-main article .entry-title a {
	color: #1f2a3d;
}

body[class*="post-layout-"] .site-main article .entry-title a:hover {
	color: var(--primary-color);
}

/*================================================
PLEINE LARGEUR + GRILLE 2 COLONNES (retour Steve 15/07,
acté au RDV Sabine 09/07) — layout_style/page/post = no-sidebar,
homepage_layout = one. Les archives reprennent le modèle de cartes
de la home (2 colonnes strictes, cartes blanches bordure/ombre).
================================================*/

/* Traits gris horizontaux vilva sous les articles (page d'accueil,
   cartes Spectra, grille) : supprimés (RDV 09/07 « ça cache un peu ») */
.post-layout-one .site-main article {
	border-bottom: none;
}

/* Cartes de la grille (archives natives, grille WPGB filtrée, home) */
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) {
	background: #fff;
	border: 1px solid rgba(0,0,0,.07);
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
	border-radius: 2px;
	overflow: hidden;
	padding-bottom: 24px;
	margin-bottom: 40px;
	transition: box-shadow .25s ease, transform .25s ease;
}

:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article):hover {
	box-shadow: 0 12px 30px rgba(0,0,0,.12);
	transform: translateY(-3px);
}

/* Texte des cartes : padding latéral (layout one = image bord à bord) */
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) :is(.entry-header, .entry-content, .entry-footer, .content-wrap) {
	padding-left: 24px;
	padding-right: 24px;
}

:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) figure.post-thumbnail {
	margin-bottom: 20px;
}

/* 2 colonnes strictes, y compris en pleine largeur (vilva passerait à
   3 colonnes) et pour le 1er article (vilva le passerait en héro 100 %) */
.post-layout-one .site-main > article:not(.type-page),
.full-width.post-layout-one .site-main > article:not(.type-page),
.post-layout-one .site-main > article:not(.type-page):first-child,
.full-width.post-layout-one .site-main > article:not(.type-page):first-child,
.post-layout-one .site-main > .wpgb-template article,
.full-width.post-layout-one .site-main > .wpgb-template article,
.post-layout-one .site-main > .wpgb-template article:first-child,
.full-width.post-layout-one .site-main > .wpgb-template article:first-child {
	width: 47%;
}

/* Cartes homogènes : image toujours en premier (vilva rend l'en-tête du
   1er article AVANT la vignette en layout one), titres de même taille,
   vignettes au même ratio. */
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) {
	display: flex;
	flex-direction: column;
}

:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) figure.post-thumbnail {
	order: -1;
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

/* Méta des cartes : la date « Mis à jour le … » respire au-dessus des tags */
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) .entry-meta .posted-on {
	display: block;
	margin-bottom: 10px;
}

/* Textes des cartes en gris foncé (RDV 09/07 : « contraste gris / bleu / doré »,
   titres bleus, gris lisible) — équivalent layout one des règles post-layout-two */
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) :is(.entry-content, .entry-content p, .entry-footer, .entry-meta, .posted-on, .posted-on a) {
	color: #5a5a5a;
}

:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) figure.post-thumbnail a,
:is(.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main .mpod-latest__grid article) figure.post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-layout-one .site-main > article:not(.type-page):first-child .entry-title,
.post-layout-one .site-main > .wpgb-template article:first-child .entry-title,
.post-layout-one .site-main .mpod-latest__grid article:first-child .entry-title {
	font-size: 1.6667em;
}

@media screen and (max-width: 767px) {
	.post-layout-one .site-main > article:not(.type-page),
	.full-width.post-layout-one .site-main > article:not(.type-page),
	.post-layout-one .site-main > article:not(.type-page):first-child,
	.full-width.post-layout-one .site-main > article:not(.type-page):first-child,
	.post-layout-one .site-main > .wpgb-template article,
	.full-width.post-layout-one .site-main > .wpgb-template article,
	.post-layout-one .site-main > .wpgb-template article:first-child,
	.full-width.post-layout-one .site-main > .wpgb-template article:first-child {
		width: 100%;
	}

	:is(.post-layout-one .site-main > article:not(.type-page),
		.post-layout-one .site-main > .wpgb-template article,
		.post-layout-one .site-main .mpod-latest__grid article) :is(.entry-header, .entry-content, .entry-footer, .content-wrap) {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Menu : plus de traits de séparation sous les éléments (RDV Sabine 09/07).
   Vilva pose un pointillé sous les items de sous-menu (desktop) et un trait
   plein sous chaque item du menu mobile. */
.main-navigation ul li a,
.main-navigation ul ul li a,
.secondary-menu ul li a,
.secondary-menu ul ul li a {
	border-bottom: none !important;
}

/* Sélecteur de traduction GTranslate intégré au menu principal (RDV Sabine 09/07) :
   wrapper remis dans le flux (sinon il pend sous la barre) + habillage sobre
   aligné sur les items du menu. */
.main-navigation li.menu-item-gtranslate {
	vertical-align: middle;
}

.main-navigation li.menu-item-gtranslate > div {
	position: static !important;
}

.main-navigation .gt_switcher,
.mpod-header-gt .gt_switcher {
	width: auto !important;
	font-family: inherit !important;
}

.main-navigation .gt_switcher .gt_selected,
.mpod-header-gt .gt_switcher .gt_selected {
	background: transparent !important;
}

.main-navigation .gt_switcher .gt_selected a,
.mpod-header-gt .gt_switcher .gt_selected a {
	border: none !important;
	width: auto !important;
	padding-right: 30px !important;
	color: #1a1a1a !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

/* Look « Liste déroulante » GTranslate (config Sabine/Steve 15/07) : le <select>
   natif prend l'allure des autres items du menu (pas de cadre gris). */
.main-navigation .gt_selector,
.mpod-header-gt .gt_selector {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" fill="none" stroke="%231a1a1a" stroke-width="1.5"/></svg>') no-repeat right center;
	border: none;
	border-radius: 0;
	padding: 0 18px 0 0;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: inherit;
	cursor: pointer;
	/* le select natif prend la largeur de sa plus longue option → chevron trop loin */
	width: 7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-navigation .gt_selector:hover,
.main-navigation .gt_selector:focus,
.mpod-header-gt .gt_selector:hover,
.mpod-header-gt .gt_selector:focus {
	color: var(--primary-color);
	outline: none;
}

/* Sur la barre mobile : le sélecteur sort du menu burger et rejoint la ligne
   burger / loupe (retour Steve 15/07). Desktop : il reste dans le menu. */
.mpod-header-gt {
	display: none;
}

@media screen and (max-width: 1024px) {
	.mpod-header-gt {
		display: flex;
		align-items: center;
		margin-right: 10px;
	}

	.main-navigation li.menu-item-gtranslate {
		display: none !important;
	}
}