/*
Theme Name: VRD Australia
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: MOMO Media
Author URI: https://momomedia.com.au
Description: This is the child theme for VRD Website. Please do not remove this and the parent theme > Hello Elementor.
Tags: VRD
Version: 3.52
*/


body::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.5;z-index:-1;pointer-events: none;}
h1, h2, h3, h4, h5, h6 {color:#f0e426!important}
.woocommerce-breadcrumb {padding:15px 0 !important}

.woocommerce main {max-width: 1560px !important; padding:0 15px!important;}
main img:not(.info-box img) {border-radius: 10px !important;}

/* ============================
   BASE / MOBILE FIRST
============================ */
.product-info-boxes {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 10px;margin-top: 20px;}

/* Each box flexibly fills the row */
.info-box {flex: 1 1 0;background: #4b80db;padding: 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;min-width: 0;}
.info-box.pdf {background: #ed1c24;}
.info-box:hover {background: #ed1c24;}
.info-box .icon-title {display: flex;align-items: center;gap: 10px;}
.info-box .icon-title img {width: 40px;max-width: 60px;height: auto;object-fit: contain;}

/* Hide h4 on mobile */
.icon-title h4 {display: none;}

/* ============================
   DESKTOP / LARGER SCREENS
============================ */
@media (min-width: 768px) {
    .icon-title h4 {display: block;font-size: 16px;padding: 0;margin: 0;vertical-align: middle;}
    .info-box {padding: 20px;}
}


/* Desktop layout */
@media (min-width: 768px) {
.woocommerce-page div.product div.images {float: left; width: 40%;}
.woocommerce-page div.product div.summary {float: right;width: 57%;clear: none;}
}


.single-product h3 {border-bottom:1px dotted red; padding-bottom:10px; display:inline-block !important}
.related.products {display:block!important; padding-top:30px!important; overflow:hidden}
.sticky-wrapper {display:block; overflow:hidden;}
.product_meta {display:none!important}



ul.products li.product h2 {font-size:26px!important; border-bottom:1px solid red !important; padding:0 0 10px !important;}

/* Wrapper */
.woocommerce-archive-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Sidebar */
.archive-sidebar {
    flex: 0 0 25%;
    padding-right: 20px;
    box-sizing: border-box;
}

.archive-sidebar ul.category-list {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.archive-sidebar li {
    margin-bottom: 10px;
    border-bottom: 1px solid red;
    padding-bottom: 10px;
}

.archive-sidebar a {
    text-decoration: none;
    color: #333;
}

/* Products */
.archive-products {
    flex: 1 0 70%;
    box-sizing: border-box;
}

/* Mobile toggle button */
#mobile-categories-toggle {
    display: none;
    width: 100%;
    padding: 12px;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 15px;
}

/* Overlay */
.mobile-category-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);z-index: 9999;padding: 50px 20px;box-sizing: border-box;overflow-y: auto;}
.mobile-category-overlay .close-overlay {position: absolute;top: 15px;right: 20px;font-size: 30px;background: none;border: none;color: #fff;cursor: pointer;}
.mobile-category-overlay ul.category-list li {margin-bottom: 15px;}
.mobile-category-overlay ul.category-list li a {color: #fff;font-size: 18px;text-decoration: none;}

/* Responsive rules */
@media (min-width: 768px) {
    #mobile-categories-toggle,
    .mobile-category-overlay {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .archive-sidebar {display: none;}
    #mobile-categories-toggle {display: block;}
}

@media screen and (min-width:1560px){
	.woocommerce main {padding:0 10px!important;}

}


.woocommerce div.product {overflow:hidden!important}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {display:none!important}

.custom-popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.8);}
.custom-popup-content {background-color:black;margin: 10% auto;padding:35px;width: 90%;max-width: 500px;position: relative;border-radius: 5px;}
.custom-popup-close {position: absolute;top: 10px;right: 15px;font-size:30px;color:white!important;cursor: pointer;}

[type=button], [type=submit], button {background:red!important; color:white!important, border: none!important}
.wpcf7-response-output {color:red!important}



/* CF7 input text, textarea, and select fields */
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    color: #000000 !important;       /* Change to black or any color you want */
    background-color: #ffffff; /* Optional: set background if needed */
}

/* Placeholder text color */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #888888 !important;       /* Grey placeholder */
}