/*---------------------------------------------------------------------------------

 Theme Name:   Reservato
 Theme URI:    https://www.reservato.online
 Description:  The best child theme available. Worldwide. 
 Author:       Reservato
 Author URI:   https://www.reservato.online
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*----------------------------------- STYLEGUIDE STYLING -----------------------------*/
/*
h1, h2, h3, h4, h5{
font-family: FONTNAME}
}
p {
	font-family: FONTNAME}
*/
/*-----------------------------------HEADINGH TAGS H1 t/m H6 -----------------------------*/
h1{
font-size:1.802em;
}

h2{
font-size:1.602em;
}

h3{
font-size:1.424em;
}

h4{
font-size:1.266em;
}

h5{
font-size:1.125em;
}

h6{
font-size:1em;
}

/*-----------------------------------HEADINGH TAGS H1 t/m H6 MOBIEL ----------------------*/ 
/*
@media only screen and (max-width: 981px) {
h1{
font-size:30px;
}
	
h2{
font-size:26px;
}
	
h3{
font-size:22px;
}
	
h4{
font-size:20px;
}
	
	h5{
font-size:18px;
}
	
h6{
font-size:17px;
}
}	
*/

/*----------------------------------- WP FORMS ----------------------*/ 
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #333!important;
    font-size: 1em;
    padding: 10px 15px;
	width:100%;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    color: #333!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ffffff;
    padding: 24px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}
/*---------------Menu CTA Button---------------*/
             
.menu-cta a {
padding: 12px!important;
color: #ffffff!important;
	font-weight: 600;
    border: solid 2px #2892d0!important;
    border-radius: 5px;
    letter-spacing: 2px;
    font-size: 12px;
    /*font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;*/
    text-transform: uppercase!important;
    background-color: #2892d0;
}
 
.menu-cta a:hover {
    background-color:#2892d0;
    color: white!important;

}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

/*---------------CTA Button Color on Fixed Navigation---------------*/
 
#main-header.et-fixed-header .menu-cta a {
color: #ffffff !important;
}

/*---------------Menu CTA Button---------------*/
             
.menu-cta-1 a {
	padding: 12px!important;
	color: #b2a3a0!important;
	font-weight: 600;
	border: solid 2px #b2a3a0!important;
	border-radius: 5px;
	letter-spacing: 2px;
  	font-size: 12px;
  	/*font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;*/
	text-transform: uppercase!important;
	background-color: #ffffff;
}
 
.menu-cta-1 a:hover {
    background-color:#b2a3a0;
    color: #ffffff!important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

/*---------------CTA Button Color on Fixed Navigation---------------*/
 
#main-header.et-fixed-header .menu-cta-1 a {
color: #b2a3a0 !important;
}

.yith-quick-view-content.woocommerce div.summary .yith-wcqv-view-details {
    background: rgb(255, 255, 255);
    color: #515151;
    border-color: white;
}

.yith-quick-view-content.woocommerce div.summary .yith-wcqv-view-details:hover{
	    background: rgb(255, 255, 255)!important;
    color: #515151!important;
    border-color: white!important;
}

/* Algemeen: zorg voor flexibele, gelijke hoogte van productcontainers */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Zorgt dat elke productcontainer een gelijke hoogte heeft */
    box-sizing: border-box;
}

/* Zorg voor consistente hoogte van de titel */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 4em; /* Pas deze waarde aan op basis van de verwachte titelgrootte */
    margin-bottom: auto;
}

/* Consistente hoogte voor de prijs */
.woocommerce ul.products li.product .price {
    min-height: 2em; /* Zorg voor dezelfde ruimte voor de prijs */
}

/* Plaats de 'Toevoegen aan winkelwagen' knop onderaan en links uitgelijnd */
.woocommerce ul.products li.product .button {
    align-self: flex-start; /* Knop links uitgelijnd */
    margin-top: auto; /* Duwt de knop naar de onderkant van de container */
}

/* Specifieke layout voor twee kolommen op mobiel */
@media screen and (max-width: 981px) {
    .archive #page-container .products li, #page-container .et_pb_shop .products li {
        width: 47% !important;
        padding-bottom: 1rem; /* Optioneel: extra ruimte onderaan op mobiel */
    }
}

.woocommerce ul.products li.product .button {

	margin-bottom: 10px;}

.woocommerce span.onsale {
    display: none !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display:none!important;
}

@media (max-width: 782px) {
    body.admin-bar .yith-wcan-filters.filters-modal {
        top: 200px!important;
    }
}

body.admin-bar .yith-wcan-filters.filters-modal {
    top: 300px!important;
    margin-top: 200px!important;
}

/*--------------- Button WP-Forms ---------------*/
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    font-weight: bold !important;
	text-transform: uppercase !important;
	transition: all 0.3s ease-in-out;
	background-color: #6faa3d !important;
    border: 3px solid #6faa3d;
	border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 1em;
    padding: 10px 15px;
	width:100% !important;
}
/*--------------- END Button WP-Forms ---------------*/

/*--------------- Button WP-Forms HOVER ---------------*/
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: #6faa3d !important;
    border: 3px solid #6faa3d;
	border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 1em;
    padding: 10px 15px;
	width:100% !important;
	transform: scale(1.05);
	transition: all 0.3s ease-in-out;
}
/*--------------- END Button WP-Forms HOVER ---------------*/

/*--------------- WP-Forms Input Field ---------------*/
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: #ffffff !important;
    box-sizing: border-box;
    border-radius: 5px !important;
	border: solid 1px #000000!important;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    padding: 24px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}
/*--------------- END WP-Forms Input Field ---------------*/



/* Style for the fixed filter button */
.fixed-bottom-filter-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    background-color: #0071a1;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
    z-index: 1000; /* Keeps the button above other elements */
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
    display: none; /* Hide by default */
}

/* Show the button only on mobile devices */
@media (max-width: 768px) {
    .fixed-bottom-filter-button {
        display: block;
    }
}

/* Change background color on hover (mobile only) */
@media (max-width: 768px) {
    .fixed-bottom-filter-button:hover {
        background-color: #005f89;
    }
}

@media (max-width: 980px) {
    .et_left_sidebar #sidebar {
        margin-right: 0;
        border-right: none;
        display: none;
    }
}

.facetwp-flyout-content {
    padding: 10px;
	margin-top: 75px!important;}

.product .related h2 {
    font-size: 16px !important;
    padding-bottom: 8px!important;
}

/* Verwijdert het hover-effect op gerelateerde productafbeeldingen in WooCommerce */
.related.products .woocommerce-loop-product__link img:hover {
    transform: none !important;
    filter: none !important;
}

#yith-wacp-popup .yith-wacp-content .yith-wacp-popup-actions .button{
	border:none!important;
}