/*

	Theme Name: Hello Elementor Child (Stampera)

	Theme URI: https://stampera.codexpen.com/

	Description: Child theme of Hello Elementor for Stampera. Holds the restructured WooCommerce single product template.

	Author: Sayush Palakkal

	Author URI: https://wonderfolks.com

	Template: hello-elementor

	Version: 1.0.0

	Text Domain: hello-elementor-child

*/





/* Dynamic header layout to match design reference */

.site-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

	padding: 20px 40px;

}



.site-header .site-branding {

	margin: 0;

}



/* Logo size */

.site-logo img,

.custom-logo {

	max-height: 50px; /* Change this value as needed */

	width: auto;

	display: block;

}



/* Optional: if the logo container is too large */

.site-logo a {

	display: inline-block;

	line-height: 0;

}



.site-header .site-description {

	margin: 4px 0 0;

	font-size: 13px;

	color: #666666;

	font-family: "DM Sans", sans-serif !important;

}



.site-navigation {

	margin: 0;

}



.site-navigation ul {

	display: flex;

	align-items: center;

	gap: 34px;

	list-style: none;

	margin: 0;

	padding: 0;

}



.site-navigation ul li {

	margin: 0;

}



.site-navigation ul li a {

	text-transform: uppercase;

	font-weight: 600;

	font-size: 13px;

	letter-spacing: 0.5px;

	color: #1a1a1a;

	text-decoration: none;

	font-family: "DM Sans", sans-serif !important;

}





.site-navigation ul li.current-menu-item a {

	color: #e6432a;

}



@media (max-width: 1024px) {

	.site-header {

		flex-direction: column;

		align-items: flex-start;

	}



	.site-logo img,

	.custom-logo {

		max-height: 40px;

	}

/* Desktop & Mobile */

.site-header .header-inner{

	display:flex;

	align-items:center;

	justify-content:space-between;

	width:100%;

}



@media (max-width:1024px){



	.site-header{

		padding:15px 20px;

	}



	.site-header .header-inner{

		display:flex;

		align-items:center;

		justify-content:space-between;

		flex-wrap:nowrap;

		width:100%;

	}



	.site-branding{

		flex:0 0 auto;

	}



	.site-navigation-toggle-holder{

		margin-left:auto;

		flex:0 0 auto;

		display:flex;

		align-items:center;

	}



	.site-logo img,

	.custom-logo{

		max-height:40px;

		width:auto;

	}

}

}



/* Mobile Menu */

@media (max-width: 1024px) {



.site-header {

	

	padding: 0px 0px;

}



    /* Dropdown container */

    .site-navigation-dropdown {

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: #ffffff;

        border-top: 1px solid #e5e5e5;

        box-shadow: 0 10px 30px rgba(0,0,0,.08);

        z-index: 999;

    }



    /* Menu */

    .site-navigation-dropdown ul {

        margin: 0;

        padding: 20px 0;

        list-style: none;

    }



    .site-navigation-dropdown ul li {

        margin: 0;

        border-bottom: 1px solid #f2f2f2;

    }



    .site-navigation-dropdown ul li:last-child {

        border-bottom: none;

    }



    /* Links */

    .site-navigation-dropdown ul li a {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 16px 24px;

        color: #222;

        font-size: 15px;

        font-weight: 600;

        text-transform: uppercase;

        text-decoration: none;

        font-family: "DM Sans", sans-serif !important;

        transition: all .3s ease;

    }



    /* Hover */

    .site-navigation-dropdown ul li a:hover {

        background: #f8f8f8;

        color: #e6432a;

        padding-left: 30px;

    }



    /* Active menu */

    .site-navigation-dropdown .current-menu-item > a,

    .site-navigation-dropdown .current_page_item > a {

        color: #e6432a;

        background: #fff5f2;

        border-left: 4px solid #e6432a;

    }



    /* Hamburger Button */

    .site-navigation-toggle {

        width: 46px;

        height: 46px;

        border: 1px solid #e5e5e5;

        border-radius: 8px;

        background: #fff;

    }



   





}



/* Dynamic footer layout to match design reference */

.site-footer {

	background-color: #000000 !important;

	color: #cccccc;

	width: 100%;

	max-width: 100%;

	margin: 0;

	box-sizing: border-box;

	padding: 60px 40px 0;

	display: block;

}



.footer-widgets {

	display: flex;

	flex-wrap: wrap;

	gap: 40px;

	max-width: 1140px;

	margin: 0 auto;

	justify-content: space-between;

}

.footer-widget {

	flex: 1 1 220px;

}

.footer-widget h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 20px;

}

.footer-widget p {

	font-size: 14px;

	line-height: 1.7;

	color: #b3b3b3;

}

.footer-widget a {

	color: #b3b3b3;

	text-decoration: none;

}

.footer-widget a:hover {

	color: #e6432a;

}

.footer-about img {

	max-width: 200px;

	height: auto;

	margin-bottom: 0px;

}

.footer-about .footer-logo-text {

	color: #ffffff;

	font-size: 22px;

	font-weight: 700;

font-family: "DM Sans", sans-serif !important;

}

.footer-navigation {

	list-style: none;

	margin: 0;

	padding: 0;

margin-left: -15px;

}

.footer-navigation li {

	margin-bottom: 12px;

}

.footer-bottom {

	border-top: 1px solid #262626;

	margin-top: 50px;

	padding: 22px 40px;

	text-align: center;

	font-size: 13px;

	color: #999999;

font-family: "DM Sans", sans-serif !important;

}

.footer-bottom .footer-brand {

	color: #e6432a;

}

@media (max-width: 768px) {

	.footer-widgets {

		flex-direction: column;

margin-left:8px !important;

	}

}





/* Dynamic footer layout to match design reference */

.site-footer {

	background-color: #000000 !important;

	color: #cccccc;

	width: 100%;

	max-width: 100%;

	margin: 0;

	box-sizing: border-box;

	padding: 60px 40px 0;

	display: block;

}



.footer-widgets {

	display: flex;

	flex-wrap: wrap;

	gap: 40px;

	max-width: 1140px;

	margin: 0 auto;

	justify-content: space-between;

}

.footer-widget {

	flex: 1 1 220px;

}

.footer-widget h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 20px;

}

.footer-widget p {

	font-size: 14px;

	line-height: 1.7;

	color: #FFFFFF;

}

.footer-widget a {

	color: #ffff;

	text-decoration: none;

}

.footer-widget a:hover {

	color: #e6432a;

}



.footer-navigation {

	list-style: none;

	margin: 0;

	padding: 0;

margin-left: -10px;

}

.footer-navigation li {

	margin-bottom: 12px;

}

.footer-bottom {

	border-top: 1px solid #262626;

	padding: 22px 40px;

	text-align: center;

	font-size: 13px;

	color: #999999;

font-family: "DM Sans", sans-serif !important;

}

.footer-bottom .footer-brand {

	color: #e6432a;

}

@media (max-width: 768px) {

	.footer-widgets {

		flex-direction: column;

	}

}



/* Ensure dynamic footer spans full browser width (override boxed theme default) */

.site-footer {

	max-width: none!important;

	width: 100% !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

}







/* Hide overflow so image doesn't spill outside */

.woocommerce ul.products li.product-category {

    overflow: hidden;

    border-radius: 12px;

}



/* Smooth zoom animation */

.woocommerce ul.products li.product-category img {

    transition: transform 0.4s ease;

}



/* Zoom on hover */

.woocommerce ul.products li.product-category:hover img {

    transform: scale(1.08);

}



/* Hide overflow */

.woocommerce ul.products li.product {

    overflow: hidden;

}



/* Smooth transition for product image */

.woocommerce ul.products li.product img {

    transition: transform 0.4s ease;

}



/* Zoom image on hover */

.woocommerce ul.products li.product:hover img {

    transform: scale(1.1);

}



/* Contact Form 7 - Send us a message styling */

.wpcf7-form .row {

	display: flex;

	gap: 24px;

	flex-wrap: wrap;

	margin-bottom: 6px;

}

.wpcf7-form .row p {

	flex: 1 1 200px;

	margin-bottom: 0;

}

.wpcf7-form p {

	margin-bottom: 22px;

}

.wpcf7-form label {

	display: block;

	font-size: 14px;

	color: #333;

	margin-bottom: 6px;

}

.wpcf7-form input[type="text"],

.wpcf7-form input[type="email"],

.wpcf7-form input[type="tel"],

.wpcf7-form textarea {

	width: 100%;

	border: none;

	border-bottom: 1px solid #ccc;

	background: transparent;

	padding: 6px 0;

	font-size: 15px;

	color: #333;

	box-sizing: border-box;

}

.wpcf7-form input[type="text"]:focus,

.wpcf7-form input[type="email"]:focus,

.wpcf7-form input[type="tel"]:focus,

.wpcf7-form textarea:focus {

	outline: none;

	border-color: #e53935;

}

.wpcf7-form textarea {

	min-height: 90px;

	resize: vertical;

}

.wpcf7-form input[type="submit"] {

	background-color: #e53935;

	color: #fff;

	border: none;

	padding: 14px 36px;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 1px;

	font-size: 13px;

	cursor: pointer;

	transition: background-color 0.2s ease;

}

.wpcf7-form input[type="submit"]:hover {

	background-color: #c62828;

}





.footer-icon{

    color:#fff!important;

    font-size:18px !important;

    margin-right:10px!important;

 position: relative;

    top: 3px;

}



.wpcf7-form textarea {

    height: 140px;

}

.site-footer .footer-address p {

    line-height: 2;

}



.product-list .woocommerce li.product h2, .archive.tax-product_cat li.product h2{

text-align: center;

color: #101a1d;

padding: 0;

}



.product-list .woocommerce li.product a.product_type_simple, .archive.tax-product_cat li.product a.product_type_simple, .woocommerce-result-count, .woocommerce-ordering{

	display: none;

}



.archive.tax-product_cat ul.products, .woocommerce-page ul.products{

margin-bottom: 40px;

}



.woocommerce .woocommerce-breadcrumb{

margin-top: 40px;

}



.woocommerce-products-header h1{

font-size: 2.5rem;

}





.woocommerce ul.products li.product a img,

.woocommerce-page ul.products li.product a img {

    display: block;

    width: 100%;

    /*border: 1px solid #ff0000 !important;*/

    border-radius: 6px;

    box-sizing: border-box;

}



.woocommerce ul.products li.product:hover a img,

.woocommerce-page ul.products li.product:hover a img {

    border: none !important;

}







.stampera-enquiry-button {

    background: #e6432a !important;

    color: #fff !important;

}



.single-product .product_meta {

    display: none !important;

}





.woocommerce #main.site-main,

.woocommerce-page #main.site-main {

    min-height: 80vh;

}

h1.woocommerce-loop-product__title{

	font-weight:bold;

}

p.stampera-loop-specs{

	text-align: center;

	color: #6B6B66;

	font-size:.8rem;

}



.woocommerce ul.products li.product {

    -webkit-box-shadow: 0px 0px 10px 1px rgba(205,205,205,0.2);

	box-shadow: 0px 0px 10px 1px rgba(205,205,205,0.2);

    background: #F4F7F8;

	transition: all .5s;

}



.woocommerce ul.products li.product:hover {

transition: all .5s;

    -webkit-box-shadow: 0px 0px 10px 1px rgba(255,0,0,0.2); 

	box-shadow: 0px 0px 10px 1px rgba(255,0,0,0.2);

}



@media (min-width: 1200px) {

body.single.single-product .site-main{

        max-width: 1140px;

	margin-inline-end: auto;

    margin-inline-start: auto;



    }

}





.stampera-section.stampera-specifications {
    display: none !important;
}

.stampera-section.stampera-key-features {
    display: none !important;
}


@media (max-width: 767px) {
    .single-product .site-main {
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    .site-main {
        padding-left: 15px;
        padding-right: 15px;
    }
}