/* =========================================
   LIV / K&P FURNITURE
   GLOBAL FONT + STICKY HEADER
========================================= */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');


/* =========================================
   PRODUCT IMAGE
========================================= */

.woocommerce .product-slider .woocommerce-product-gallery__image img {
    height: 300px !important;
}


/* =========================================
   KANIT - GLOBAL TEXT
   ไม่ใช้ body * เพื่อป้องกัน icon พัง
========================================= */

body,
body p,
body li,
body label,
body td,
body th,
body strong,
body em,
body small,
body blockquote,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body a,
body button,
body input,
body textarea,
body select,
body option {
    font-family: 'Kanit', sans-serif !important;
}


/* =========================================
   ELEMENTOR
========================================= */

.elementor-widget-text-editor,
.elementor-widget-heading,
.elementor-button,
.elementor-tab-title,
.elementor-accordion-title,
.elementor-toggle-title {
    font-family: 'Kanit', sans-serif !important;
}


/* =========================================
   WOOCOMMERCE
========================================= */

.woocommerce,
.woocommerce-page,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product,
.woocommerce-cart,
.woocommerce-checkout {
    font-family: 'Kanit', sans-serif !important;
}


/* =========================================
   ASTRA HEADER / MENU
========================================= */

.site-header,
.main-header-menu,
.main-header-menu a,
.ast-header-search,
.ast-header-search input {
    font-family: 'Kanit', sans-serif !important;
}


/* =========================================
   RESTORE ICON FONT
   ป้องกัน Astra / Elementor / Font Awesome พัง
========================================= */

/* Astra */
.ast-icon {
    font-family: inherit !important;
}

.ast-icon svg {
    font-family: inherit !important;
}

/* Elementor Icons */
.eicon,
[class^="eicon-"],
[class*=" eicon-"] {
    font-family: "eicons" !important;
}


/* =========================================
   STICKY HEADER
========================================= */

.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
}


/* =========================================
   WORDPRESS ADMIN BAR
   ป้องกัน Header ทับ Admin Bar
========================================= */

body.admin-bar .site-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 921px) {
    .site-header {
        top: 0 !important;
    }

    body.admin-bar .site-header {
        top: 46px !important;
    }
}