/*
Theme Name:   ObjectifReptiles20
Description:  Écrivez ici une brève description de votre thème enfant
Author:       christophe
Author URL:   Mettez ici l’URL du blog ou du site de l’auteur
Template:     astra
Version:      1.0
Text Domain:  ObjectifReptiles20
*/

/* Le bug du menu sa mère */
.menu-link {
	background-color: rgba(0, 0, 0, 0) !important;
}


/* Taille d'image */
img{
    object-fit: contain;
}

/* Conteneur principal (générique) */
.ast-container {
	width: 1140px;
	background-color: #F2F2F2;
}
.entry-header {
	display: none;
}

/* Sélection du texte */
::-moz-selection {
background-color: #81AB5C;
	color: #FFFFFF;
}

::selection {
background-color: #81AB5C;
	color: #FFFFFF;
}

/* Scroll to top */
#scroll-to-top {
	visibility: hidden;
	position: fixed;
	z-index: 2;
	bottom: 32px;
	right: 32px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 32px;
	background-color: #9DC37C;
}

#scroll-to-top i {
	position: relative;
	top: 10%;
}

/* Responsive menu fixes */
.eael-simple-menu-responsive {
	background-color: #f2f2f2 !important;
}
.eael-simple-menu-toggle {
	border: 1px solid #000000 !important;
	border-radius: 10px !important;
}
.eael-simple-menu-indicator {
	background-color: #f2f2f2 !important;
	border-color: #000000 !important;
}
.eael-simple-menu-indicator::before {
	color: #000000 !important;
	background-color: #f2f2f2 !important;
}
.eael-simple-menu-indicator:hover::before {
	color: #9DC37C !important;
}
.eael-simple-menu-indicator:hover {
	color: #9DC37C !important;
	background-color: #f2f2f2 !important;
	border-color: #9DC37C !important;
}

/* Formulaire de contact */
.wpforms-field-medium {
	background-color: #F2F2F2 !important;
}

/* Tablepress */
@media screen and (max-width: 768px) {
	.dataTables_wrapper {
    	overflow: auto;
	}
}

/* Lien mobile cookie-consent */
@media screen and (max-width: 768px) {
	.wt-cli-manage-consent-link {
    	font-size: 18px;
	}
}

/* Woocommerce */
/* Products hover zoom effect */
.product-category {
	height: auto;
	max-width: 100%;
	overflow: hidden;
}
.product-category img {
	height: auto;
	max-width: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.product-category:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.woocommerce-LoopProduct-link img {
	width: 100% !important;
	aspect-ratio : 1 / 1 !important;
	object-position: top !important;
}

/* Short description align */
.woocommerce-product-details__short-description {
	margin-top: 37px;
}
.woocommerce-product-details__short-description p {
	margin-bottom: 1.6em;
}

/* Margin below the search bar */
.ast-woocommerce-container {
	padding-top: 32px !important;
}

.woocommerce-product-gallery__wrapper {
	margin: 32px 0 !important;
}

/* Marge du haut trop grande sur certaines pages */
.content-area.primary {
	margin: 0 !important;
}

/* Widget produits récents */
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product {
	border: none;
}

/* Centrer les produits de la galerie */
.woocommerce.columns-4 ul.products li.product {
    margin-left: auto;
    margin-right: auto;
}

/* Page single product */
.ast-woocommerce-container {
	padding: 0 32px;
}

@media screen and (max-width: 768px) {
	.products.columns-4 {
    	margin-bottom: 0 !important;
	}
}

/* Déplacer la description à droite des onglets */
.woocommerce-breadcrumb {
	word-wrap: break-word;
}

@media screen and (min-width: 768px) {
	.woocommerce-tabs,
	.wc-tabs-wrapper {
		width: 46% !important;
		float: right !important;
	}

	.woocommerce #content div.product .woocommerce-tabs,
	.woocommerce div.product .woocommerce-tabs,
	.woocommerce-page #content div.product .woocommerce-tabs,
	.woocommerce-page div.product .woocommerce-tabs {
		clear: none !important;
	}

	.woocommerce-product-details__short-description {
		width: 50%;
		float: left;
	}
}

/* Centrer la description et placer l'image en dessous du titre */
.summary {
	width: 100% !important;
}

/* Centrer le titre et l'image */
.product_title {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.woocommerce-product-gallery {
		margin: 0 25%;
	}
}

/* Déplacer les méta-données en dessous de l'image */
.product_meta {
	text-align: center;
}