/*
Theme Name: Castella Child
Theme URI: https://castella.qodeinteractive.com
Description: A child theme of Castella
Author: e-Frogg Themes
Author URI: e-frogg.com
Version: 1.0
Text Domain: Castelas
Template: castella
*/


/*Init*/
a:hover, p a:hover {
    text-decoration: none !important;
}

/*soulignement texte global*/
::selection{
	background:#98987d;
}

.swiper-button-prev:hover svg, .swiper-button-next:hover svg{
	clip-path: inset(0 0 0 0);
}

.qodef-header--vertical #qodef-page-header-inner{
	border-right: 1px solid #90a43b;
}

.qodef-page-sidebar-section .wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.qodef-page-sidebar-section .wp-block-media-text .wp-block-media-text__media {
	width:100%;
	max-width:185px;
}
/* override style bouton outlined en bouton plein */
.qodef-button.qodef-layout--outlined {
	color: #fff;
    background-color: #0d0d0d;
    border: 1px solid transparent;
}
.qodef-button.qodef-layout--outlined:hover {
	color: #fff;
    background-color: #98987d;
}
.qodef-button:not(.qodef-layout--simple):not(.qodef-layout--textual):before, .qodef-button:not(.qodef-layout--simple):not(.qodef-layout--textual):after,
.qodef-m-diamond.qodef-diamond-one,
.qodef-m-diamond.qodef-diamond-two
{
	display:none;
}

.qodef-shortcode.qodef-m.qodef-button.qodef-layout--simple.qodef-html--link {
	color: #fff;
}

.qodef-shortcode.qodef-m.qodef-button.qodef-layout--simple.qodef-html--link:hover .qodef-m-button-inner:before {
	 background-color: #98987d;
}
.qodef-shortcode.qodef-m.qodef-button.qodef-layout--simple.qodef-html--link svg path {
	stroke: #fff;
}
.qodef-button.qodef-layout--simple .qodef-m-button-inner:before {
	transform: rotate(0deg);
	color: #fff;
    background-color: #0d0d0d;
    border: 1px solid transparent;
}

.qodef-button.qodef-layout--simple .qodef-m-button-inner:after{
	display:none;
}


/* padding x sur grille footer */
#qodef-page-footer-top-area .qodef-grid-inner {
	padding-inline: var(--qode-columns-gap);
}
#qodef-page-footer-top-area .qodef-grid-inner > .qodef-grid-item:first-child img {
	max-width:80%;
}

/* maj bouton icon back to top */
#qodef-back-to-top.qodef--predefined .qodef-back-to-top-icon .qodef--bg:before,
#qodef-back-to-top.qodef--predefined .qodef-back-to-top-icon .qodef--bg:after {
	display:none;
}
#qodef-back-to-top .qodef--bg{
	background-color: #0d0d0d;
}
#qodef-back-to-top.qodef--predefined .qodef-back-to-top-icon svg{
	stroke:#fff;
}
#qodef-back-to-top.qodef--predefined:hover .qodef--bg{
	transform:none;
	background-color: var(--qode-main-color);
}
#qodef-back-to-top.qodef--predefined:hover .qodef-back-to-top-icon svg{
	clip-path: inset(0 0 40px 0);
}

/*fix icone close menu mobile*/
.qodef-mobile-header--minimal #qodef-page-mobile-header-inner .qodef-opener-icon .qodef-m-icon.qodef--close{
	top:0;
	left:0;
}

/* gestion hover menu sub-menu */ 
li.menu-item a .qodef-menu-item-text{
	position:relative;
	padding: 5px 0;
}

ul.menu > li.menu-item-has-children > a .qodef-menu-item-text,
ul.sub-menu > li.menu-item-has-children > a .qodef-menu-item-text {
	padding:5px 15px 5px 0;
}

li.menu-item a .qodef-menu-item-text:before{
	content: '';
	position:absolute !important;
	top:95% !important;
	left:0 !important;
	height:1px !important;
	width:0 !important;
	background-color:#000 !important;
	transition: width 350ms ease-in-out !important;
	transform:unset!important;
}

li.menu-item a:hover .qodef-menu-item-text:before{
	width:100% !important;
}
 
ul.menu > li.menu-item-has-children > a .qodef-menu-item-text:after, 
ul.sub-menu > li.menu-item-has-children > a .qodef-menu-item-text:after {
	content: '';
	display:inline-block !important;
	position:absolute !important;
	top: 12px !important;
	left:auto !important;
    right: 0 !important;
    height: 6px !important;
    width: 6px !important;
	border-bottom:1px solid black !important;
	border-left:1px solid black !important;
	transform:rotate(-45deg) !important;
	background:none !important;
}

/*  DIVERS  */

#qodef-page-inner {
    padding: 0px;
}

.grayscale img{
	filter: grayscale(1);
	border-radius:100% !important;
}

.italic .qodef-m-text{
	font-style: italic;
}


/*Ajustements des icones reseaux sociaux footer */
.qodef-social-icons-group {
	display:flex;
	gap:5px;
}

/*Ajustements des langues footer */
.widget_icl_lang_sel_widget {
	margin-top: 20px !important;
}
.widget_icl_lang_sel_widget a {
	color: #262626 !important;
}


/* medailles */
.medailles-container {
	margin: 20px 0;
}
.medaille-item {
	text-align: center;
}
.medaille-item img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 10px;
}
.medaille-item h4 {
	font-size: 14px;
	margin: 0;
	text-transform: unset;
}

.medailles-container .swiper-button-next, 
.medailles-container .swiper-button-prev{
    top: 50px;
	z-index: 20;
}
.medailles-container .swiper-button-next{
	right: 0 !important;
}

.medailles-container .swiper-button-prev{
	left: 0 !important;
}

.medaille-item .produits-lies a{
	color:#98987d;
}
.medaille-item .produits-lies a:hover{
	color:black;
}

.no-image {
	width: 80px;
	height: 80px;
	background: #f0f0f0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}


/* Widget liste post CPT */
 .custom-posts-widget {
	 margin: 20px 0;
}

.custom-post-item {
	margin-bottom: 20px;
	overflow: hidden;
}

/* Mode Liste */
.custom-posts-list .custom-post-item {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
}

.custom-posts-list .custom-post-item:last-child {
	border-bottom: none;
}

.custom-posts-list .custom-post-thumbnail {
	float: left;
	margin-right: 15px;
	max-width: 150px;
}

.custom-posts-list .custom-post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

/* Mode Grille */
.custom-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}

.custom-posts-grid .custom-post-item {
	border: 1px solid #e0e0e0;
	padding: 15px;
	transition: box-shadow 0.3s ease;
}

.custom-posts-grid .custom-post-item:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.custom-posts-grid .custom-post-thumbnail {
	margin-bottom: 10px;
}

.custom-posts-grid .custom-post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

/* WIDGET Médailles + produits */
.medailles-elementor {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-flow: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.medailles-elementor .medaille-item {
    display: flex;
    flex-flow: column;
    align-items:center;
    gap:10px;
    max-width: 320px;
    width: 100%;
   
}

.medailles-elementor .medaille-item h4 {
    font-size: 16px;
    margin:0;
}

.medailles-elementor .medaille-item .produits-lies {
    list-style-type: none;
    margin:0;
}

/* Titre */
.custom-post-title {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4;
}

.custom-post-title a {
	text-decoration: none;
	color: inherit;
}

.custom-post-title a:hover {
	color: #0073aa;
}

/* Extrait */
.custom-post-excerpt {
	font-size: 0.95em;
	line-height: 1.6;
	color: #666;
}

#qodef-content-bottom{
	padding: 100px 0 100px 300px;
	border-top: 1px solid #e5dacf;
}
#qodef-content-bottom .widget_castella_core_contact_form_7{
	text-align:center;
}
#qodef-content-bottom .widget_castella_core_contact_form_7 .wpcf7-form-control-wrap {
	width:100%;
	max-width:620px;
	margin:15px auto;
}

.swiper-pagination-bullets .swiper-pagination-bullet{
	transform: rotate(0deg);
	border-radius: 100%;
	width: 10px;
    height: 10px;
	flex-shrink: 0;
	background-color: grey;
}

/* Override articles */
body.single.single-post #qodef-page-inner {
	margin: 0;
	width: 100%;
}

body.single.single-post #qodef-page-inner .qodef-e-content {
	padding-inline: 15px;
	width:100%;
	max-width:1400px;
}

body.single.single-post #qodef-page-inner .qodef-grid>.qodef-grid-inner{
	gap:0;
}

/* side bar acticle*/
body.single.single-post #qodef-page-inner .qodef-col--sidebar {
	background-color: #E0E4D5;
	padding:0 40px;
}

body.single.single-post #qodef-page-inner .qodef-col--sidebar .qodef-search-form-field {
	background-color: #fff;
}

body.single.single-post #qodef-page-inner .qodef-col--sidebar .qodef-grid-item {
	position:relative;
	top:0;
	left:0;
	min-height:unset;
	margin-bottom: 20px;
}

.qodef-info-separator-end:after{
	transform: rotate(0deg);
	border-radius:100%;
}

/* PAGE LISTE Recettes */
.recettes-widget {
    display:flex;
    flex-flow:column;
    gap:15px;
}

.recettes-widget .recettes-filtres {
    display: flex;
	flex-flow:column;
    gap: 20px;
}

.recettes-widget .recettes-filtres select, .recettes-widget .recettes-filtres button {
	background-color: #fff;
}

.recettes-widget .recettes-filtres .btn-filter{
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:bold;
}

.recettes-widget .recettes-list {
    display: flex;
    flex-flow: column;
    gap: 10px;
	margin:20px 0;
}

.recettes-widget .recettes-list .recette-item {
    display:flex;
    flex-flow:column;
    background-color:#fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
}

.recettes-widget .recettes-list .recette-item a {
    overflow:hidden;
} 

.recettes-widget .recettes-list .recette-item .btn-read-more{
	border:1px solid black;
	color:black;
	padding:5px 12px;
	text-transform:uppercase;
	font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 11px;
	letter-spacing: .1em;
}
.recettes-widget .recettes-list .recette-item .btn-read-more:hover{
	border:1px solid #90A43B;
	color:#90A43B;
}

.recettes-widget .recettes-list .recette-item a img{
    width: 100%;
    object-fit: cover;
    transition: transform .25s ease-in-out;
}

.recettes-widget .recettes-list .recette-item a:hover img{
    transform:scale(1.03);
}

.recettes-widget .recettes-list .recette-item > div {
    display:flex;
    flex-flow:column;
    align-items:center;
    gap:15px;
    padding:15px;
}

.recettes-widget .recettes-list .recette-item h4 {
   margin:0;
   font-size: 22px;
   color:#0d0d0d;
   text-align: center;
}
.recettes-widget .recettes-list .recette-item h4 a {
   color:#0d0d0d;
   text-align: center;
}
.recettes-widget .recettes-list .recette-item .excerpt {
    text-align: center;
}

.pagination-recettes{
	grid-column: span 4;
    text-align: center;
}

/* widget sibdebar articles */
.castella-related-posts {
	display: grid;
	grid-template-columns 1fr;
	gap:30px;
}
.castella-related-posts .related-post {
	display:flex;
	flex-flow:column;
	gap:20px;
}
.castella-related-posts .related-post a {
	display:block;
}
.castella-related-posts .related-post a img {
	width: 100%;
    object-fit: cover;
}

.castella-related-posts .related-post .content{
	display:flex;
	flex-flow:column;
	gap:5px;
	padding:0 15px;
}
.castella-related-posts .related-post .content h5, .castella-related-posts .related-post .content h5 a {
	text-transform:unset;
}

.castella-related-categories .category-item a {
	font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .175em;
    text-transform: uppercase;
    color: var(--qode-main-color);
}


/* MENUS */
.menu-huile h3{
	text-align:center;
}
.menu-huile .menu-recettes{
	 display: flex;
    flex-flow: column;
    gap: 10px;
	margin:20px 0;
}

.menu-huile .menu-recettes .recette {
	display:flex;
    flex-flow:column;
}

.menu-huile .menu-recettes .recette .recette-type {
	margin:10px 0;
	text-transform: uppercase;
	text-align:center;
	color:#90A43B;
	border-bottom:1px solid #90A43B;
}
.menu-huile .menu-recettes .recette .recette-link {
	overflow:hidden;
}
.menu-huile .menu-recettes .recette .recette-link img {
	width: 100%;
    object-fit: cover;
    transition: transform .25s ease-in-out;
} 
.menu-huile .menu-recettes .recette .recette-link:hover img{
    transform:scale(1.03);
}

.menu-huile .menu-recettes .recette .recettes-infos{
	display:flex;
    flex-flow:column;
    align-items:center;
    gap:15px;
    padding:15px;
	background-color:#fff;
}

.menu-huile .menu-recettes .recette .recettes-infos .recette-link{
	border:1px solid #90A43B;
	color:#90A43B;
	padding:5px 12px;
	text-transform:uppercase;
	font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 11px;
	letter-spacing: .1em;
}

.menu-huile .menu-recettes .recette .recettes-infos h4{
	margin:0;
   font-size: 22px;
   color:#0d0d0d;
   text-align: center;
}

.menu-huile .menu-recettes .recette  .excerpt {
	text-align:center;
}

/*FOOTER*/
#qodef-page-footer .widget:not(.widget_castella_core_title_widget) h5:not([class*=qodef]),
#qodef-page-footer .widget:not(.widget_castella_core_title_widget),
.widget_icl_lang_sel_widget a, #qodef-page-footer .widget a{
	color:#FFF !important;
}

/* Responsive */
@media (max-width: 768px) {
	.custom-posts-grid {
		grid-template-columns: 1fr;
	}

	.custom-posts-list .custom-post-thumbnail {
		float: none;
		max-width: 100%;
		margin-bottom: 10px;
	}
	
	/* override mobile hauteur .qodef-page-title */
	.qodef-page-title {
    	height: 150px !important;
	}
}

/* fiche produit */
body.single-produit #qodef-page-inner{
	width:100%;
	max-width:80%;
}

/* Recettes dans fiche produit */
body.single-produit .recettes-produits-elementor{
	display: flex;
    flex-flow: column;
    gap: 10px;
	margin:20px 0;
}
body.single-produit .recettes-produits-elementor .recette-item{
	display:flex;
    flex-flow:column;
    background-color:#fff;
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);*/
}
body.single-produit .recettes-produits-elementor .recette-item a {
    overflow:hidden;
} 
body.single-produit .recettes-produits-elementor .recette-item a img{
    width: 100%;
    object-fit: cover;
    transition: transform .25s ease-in-out;
}

body.single-produit .recettes-produits-elementor .recette-item a:hover img{
    transform:scale(1.03);
}

body.single-produit .recettes-produits-elementor .recette-item .recette-content{
	display:flex;
    flex-flow:column;
    align-items:center;
    gap:15px;
    padding:15px;
}

body.single-produit .recettes-produits-elementor .recette-item h4{
    margin:0;
   font-size: 22px;
   color:#0d0d0d;
   text-align: center;
}
body.single-produit .recettes-produits-elementor .recette-item h4 a{
   color:#0d0d0d;
   text-align: center;
}

body.single-produit .recettes-produits-elementor .recette-item .recette-excerpt{
	text-align: center;
}

/*BLOG*/
.qodef-blog.qodef-item-layout--compact article .qodef-e-media-image:after{
	display:none;
}


/*HOME*/
#trio_visite .qodef-section-title .qodef-m-subtitle{
	font-size:1.2em;
}


@media only screen and (max-width: 1024px) {
	#qodef-content-bottom{
	padding: 100px 0;
}
}

@media (min-width: 1025px) {

    .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4 {
        grid-column: span 3;
    }

	.recettes-widget .recettes-list {
		display:grid;
    	grid-template-columns: repeat(4, 1fr);
		gap:30px;
	}
	.recettes-widget .recettes-filtres {
   		flex-flow:row;
	}
	
	/* Recettes dans fiche produit */
	body.single-produit .recettes-produits-elementor{
		display:grid;
    	grid-template-columns: repeat(4, 1fr);
		gap:30px;
	}
	.menu-huile .menu-recettes{
		display:grid;
    	grid-template-columns: repeat(3, 1fr);
		gap:30px;
	}

}