/*  
Theme Name:   Élémen'terre   
Description:  Thème enfant pour le site Élémen'terre  
Author:       Juliette  
Template:     photoistic  
Version:      0.1.0 
*/

/*** ---- GLOBAL HOME ------ ***/
body {
	background-image: url('https://elementerre81.fr/wp-content/uploads/2025/09/bg3-opacity.png');	
}

#content {
}

:root {
	--primary-green : #64A84D!important;
}

.btn:hover, .button, .btn:focus {
	background: #64A84D!important;
}

.button:hover {
	background-color: black!important;
}

.backtotop {
	background: #64A84D;
	border-radius: 100%;
}

*, body {
	font-family: 'Quicksand', sans-serif;
}

#site-identity .site-title a:hover, #site-identity .site-title a:focus {
	color: var(--primary-green);
}

.woocommerce-tabs {
	width: 48%;
}
/**MENU burger**/
@media screen and (max-width: 568px) {
	.menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
	background-color: transparent;
	}
	button.dropdown-toggle {
		background-color: transparent;
	}
	.main-navigation svg.icon-search, .main-navigation svg.icon-down, .main-navigation button.dropdown-toggle:hover svg, .main-navigation button.dropdown-toggle:focus svg {
		fill: black;
	}
	form.search-form button.search-submit {
		background-color: var(--primary-green);
	}
}

/*PRIMARY MENU*/
.search-menu {
	display: none!important;	
}

.sub-menu .menu-item:hover > a{
	background: #64A84D!important;
	color: white!important;
}
.sub-menu .current-menu-item > a {
	color: #64A84D!important;
}
/*SLIDER*/
.featured-content-wrapper .entry-title  {
    font-size: 35px!important;
	color: white;
}

#featured-slider-section .slick-dots {
	bottom: 20px;
}

.slick-dots li {
	outline: 1px solid white;
    border-radius: 100%;
}

#featured-slider-section .slick-dots li.slick-active button {
	background-color: white;
}

.img-bio {
	width: 50px;
	height: 35px;
	background-image: url('https://elementerre81.fr/wp-content/uploads/2023/07/eurobio-logo.jpg');
	background-repeat: no-repeat;
	background-size: contain;
}

.flex-row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	gap: 5px;
}
/*FIRST SECTION*/
#speciality-section article {
	cursor: default;
}
#speciality-section .section-title, .section-subtitle {
	color: var(--primary-green);
}

#speciality-section .entry-title a:hover, 
#speciality-section .entry-title a:focus {
	color: var(--primary-green);
}

#speciality-section .featured-image:hover img{
	object-fit: none;
}
/* SLIDER */
.read-more p {
	margin-bottom: 30px;
}


@media screen and (min-width: 767px) {
#excerptSlide1::after {
	content: '';
	background: url('./images/tisane_custom.jpg');
	background-position: bottom -25px right -50px;
	background-size: 130%;
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 250px;
	height: 250px;
	margin-left: -230px;
}

#excerptSlide2::after {
	content: '';
	background: url('https://elementerre81.fr/wp-content/uploads/2025/08/alcoolature_gaillet_gratteron.jpg');
	background-position: center;
	background-size: 140%;
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 250px;
	height: 250px;
	margin-left: 650px;
	margin-top: -20px;
}

#excerptSlide3::after {
	content: '';
	background: url('https://elementerre81.fr/wp-content/uploads/2025/08/gemmotherapie_eglantier.jpg');
	background-position: bottom -50px right -55px;
	background-size: 140%;
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 250px;
	height: 250px;
	margin-left: -230px;
}
}
/*SECOND SECTION*/
#stories-section, #recent-products {
	background-color: #cfc0aa47;
}
#stories-section .entry-container {
	padding: 50px 0;
}

#stories-section .entry-container .entry-content h2 {
	font-size: 22px!important;
}


#stories-section .entry-container .entry-content p {
	font-size: 18px!important;
}

#stories-section .entry-title {
	font-size: 24px;
}

#stories-section .entry-title a:hover, #stories-section .entry-title a:hover {
	color: var(--primary-green);
}

#stories-section article {
	cursor: default;
	pointer-events: none;
}

.post-categories {
	display: none;
}


/*WOOCORMERCE SECTION*/
.price {
	color: #292929!important;
}

.woocommerce-loop-product__link img{
	width: 200px!important;
	height: 250px!important;
	object-fit: cover;
}

/*CUSTOM PRODUCTS SECTION*/
.content-slide {
	padding: 50px;
}

#custom_section .slick-dots li {
	outline: 1px solid grey;
}

#custom_section .slick-dots li.slick-active button{
	background-color: grey;
}
.slick-prev:before, .slick-next:before {
	content: '';
	font-family: 'Lora', serif;
}

.slick-prev {
	left: -40px;
	width: 12px;
}

.slick-next {
	right: -40px;
	width: 12px;
}

/*Card Product*/
.product {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.card-product-custom {
	margin-bottom: 35px;
}

.card-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.card-content img {
	width: 210px;
	height: 210px;
	object-fit: cover;

}

.card-content button {
	background-color: #64A84D;
}
.card-content a {
	background-color: #64A84D;
	padding: 11px 30px;
	text-decoration: none;
	border-radius: 50px;
	color: white;
}

.card-content a:hover {
	text-decoration: underline;
	background-color: black;
}

.card-content button:hover {
	background-color: black;
}

.item-name {
	font-weight: 600;
	font-size: 16px;
	margin: 15px 0;
	font-family: 'Quicksand', sans-serif;
}

.product-item-wrapper .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: #fff;
    background-color: #32373c!important;
	padding: 6px 15px !important;
    border-radius: 8px !important;
}
/*SECTION PAGE ACCUEIL*/
#inner-content-wrapper h1 {
	text-align: center;
}

/*CALENDAR*/
#eo_fullcalendar_1 .fc-toolbar .fc-button-group button {
	border: 1px solid #64A84D;
	background-color: white;
	color: #64A84D;
}

#eo_fullcalendar_1 .fc-toolbar .fc-button-group .fc-state-disabled, #eo_fullcalendar_1 .fc-toolbar .fc-button-group .fc-state-active {
	background-color: #64A84D;
	color: white;
	opacity: 100%;
}

#eo_fullcalendar_1 .fc-toolbar .fc-left .fc-button-group .fc-prev-button {
	border-radius: 8px 0 0 8px!important;
}
#eo_fullcalendar_1 .fc-toolbar .fc-left .fc-button-group .fc-next-button {
	border-radius: 0 8px 8px 0!important;
}
#eo_fullcalendar_1 .fc-toolbar .fc-left .fc-button-group .fc-today-button {
	border-radius: 8px!important;
}
#eo_fullcalendar_1 .fc-toolbar .fc-right .fc-button-group .fc-month-button {
	border-radius: 8px 0 0 8px !important;
}
#eo_fullcalendar_1 .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
	border-radius: 0 8px 8px 0!important;
}

#eo_fullcalendar_1 .fc-today {
	background: #ecf4e9;
}
#eo_fullcalendar_1 table th {
	background-color: #f7f7f7;
}

#eo_fullcalendar_1 .fc-day-number {
	padding-right: 5px!important;
}

#eo_fullcalendar_1 .fc-event {
	border-radius: 5px;
	color: white!important;
}

.qtip {
	border-radius: 8px;
	width: 350px;
	padding: 3px;
}
.qtip-titlebar {
	background: transparent!important;
	font-size: 14px;
}
.qtip-content {
	font-size: 14px;
}

/*-------PAGE PRODUCTS-------*/
.wc-block-grid__products .wc-block-grid__product{
	max-width: fit-content!important;
}

.wc-block-grid__product-image img {
	width: 250px!important;
	height: 250px!important;
	border-radius: 5px;
	object-fit: cover;
}

.wc-block-grid__product-add-to-cart a {
	border-radius: 5px;
	padding: 0.3em 0.7em!important;
	text-decoration: none!important;
}

.wc-block-grid__product-add-to-cart a:-webkit-any-link {
	text-decoration: none!important;

}
.wc-block-grid__product-add-to-cart a:hover {
	background-color: var(--primary-green);
}

.wc-block-grid__product-title {
	color: #292929;
	text-decoration: none!important;
}

.wc-block-grid__product-title:hover {
	color: var(--primary-green);
	text-decoration: var(--primary-green);
}

.wc-block-grid__products {
	justify-content: center;
}
/*------ CONTACT ------------*/

.background-contact {
	background: url(./images/the3.jpg);
}
.background-boutique {
	background: url(./images/cascade1.jpg);
}
.background-tisanes {
	background: url(./images/the5.jpg);
}
.background-tisanes-simples {
	background: url(./images/tisane1.jpg);
}
.background-tisanes-melangees, .background-ma-tisane {
	background: url(./images/the_melangees1.jpg);
}
.background-huiles {
	/* Image already use */
	background: url(./images/huile7.jpg);
}
.background-huiles-de-soin, .background-mon-huile-de-soin {
	background: url(./images/huile_soin2.jpg);
}
.background-les-huiles-essentielles, .background-mon-huile-essentielle {
	background: url(./images/he9.jpg);
}
.background-baumes, .background-mon-baume {
	background: url(./images/beaume1.jpg);
}
.background-phyto-energetique {
	background: url(./images/he14.jpg);
}
.background-gemmotherapie, .background-ma-gemmotherapie {
	background: url(./images/bourgeon11.jpg);
}
.background-alcoolature, .background-mon-alcoolature {
	background: url(./images/huile2.jpg);
}

.background-cart {
	background: url(./images/the2.jpg);
}
.background-panier {
	background: url(https://elementerre81.fr/wp-content/uploads/2025/09/bg-panier.jpg);
}

.background-commander, .background-mentions-legales, .background-conditions-generales-de-ventes, .background-politique-de-confidentialites {
	background: url(https://elementerre81.fr/wp-content/uploads/2023/04/cropped-feuilles.jpg);
}
/*------RESPONSIVE HOME------------*/
@media screen and (min-width: 768px) {
	#stories-section .entry-container {
		min-height: 450px;
		padding: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (min-width: 1024px) {
	#stories-section .entry-container {
		padding: 40px;
	}
	.page-section {
		padding: 60px 0;
	}
	#speciality-section .section-title {
		line-height: 42px;
	}
}

/*------FOOTER----*/
#colophon {
	background-color: #291502;
}
#block-22 .wp-block-image {
	display: flex;
	justify-content: end;
}

footer .footer-widgets-area .hentry {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
footer aside {
	width: fit-content;
	margin: 0!important;
}

footer aside figure {
	margin: 0!important;
}

footer li > a:hover{
	color: #64A84D!important;
}

/********PAGES LISTE PRODUITS**************/

.wc-block-product a {
	color: var(--primary-green);
}

.wc-block-components-product-button .wc-block-components-product-button__button {
	padding: 6px 15px!important;
    border-radius: 8px!important;
}
.wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover {
	background-color: var(--primary-green)!important;
}

.product {
	justify-content: space-between;
}