:root {
	--cp--vert: #aeae70;  
	--cp--rouge: #db0c0c;   
    --cp--bg-nav: #0F0F0F;
    --cp--bg-footer: #fff;
    --cp--bg-fond-blanc: #FFFFFF;
    --cp--bg-fond-gris: #ECECEC;
    --cp--border_input: #a1a1a1;
    --cp--bg_input: #F5F5F5;
    --cp--text-color: #383838;
    accent-color: #D70000;
    --ast-global-color: #aeae70 !important;  
}

body {
	font: 0.9rem PoppinsLight, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: var(--cp--text-color);
	padding: 0;
	margin: 0;
	background-color: #fff;
	line-height: 1.6em;
}

@font-face {
    font-family: 'PoppinsLight';
    src: url('/wp-content/themes/omilleplantes/scripts/css/fonts/Poppins-Light.woff2') format('woff2'),
        url('/wp-content/themes/omilleplantes/scripts/css/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinsregular';
    src: url('/wp-content/themes/omilleplantes/scripts/css/fonts/scripts/css/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/wp-content/themes/omilleplantes/scripts/css/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppinsbold';
    src: url('/wp-content/themes/omilleplantes/scripts/css/fonts/scripts/css/fonts/Poppins-Bold') format('woff2'),
        url('/wp-content/themes/omilleplantes/scripts/css/fonts/Poppins-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Import de la font Roboto depuis Google Fonts et on l'applique sur tous les éléments de la page */
body * {
   font-family: 'Poppinsregular';color:#000}
}

*{-moz-box-sizing: border-box; box-sizing: border-box;}
h1{text-align:center;margin-top:2rem;}
h2{font-weight:normal}
.cwhite,.cwhite *{color:white !important;}

/* On applique un gris plus clair sur les paragraphes */
p {
   color: #313332;
}

/** Slide **/
div#div_slide{background-size:cover;background-position: center center;position:relative;}
.n2-ss-widget div span{font-family: 'PoppinsLight';font-size:2rem !important;}
.n2-ss-widget div span span{color:white;font-family: 'Poppinsbold';}

img{max-width:100%;max-height:100%;}
/** Slide **/

a.abtblanc:link, a.abtblanc:visited, a.abtblanc:active{
	display:inline-block;
	background-color:white;
	color:black !important;
	padding: 0.6rem;
    padding-left: 2rem;
    padding-right: 2rem;
	text-align:center;
	font-size:1rem;
	text-decoration:none;
	border-radius: 10px;
}
a.abtblanc:hover{background-color:var(--cp--jaune);color: !important;}

form input[type="text"],form input[type="email"],form input[type="number"],form input[type=password], form input[type="date"], form input[type="file"],form select{
	height:40px;
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1rem;
	width:100%;
}

.center{text-align:center;}

form textarea{
	background-color:white;
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: var(--cp--text-color);	
	border: 1px solid #313131;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1rem;
	background-color:#E9E9E9;
	padding: 1rem;
}

input[type="submit"]:hover,input[type="button"]:hover{
	box-shadow: 1px 4px 3px #0f0f0f;
}

input[type=file]::file-selector-button {
  margin-right: 8px;
  border: none;
  background: #193148;
  padding: 15px 20px;
  color: #fff;
  cursor: pointer;
}
form input[type="text"]:focus, form textarea:focus, form select:focus, form input[type="email"]:focus{outline: none;}

#ast-scroll-top {
    background-color: #ffffff;
    font-size: 15px;
    position: absolute:;
    z-index: 1000;
}

#page .site-content{background-color:#EFEFEF;padding-top:2rem;}

.site-content .ast-container {display: block;}

.header-shortcuts {
    display: block;
    font-size: 1rem;
    position: absolute;
    z-index: 5;
    color: white;
    width: 90%;
    top: 80px;
	left: 50%;
	transform: translate(-50%, 0);
}

.header-account,.header-cart{float:right;}
.header-search,.header-wishlist{float:left;}
.header-search{background-image: url(/wp-content/themes/omilleplantes/images/recherche.png);background-repeat:no-repeat;width:27px;height:27px;margin-right:2rem;}
.header-wishlist{background-image: url(/wp-content/themes/omilleplantes/images/favories.png);background-repeat:no-repeat;width:29px;height:27px;}
.header-account{background-image: url(/wp-content/themes/omilleplantes/images/compte.png);background-repeat:no-repeat;width:24px;height:27px;margin-right:2rem;}
.header-cart{background-image: url(/wp-content/themes/omilleplantes/images/panier.png);background-repeat:no-repeat;width:27px;height:27px;}

.wishlist_products_counter_number,.cart-count{
    background: var(--cp--vert);
    color: white;
    font-size: 12px;
    height: 18px;
    right: -22px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 5px;
    left:25px;
    width: 18px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
}

.header-shortcuts a {
    color: inherit;
    text-decoration: none;
    position: relative;
}

.search-overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
}

.search-overlay.active {
    display: flex;
}

.search-overlay-content {
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-form {
    display: flex;
}

.search-form .search-field {
   border: 1px dashed #ebebeb;
    line-height: 50px;
    font-size:1.5rem;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    border-radius: 30px !important;
    padding: 0px 15px;
    background-color:transparent !important;
    height:50px;
    text-align:center;
    color: white !important;
}

.search-submit {display:none;}

.search-close {
    background: none;
    border: none;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    align-self: flex-end;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.entry-content[data-ast-blocks-layout] > *{max-width:none !important;}

body.fullwidth-page .ast-container{max-width: 100% !important;padding:0;}
#div_best_seller_glob{padding-bottom:3rem;background-color:#575757;}
#div_best_seller_glob div h2{margin-top:0;padding-top: 3rem;color:white;}

.bgvert{background-color:green;color:white;padding:1rem;}
.bgrouge{background-color:red;color:white;padding:1rem;}

.woocommerce-js div.product .product_title {
    margin: 0 0 .5em 0;
    font-size: 2.5rem !important;
}

archive .add_to_cart_button,
.archive .product_type_simple,
.archive .product_type_variable {
    display: none !important;
}

.archive #content,.search #content,.post-type-archive-product #content,.tax-product_cat #content { background-color: #f9f9f9; }
.tinv-header{display:none;}

.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"],.site-footer{display: none}
div.div_new_item_intb{background-color:white;padding:1rem;}

body.fullwidth-page .ast-narrow-container .site-content > .ast-container{max-width:none !important;}

.div_best_seller_item img{width:100%;}
div#div_rsb{margin-top:0.5rem;}
div#div_rsb a{display:inline;margin-left:1rem;margin-right:1rem;}

div.divcontenance{	
    font-size: .85em;
    display: block;
    line-height: 1.3;
    opacity: .6;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{background-color:var(--cp--vert);}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {border-color: var(--cp--vert);}
.woocommerce-message, .woocommerce-info {border-top-color: background-color:var(--cp--vert);}
.woocommerce ul.products li.product.desktop-align-left .star-rating, .woocommerce ul.products li.product.desktop-align-left .button, .woocommerce-page ul.products li.product.desktop-align-left .star-rating, .woocommerce-page ul.products li.product.desktop-align-left .button {color:white;}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {color:white;}

footer{background-color:#192B49;color:white;padding-bottom:2rem;background-image: url(/wp-content/themes/omilleplantes/images/bg-footer.jpg);background-repeat:repeat-y;background-size:100%;;}
footer aside a{display:block;color:white;text-decoration:none;line-height:1.6rem;}
footer aside a:hover{color:var(--cp--jaune);}
footer aside div,footer aside div span{color:white;}
