/*
 Theme Name:   Kraftiart Child
 Theme URI:    https://example.com   
 Description:  Child theme for the Kraftiart theme
 Author:       Simcy Sibichan
 Author URI:   https://example.com   
 Template:     kraftiart   
 Version:      1.0.0
*/

/* You can add custom CSS below */
@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-ExtraLight.woff2') format('woff2');
  font-weight: 200; /* Extra Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-Light.woff2') format('woff2');
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-Regular.woff2') format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-Medium.woff2') format('woff2');
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-SemiBold.woff2') format('woff2');
  font-weight: 600; /* Semi Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-Bold.woff2') format('woff2');
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oxanium';
  src: url('fonts/Oxanium-ExtraBold.woff2') format('woff2');
  font-weight: 800; /* Extra Bold */
  font-style: normal;
  font-display: swap;
}
:root {
  /* ✅ Correct — quotes only around the font name, no braces */
  --primary-font: 'Oxanium', sans-serif;
  --secondary-font: 'Oxanium', sans-serif;
  --third-font: 'Oxanium', sans-serif;
}
/*
* Header Top
*/
body, .woocommerce-active #primary .widget_block ul li a, .tt-section-title p {
    font-size: 20px;
}
.header-top{
    background-color: #FFED65;
}

.header_style.site-header.header-style-2{
	background-color: #231f20;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link{
	color: #fff;
}
.header_style.site-header.header-style-2 .header-line{
    height: auto;
}
.viewport .page-header{
    height: auto !important;
}
.page-header .breadcrumbs #crumbs, .page-header .breadcrumbs #crumbs a{
    color: #fff !important;
}
.page-header.inner-header-opacity::after{
    content: none;
}
.elementor .banner-image img{
    width: 100%;
}
.elementor-1096 .elementor-element.elementor-element-40693f3d:not(.elementor-motion-effects-element-type-background){
	background-color: #231f20 !important;
}
.tt-feature-box-title {
    color: #C57D2B !important;
}
.tt-feature-box-containt p{
    color: #fff !important;
}
.tt-feature-box-icon::before {
  content: none !important; /* or "" */
}
.blog_space .tt-post-wrapper{
    padding: 20px 20px 50px 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
}
.tt-banner .banner-text .banner-title{
    line-height: 32px !important;
}
.tt-banner .banner-text a.banner-button, 
.forminator-ui#forminator-module-6890.forminator-design--default .forminator-button-submit,
.blog-style .tt-post-more a,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    background-color: #C57D2B;
    color: #fff;
    border-bottom: none;
    border-radius: 60px;
    padding: 8px 16px;
}
.home_page_02 .tt-banner .banner-text a.banner-button:hover{
    color: #fff;
}
.elementor img,
.product .thumbnail-wrap a.thumbnail-img img{
    border-radius: 10px !important;
}
.wc-block-components-price-slider__actions{
    bottom: -25px;
}
.product-layout-morden .product .cart-wrap a,
.single-product .product .entry-summary .cart-wrap .product-button,
.single-product .product .entry-summary .cart-wrap .product-button:hover,
.product .product-button::after,
.single-product .product .entry-summary .cart-wrap .product-button::after,
.single-product .buy-now-wrap .button{
    border-radius: 30px !important;
}
.single-product .product .entry-summary .cart-wrap .product-button{
    height: 50px;
    font-size: 15px;
}
.right-header .mini-cart .dropdown-menu-mini-cart .widget_shopping_cart_content .buttons .button.checkout,
.single-product .stickycart-popup .cart-wrap .product-button{
        border-radius: 30px;
}
.elementor-8368 .elementor-element.elementor-element-689f30a1 .blog-style .tt-post-more a{
    background-color: #C57D2B;
    border-radius: 60px;
}
.single-product .product .entry-summary .quantity{
    float: none;
    margin: 0 0 20px;
}
.single-product .buy-now-wrap{
    float: left;
    width: 45%;
    padding-left: 18px;
}
.single-product .product.product-type-simple .entry-summary .cart-wrap{
    width: 45%;
}

h2.section-heading {
  font-family: 'Oxanium', sans-serif; /* your font */
  font-weight: 700; 
  font-size: 34px;
  line-height: 34px;
}
span.tt-section-sab {
  font-family: 'Open Sans', sans-serif; /* your font */
  font-weight: 400; /* 400 = Regular */
  font-size: 18px;
}
.cat_desc .wpcat-content .cat_name{
    font-size: 20px;
}
.elementor-8368 .elementor-element.elementor-element-40fe0022 .cat_desc .wpcat-content .cat_total_product{
    display: none;
}
.tt-feature-box-containt h4{
    font-weight: 700;
    color: #C57D2B;
    font-size: 24px;
}
.product .woocommerce-loop-product__title {
    font-size: 14px;
}
.product .price .amount bdi{
    font-size: 18px;
    color: #DF932D;
    font-weight: 500;
}
.service-block.swiper-slider .tt-feature-box-containt p {
    font-family: 'Open Sans', sans-serif; /* your font */
    font-weight: 400; /* 400 = Regular */
    font-size: 16px;
    font-style: normal;
}
footer.site-footer .footer-top-section.custom-footer-top{
    background-color: #231f20 !important;
    color : #fff;
    padding: 0;
}
.custom-footer-top .footer-top-content{
        min-height: 190px;
}
.custom-footer-top .site-info{
    padding-bottom: 35px;
}
footer.footer-style-1 .custom-footer-top .footer-top-row .footer-top-content{
    align-items: center;
}
footer .custom-footer-top .footer-newsletter .news-title .widget-title {
  display: flex;            /* put icon + text side by side */
  align-items: center;      /* vertical center */
  gap: 50px;                /* space between icon and text */
}

footer .custom-footer-top .footer-newsletter .news-title .widget-title::before {
  content: "";
  display: inline-block;     
  width: 101px;
  height: 101px;
  background-image: url('/wp-content/themes/kraftiart-child/assets/images/news-icon.svg');
  background-size: contain;  
  background-repeat: no-repeat;
  position: static !important;  /* if you need to override absolute from parent theme */
  flex-shrink: 0;               /* keep size in flex layout */
}
footer .custom-footer-top .footer-newsletter .news-title .widget-title{
    padding : 0;
    color: #fff;
    font-weight: 700;
    font-size: 38px;
    line-height: 58px;
}
.footer-top-section .footer-top-content .news-title{
    width: 65%;
}
.footer-top-section .footer-top-content .news-form{
    width: 35%;
}
footer .custom-footer-top input[type="email"]  {
    border-radius: 60px;
}

/* style the SVG icon inside the button */
.footer-newsletter .newsletter-btn svg {
  background-color: #C57D2B;        /* your desired background color */
  border-radius: 50%;            /* make it round */
  padding: 6px;                  /* space inside the circle */
  width: 24px;                   /* icon size */
  height: 24px;
  box-sizing: content-box;       /* so padding doesn't shrink icon */
  color: #fff;                   /* icon stroke color */
}

/* add space after the button */
.footer-newsletter .newsletter-btn {
  margin-right: 15px; /* space to the right of button */
}
.wc-block-cart .wc-block-cart__submit-container{
    background-color: #C57D2B;
    border-radius: 60px;
}
.wc-block-cart .wc-block-cart__submit-container a{
    color: #fff;
}
.header-style-2 .right-header .wishlist .wishlist-item-count{
    top:10px;
    left: 12px;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
    background-color: #fff;
}
@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu{
        background: #231f20;
    }
    #mega-menu-wrap-header-menu .mega-menu-toggle ~ button.mega-close:before{
        color: #fff;
    }
}
@media (max-width: 767px) {
  .swiper-slide {
    display: flex;
    align-items: center; /* center icon vertically */
    text-align: left; /* align text properly */
  }

  .swiper-slide .tt-feature-box-icon {
    flex: 0 0 25%; /* like col-3 */
    max-width: 25%;
    text-align: center; /* center icon horizontally */
  }
    .swiper-slide .tt-feature-box-icon img {
        width: 50px;
    }
  .swiper-slide .tt-feature-box-containt {
    flex: 0 0 75%; /* like col-9 */
    max-width: 75%;
    padding-left: 10px; /* space between icon and text */
  }
  .tt-feature-box-containt h4{
    font-size: 16px;
    text-align: left;
  }
  .service-block.swiper-slider .tt-feature-box-containt p{
      font-size: 12px;
      text-align: left;
  }
  .footer-top-section .footer-top-content .footer-newsletter{
      flex-direction: column;
  }
  footer .custom-footer-top .footer-newsletter .news-title .widget-title::before{
      width: 50px;
      height: 51px;
  }
  footer .custom-footer-top .footer-newsletter .news-title .widget-title{
    flex-direction: row;
    font-size: 17px;
    line-height: 24px;
  }
  .footer-top-section .footer-top-content .news-title{
      width: 90%;
  }
  .footer-top-section .footer-top-content .news-form{
      width: 80%;
  }
  .custom-footer-top .footer-top-content{
      min-height: 140px;
  }
  #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
  #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link{
      color: #fff;
  }
  
}

@media only screen and (max-width: 575px) {
    .header_style .site-branding .header-logo{
        padding-left: 25px;
    }
    span.tt-section-sab {
        font-size: 12px;
    }
    h2.section-heading{
        font-size: 20px;
        line-height: 22px;
    }
    .cat_desc .wpcat-content .cat_name{
        font-size: 20px;
    }
    .single-product .product .entry-summary .cart-wrap .product-button{
        height: 43px;
    }
}
@media (max-width: 480px) {
    .swiper-backface-hidden.service-block .swiper-slide {
        flex-direction: row;
    }