/**
Theme Name: Sorea
Author: MakeMyWebsite
Author URI: https://www.makemywebsite.com.au/
Description: Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sorea
Template: astra
*/

a:focus{outline:0 !important}
.elementor-widget-container p, .elementor-widget-text-editor p{margin-bottom:0 !important;}
.padding-top{padding-top:100px;}
.padding-bottom{padding-bottom:100px;}

.woocommerce-button.button.invoice.order-actions-button {
	color:#fff!important;
}

.bannerheading h1{
	font-size: clamp(1.75rem, 1rem + 3.75vw, 5.5rem);
	font-weight:500 !important;
	    line-height: 1.2em !important;
}
h2{
	font-size: clamp(1.75rem, 1.5375rem + 1.0625vw, 2.8125rem) !important;
	font-weight:500 !important;
}
h3{
	font-size: clamp(1.3125rem, 1.1625rem + 0.75vw, 2.0625rem) !important;
	font-weight:500 !important;
}
h4{
	font-size: clamp(1.3125rem, 1.23rem + 0.4125vw, 1.725rem) !important;
	font-weight:500 !important;
}
h5{
	font-size: clamp(1.3125rem, 1.2875rem + 0.125vw, 1.4375rem) !important;
	font-weight:500 !important;
}
h6{
	font-size: clamp(1.3125rem, 1.335rem + -0.1125vw, 1.2rem) !important;
	font-weight:500 !important;
}

.xlarge span, .xlarge h2, .xlarge h3, .xlarge h4, .xlarge h5, .xlarge h6, .single h1.product_title, .xlarge h1 {
   font-size: clamp(1.75rem, 1.5375rem + 1.0625vw, 2.8125rem) !important;
	font-weight:500 !important;
   
}

.large span, .large h2, .large h3, .large h4, .large h5, .large h6, p.Head-ServiceH {
   font-size: clamp(1.3125rem, 1.23rem + 0.4125vw, 1.725rem) !important;
   
}

.small span,.small p, .small h2, .small h3, .small h4, .small h5, .small h6 {
   font-size: clamp(1.3125rem, 1.2875rem + 0.125vw, 1.4375rem) !important;
	margin-bottom:0;
   
}

.xsmall span,.xsmall p, .xsmall h2, .xsmall h3, .xsmall h4, .xsmall h5, .xsmall h6, .lheading h2 {
   font-size: clamp(1.3125rem, 1.335rem + -0.1125vw, 1.2rem) !important;
	margin-bottom:0;
   
}

.woocommerce-account h1{    text-align: center; text-transform: capitalize;}

/* Style for the Circular New Badge on the Right */
.sorea-new-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    /* Moves badge to the Right */

    background-color: #842438;
    /* Your specific color */
    color: #ffffff;

    /* Shape and Sizing for Circle */
    width: 55px;
    /* Fixed width */
    height: 55px;
    /* Fixed height (must match width) */
    border-radius: 50%;
    /* Makes it a perfect circle */

    /* Center the text inside the circle */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Font Styling */
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 20;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

/* Ensure the product container allows absolute positioning */
.woocommerce ul.products li.product {
    position: relative;
}

/* 3. Single Product Page Positioning */
/* This ensures the badge sits inside the product info column */
.woocommerce div.product div.summary {
    position: relative !important;
}

/* Optional: Adjust position specifically for Single Product Page if needed */
.woocommerce div.product div.summary .sorea-new-badge {
    top: 0px;
    /* Might look better slightly higher on single page */
    right: 0px;
}

.product-type-variable .elementor-widget-woocommerce-product-price{display:none;}
.product-type-variable .elementor-product-variable{margin-top:-25px}
.woocommerce-js div.product form.cart .variations label {
    font-size: 17px;
}

.elementor-widget-woocommerce-product-content ul{margin-left:20px;}

h2.woocommerce-loop-product__title{font-size:22px !important}
.ast-shop-product-out-of-stock{color:#151515}
.woocommerce ul.products li.product .astra-shop-summary-wrap, .woocommerce-page ul.products li.product .astra-shop-summary-wrap {
    padding: 0;
}
.gform_button{ border: 2px solid #fff !important;}
.uael-gf-select-custom:after{display:none;}

@media only screen and (max-width: 1365px) {
.e-con>.e-con-inner {
    max-width:90%;
	width: 100%;
}

.e-n-accordion .e-con-inner {max-width:100%}
}

@media (max-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
	
	.padding-top{padding-top:50px!important;}
	.padding-bottom{padding-bottom:50px!important;}
	
}

@media (max-width: 500px) {
	
	.elementor-element-cd59cc8{--display:block !important; display:block !important;}
	
    .woocommerce ul.products, 
    .woocommerce-page ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
       
    }
 /* 1. Force 1 Column Grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        margin-bottom: 40px !important;
    }

    /* 2. Product Card Container Styling */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
      width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
        height: auto !important; 
        min-height: auto !important;
        margin-bottom: 20px !important; 
        border-bottom: 1px solid #eee; 
    }

    /* 3. Button Styling (Full Width & Spacing) */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .added_to_cart {
       display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 20px !important;
        padding: 12px 0 !important; 
        position: relative !important; 
    }
    	
}