/*
Theme Name: SONAX
Theme URI: https://sonaxmy.com.my/
Author: MS Media
Description: SONAX child theme based on Sapa
Version: 1.0
Author URI: https://sonaxmy.com.my/
Template: sapa
Text Domain: sonax-child
*/

/*  [ Add your custom css below ] - - - - - - - - - - - - - - - - - - - - */

@font-face {
    font-family: 'lufgabold';
    src: url('fonts/lufgabold-webfont.woff2') format('woff2'),
         url('fonts/lufgabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lufgaregular';
    src: url('fonts/lufgaregular-webfont.woff2') format('woff2'),
         url('fonts/lufgaregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lufgamedium';
    src: url('fonts/lufgamedium-webfont.woff2') format('woff2'),
         url('fonts/lufgamedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lufgalight_italic';
    src: url('fonts/lufgalightitalic-webfont.woff2') format('woff2'),
         url('fonts/lufgalightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lufgalight';
    src: url('fonts/lufgalight-webfont.woff2') format('woff2'),
         url('fonts/lufgalight-webfont.woff') format('woff');
    font-weight: normal;    font-style: normal;

}

@font-face {
    font-family: 'lufgaitalic';
    src: url('fonts/lufgaitalic-webfont.woff2') format('woff2'),
         url('fonts/lufgaitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*---TEXT RED FOR BUTTON--*/
.woocommerce nav.woocommerce-pagination span.current,
.woocommerce nav.woocommerce-pagination span.current:hover,
.continue-to-shop a,
.continue-to-shop a i,
button[name="apply_coupon"],
button#wpforms-submit-7054,
.woocommerce button[name="apply_coupon"],
.woocommerce .button:not(a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart),
.woocommerce button.button,
.woocommerce a.button:not(a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart),
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce .buy-now,
.woocommerce a.buy-now,
.woocommerce button.buy-now,
button.filter-button,
.filter-button,
#back-to-top,
#back-to-top i,
.page-numbers.current {
    color: #fff !important;
	font-weight:700!important;
}
/*---TEXT RED FOR BUTTON--*/

/*--BG RED SHOP--*/
@media (min-width: 1200px) {
	li.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_parent.menu-item-152.active-mega-menu.has-fullwidth {
	background: #e30015;
}
}
/*--BG RED SHOP--*/

/*--------CONTACT US--------*/
/*-------Hide Breadcrumb----------*/
.page-id-149 .tbay-breadcrumb.not-show-title { display: none !important; }
/* --- Form Layout (Grid/Flexbox) --- */
#wpforms-form-7054 .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Set half-width for Name, Email, Phone, and Subject */
#wpforms-7054-field_1-container,
#wpforms-7054-field_2-container,
#wpforms-7054-field_6-container,
#wpforms-7054-field_5-container {
    width: calc(50% - 10px); /* 10px accounts for half of the 20px gap */
}

/* Set full-width for the Message textarea */
#wpforms-7054-field_3-container {
    width: 100%;
}

/* --- Input & Textarea Styling --- */
#wpforms-form-7054 .wpforms-field input[type="text"],
#wpforms-form-7054 .wpforms-field input[type="email"],
#wpforms-form-7054 .wpforms-field textarea {
    min-width: 100%;
    box-sizing: border-box;
    border: 1px solid #dcdcdc; /* Light gray border */
    background-color: #ffffff;
    color: #333;
    font-size: 16px;
    outline: none;
    box-shadow: none;
}

/* --- Submit Button Styling --- */
#wpforms-form-7054 .wpforms-submit-container {
    text-align: center; /* Center the button */
    margin-top: 20px;
}
/*--------CONTACT US--------*/

/*-------HEADER----------*/
#header-divider {
	height: 70%;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    background-color: #000;
    opacity: 100%;
}
@media (min-width: 1200px) {
	.mini-cart-items,
	.count_wishlist {
		min-width:22px!important;
		padding: 0 2px!important;
    	line-height: 15px!important;
    	font-size: 10px!important;
	}
}
@media (max-width: 1199px) {
	.mini-cart-items,
	.count_wishlist {
		min-width:20px!important;
	}
}

/*NAVBAR*/
nav[data-id="shop-by-stages"] .elementor-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

nav[data-id="shop-by-stages"] .menu-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

nav[data-id="shop-by-stages"] .menu-title::before {
    content: "";
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Keep icon visible during hover/focus/current state */
nav[data-id="shop-by-stages"] .elementor-item:hover .menu-title::before,
nav[data-id="shop-by-stages"] .elementor-item:focus .menu-title::before,
nav[data-id="shop-by-stages"] .current-menu-item .menu-title::before {
    opacity: 1;
    visibility: visible;
}

nav[data-id="shop-by-stages"] li:nth-child(1) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage1.png");
}

nav[data-id="shop-by-stages"] li:nth-child(2) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage2.png");
}

nav[data-id="shop-by-stages"] li:nth-child(3) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage3.png");
}

nav[data-id="shop-by-stages"] li:nth-child(4) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage4.png");
}

nav[data-id="shop-by-stages"] li:nth-child(5) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage5.png");
}

nav[data-id="shop-by-stages"] li:nth-child(6) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage6.png");
}

nav[data-id="shop-by-stages"] li:nth-child(7) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage7.png");
}

nav[data-id="shop-by-stages"] li:nth-child(8) .menu-title::before {
    background-image: url("https://sonaxmy.com.my/wp-content/uploads/2026/05/stage8.png");
}

.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu {
	padding:0!important;
}

/*NAVBAR MOBILE*/
.mm-panels .mega-menu-item .elementor-section, 
.mm-panels .mega-menu-item .elementor-section .elementor-column .elementor-widget-wrap {
		background-color:#fff!important;
	}
/*-------HEADER----------*/

/*---PRODUCT PAGE--*/
/*-remove additional information --*/
.woocommerce div.product #woocommerce-tabs {
    display: none !important;
}

/*-PROUDCT SQUARE-*/
.display-products.products-grid .product-block.grid .block-inner figure.image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    margin: 0;
    position: relative;
}

.display-products.products-grid .product-block.grid .block-inner figure.image > a.product-image {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
}

.display-products.products-grid .product-block.grid .block-inner figure.image img,
.display-products.products-grid .product-block.grid .block-inner figure.image img.image-hover,
.display-products.products-grid .product-block.grid .block-inner figure.image img.image-effect,
.display-products.products-grid .product-block.grid .block-inner figure.image img.image-no-effect {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/*---PRODUCT PAGE--*/


/*--CART PAGE--*/
/* ================================
   SONAX Cart Page Final CSS
   ================================ */

/* Top cart action row */
body.woocommerce-cart .cart-bottom.actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 25px;
}

/* Hide Update Cart button */
body.woocommerce-cart .cart-bottom .update-cart {
    display: none !important;
}

/* Move Continue Shopping button to the right */
body.woocommerce-cart .cart-bottom .continue-to-shop {
    float: none !important;
    margin-left: auto;
}

body.woocommerce-cart .cart-bottom .continue-to-shop a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    height: 44px;
    padding: 0 24px;
    background: #ed0016;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 0;
}

body.woocommerce-cart .cart-bottom .continue-to-shop a i {
    margin-right: 6px;
}

/* Bottom coupon + cart totals section */
body.woocommerce-cart .tb-cart-total {
    margin-top: 55px;
}

body.woocommerce-cart .tb-cart-total > .row {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

/* Coupon area - align better with cart table */
body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:first-child {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-left: 50px !important;
}
.coupon .box .text {
	padding: 0 15px;
}

/* Cart totals area - move to right */
body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:nth-child(2) {
    flex: 0 0 430px;
    max-width: 430px;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0px !important;
}

/* Hide empty original checkout column */
body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:nth-child(3) {
    display: none !important;
}

/* Cart totals wrapper */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
}

/* Remove custom border and heavy padding */
body.woocommerce-cart .cart-collaterals .cart_totals {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Cart totals title */
body.woocommerce-cart .cart_totals h2 {
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eeeeee;
}

/* Cart totals table */
body.woocommerce-cart .cart_totals table {
    margin: 0 !important;
    border: 0 !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
    border: 0 !important;
    padding: 10px 0 !important;
    vertical-align: top;
}

body.woocommerce-cart .cart_totals table td {
    text-align: right;
}

/* Shipping text */
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    margin: 10px 0 0;
}

body.woocommerce-cart .cart_totals .shipping-calculator-button {
    display: inline-block;
    margin-top: 10px;
    color: #ed0016 !important;
}

/* Total row separator */
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
    padding-top: 18px !important;
    border-top: 1px solid #eeeeee !important;
}

body.woocommerce-cart .cart_totals .order-total .amount {
    color: #ed0016;
    font-weight: 600;
}

/* Proceed checkout button below cart totals */
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    display: block !important;
    position: static !important;
    width: 100%;
    padding: 0 !important;
    margin: 28px 0 0 !important;
}

body.woocommerce-cart .cart_totals .checkout-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 50px;
    margin: 0 !important;
    padding: 0 20px !important;
    background: #ed0016 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center;
}

/* Coupon layout */
body.woocommerce-cart .coupon .box {
    display: flex;
    gap: 12px;
    align-items: center;
}

body.woocommerce-cart .coupon input {
    height: 44px;
    border-radius: 0;
}

body.woocommerce-cart .coupon button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 28px;
    background: #ed0016 !important;
    color: #ffffff !important;
    border-radius: 0;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-cart .cart-bottom.actions {
        justify-content: stretch;
    }

    body.woocommerce-cart .cart-bottom .continue-to-shop {
        width: 100%;
        margin-left: 0;
    }

    body.woocommerce-cart .cart-bottom .continue-to-shop a {
        width: 100%;
    }

    body.woocommerce-cart .tb-cart-total {
        margin-top: 35px;
    }

    body.woocommerce-cart .tb-cart-total > .row {
        display: block;
    }

    body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:first-child,
    body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.woocommerce-cart .tb-cart-total > .row > .col-lg-4:nth-child(2) {
        margin-top: 25px;
    }

    body.woocommerce-cart .coupon .box {
        display: block;
    }

    body.woocommerce-cart .coupon input,
    body.woocommerce-cart .coupon button {
        width: 100%;
        margin-bottom: 10px;
    }
}
/* Cart buttons hover style */
body.woocommerce-cart .cart-bottom .continue-to-shop a:hover,
body.woocommerce-cart .cart_totals .checkout-button:hover,
body.woocommerce-cart .coupon button:hover {
    background: #000 !important;
    color: #ffffff !important;
}

/* Optional: smoother hover */
body.woocommerce-cart .cart-bottom .continue-to-shop a,
body.woocommerce-cart .cart_totals .checkout-button,
body.woocommerce-cart .coupon button {
	font-weight: 700 !important;
    transition: all 0.25s ease;
}

/*--CART PAGE--*/

/*---CHECKOUT PAGE--*/
.woocommerce-checkout .woocommerce form .form-row .input-checkbox {
	display: none !important;
}

/*---CHECKOUT PAGE--*/

/*--SHOP PAGE--*/
/* ================================
   SONAX Hide Shop Top Breadcrumb
   ================================ */

body.woocommerce-shop #tbay-breadcrumb {
    display: none !important;
}


/* ================================
   SONAX Hide Default Archive Title
   ================================ */

body.woocommerce-shop .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title,
body.woocommerce-shop .page-title,
body.tax-product_cat .page-title {
    display: none !important;
}


/* ================================
   SONAX Breadcrumb - Category + Single Product
   Top Left
   ================================ */

body.tax-product_cat #tbay-breadcrumb,
body.single-product #tbay-breadcrumb {
    display: block !important;
    padding: 25px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

body.tax-product_cat #tbay-breadcrumb .container,
body.single-product #tbay-breadcrumb .container {
    text-align: left !important;
}

body.tax-product_cat #tbay-breadcrumb .breadscrumb-inner,
body.single-product #tbay-breadcrumb .breadscrumb-inner {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
}

/* Hide Sapa Previous / Next product navigation from breadcrumb row */
body.single-product #tbay-breadcrumb .product-nav-icon {
    display: none !important;
}

body.tax-product_cat #tbay-breadcrumb ol.breadcrumb,
body.single-product #tbay-breadcrumb ol.breadcrumb,
body.tax-product_cat #tbay-breadcrumb .tbay-woocommerce-breadcrumb,
body.single-product #tbay-breadcrumb .tbay-woocommerce-breadcrumb {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}

body.tax-product_cat #tbay-breadcrumb li,
body.single-product #tbay-breadcrumb li {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    color: #333333 !important;
}

body.tax-product_cat #tbay-breadcrumb a,
body.single-product #tbay-breadcrumb a {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

body.tax-product_cat #tbay-breadcrumb a:hover,
body.single-product #tbay-breadcrumb a:hover {
    color: #ed0016 !important;
}


/* ================================
   SONAX Big Title - Top Middle
   Shop + Category Only
   ================================ */

body.woocommerce-shop .sonax-custom-archive-title,
body.tax-product_cat .sonax-custom-archive-title {
    width: 100%;
    text-align: center !important;
    margin: 45px auto 55px !important;
    padding: 0 !important;
    display: block !important;
    clear: both;
}

body.tax-product_cat .sonax-custom-archive-title .sonax-title-parent {
    display: block !important;
    font-size: 32px !important;
    line-height: 38px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-align: center !important;
    margin: 0 !important;
}

body.tax-product_cat .sonax-custom-archive-title .sonax-title-child,
body.woocommerce-shop .sonax-custom-archive-title .sonax-title-child {
    display: block !important;
    font-size: 54px !important;
    line-height: 62px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    text-align: center !important;
    margin: 0 !important;
}

body.woocommerce-shop .sonax-custom-archive-title .sonax-title-child {
    text-transform: uppercase;
}


/* ================================
   Mobile
   ================================ */

@media (max-width: 767px) {
    body.tax-product_cat #tbay-breadcrumb,
    body.single-product #tbay-breadcrumb {
        padding-top: 18px !important;
    }

    body.woocommerce-shop .sonax-custom-archive-title,
    body.tax-product_cat .sonax-custom-archive-title {
        margin: 35px auto 40px !important;
    }

    body.tax-product_cat .sonax-custom-archive-title .sonax-title-parent {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    body.tax-product_cat .sonax-custom-archive-title .sonax-title-child,
    body.woocommerce-shop .sonax-custom-archive-title .sonax-title-child {
        font-size: 38px !important;
        line-height: 46px !important;
    }

    body.tax-product_cat #tbay-breadcrumb ol.breadcrumb,
    body.single-product #tbay-breadcrumb ol.breadcrumb,
    body.tax-product_cat #tbay-breadcrumb li,
    body.single-product #tbay-breadcrumb li,
    body.tax-product_cat #tbay-breadcrumb a,
    body.single-product #tbay-breadcrumb a {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}
/*--SHOP PAGE--*/