/*
Theme Name: Botiga Child
Theme URI: https://athemes.com/theme/botiga/
Description: Custom child theme for premium leather handbag WooCommerce website.
Author: Artha Karya Digital
Version: 1.2.0
Template: botiga
*/

ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title, ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title, ul.wc-block-grid__products li.product .wc-block-grid__product-title, ul.wc-block-grid__products li.product .woocommerce-loop-product__title, ul.products li.wc-block-grid__product .wc-block-grid__product-title, ul.products li.wc-block-grid__product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, .woocommerce-loop-product__title .botiga-wc-loop-product__title {
    color: #bbb0a1 !important;
}
.n2-ss-slider .n2-ss-item-image-content img {
    width: 100% !important;
}
.posts-archive {
    width: 80%;
    place-self: center;
}
.posts-archive .entry-meta a {
    color: #AA9D89 !important;
}
.posts-archive .entry-title {
    margin-bottom: 28px;
}
.posts-archive .entry-title a {
    color: #AA9D89 !important;
    margin-bottom: 28px;
    font-family: 'Beyonest', cursive !important;
}
/* ==========================================================
   ED ATELIER
   CATALOG / CATEGORY ARCHIVE
========================================================== */

.ed-catalog-archive {
    background: #3B2A20;
    color: rgb(219 202 177);
    min-height: 100vh;
}

.ed-catalog-container {
    width: min(1400px, calc(100% - 80px));
    margin: 0 auto;
}


/* HEADER
---------------------------------------------------------- */

.ed-catalog-header {
    padding: 100px 0 70px;
}

.ed-catalog-eyebrow {
    margin: 0 0 20px;

    font-family: 'Maison Neue', sans-serif !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: rgba(243, 237, 228, 0.55);
}

.ed-catalog-title {
    margin: 0;
    font-family: 'Canela Text', 'Canela', serif !important;
    font-size: clamp(44px, 6vw, 90px);
    font-weight: 300;
    line-height: 0.95;
    letter-spacing: -0.025em;
    color: rgb(219 202 177);
}

.ed-catalog-description {
    max-width: 600px;
    margin-top: 30px;

    font-family: 'Maison Neue', sans-serif !important;
    font-size: 14px;
    line-height: 1.8;

    color: rgba(243, 237, 228, 0.65);
}


/* CATALOG
---------------------------------------------------------- */

.ed-catalog-content {
    padding: 20px 0 120px;
}


/* GRID
---------------------------------------------------------- */

.ed-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 70px 28px;
}


/* ITEM
---------------------------------------------------------- */

.ed-catalog-item {
    min-width: 0;
}

.ed-catalog-image-link {
    display: block;
    text-decoration: none;
}

.ed-catalog-image {
    position: relative;

    width: 100%;
    aspect-ratio: 4 / 5;

    overflow: hidden;

    background: #EEE8E0;
}

.ed-catalog-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s cubic-bezier(.2,.6,.3,1),
        opacity 0.4s ease;
}

.ed-catalog-item:hover .ed-catalog-image img {
    transform: scale(1.025);
}


/* PLACEHOLDER
---------------------------------------------------------- */

.ed-catalog-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #E9E2DA;
}

.ed-catalog-placeholder span {
    font-family: 'Maison Neue', sans-serif !important;
    font-size: 10px;
    letter-spacing: 0.2em;

    color: #3B2A20;
}


/* PRODUCT INFORMATION
---------------------------------------------------------- */

.ed-catalog-info {
    padding-top: 18px;
}

.ed-catalog-category {
    margin-bottom: 9px;

    font-family: 'Maison Neue', sans-serif !important;
    font-size: 9px;
    font-weight: 400;

    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: rgba(243, 237, 228, 0.45);
}

.ed-catalog-item-title {
    margin: 0;

    font-family: 'Canela Text', 'Canela', serif !important;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
}

.ed-catalog-item-title a {
    color: rgb(219 202 177) !important;
    text-decoration: none !important;
}

.ed-catalog-view {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-top: 14px;

    font-family: 'Maison Neue', sans-serif !important;
    font-size: 10px;

    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: rgba(243, 237, 228, 0.58) !important;

    text-decoration: none !important;

    transition: color 0.3s ease;
}

.ed-catalog-view span {
    transition: transform 0.3s ease;
}

.ed-catalog-item:hover .ed-catalog-view {
    color: rgb(219 202 177) !important;
}

.ed-catalog-item:hover .ed-catalog-view span {
    transform: translateX(4px);
}


/* PAGINATION
---------------------------------------------------------- */

.ed-catalog-pagination {
    margin-top: 100px;
}

.ed-catalog-pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ed-catalog-pagination a,
.ed-catalog-pagination span {
    font-family: 'Maison Neue', sans-serif !important;
    font-size: 11px;

    color: rgba(243, 237, 228, 0.6);

    text-decoration: none;
}

.ed-catalog-pagination .page-numbers {
    padding: 10px 12px;
}

.ed-catalog-pagination .current {
    color: rgb(219 202 177);
    border-bottom: 1px solid rgb(219 202 177);
}


/* EMPTY
---------------------------------------------------------- */

.ed-catalog-empty {
    padding: 100px 0;
    text-align: center;
}

.ed-catalog-empty h2 {
    font-family: 'Canela Text', 'Canela', serif !important;
    font-size: 36px;
    font-weight: 300;

    color: rgb(219 202 177);
}

.ed-catalog-empty p {
    font-family: 'Maison Neue', sans-serif !important;

    color: rgba(243, 237, 228, 0.6);
}


/* TABLET
---------------------------------------------------------- */

@media (max-width: 1024px) {

    .ed-catalog-container {
        width: min(100% - 48px, 1200px);
    }

    .ed-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 55px 22px;
    }

}


/* MOBILE
---------------------------------------------------------- */

@media (max-width: 600px) {

    .ed-catalog-container {
        width: calc(100% - 32px);
    }

    .ed-catalog-header {
        padding: 65px 0 45px;
    }

    .ed-catalog-title {
        font-size: 45px;
    }

    .ed-catalog-content {
        padding-bottom: 80px;
    }

    .ed-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 12px;
    }

    .ed-catalog-image {
        aspect-ratio: 4 / 5;
    }

    .ed-catalog-info {
        padding-top: 12px;
    }

    .ed-catalog-item-title {
        font-size: 18px;
    }

    .ed-catalog-category {
        font-size: 8px;
    }

    .ed-catalog-view {
        font-size: 8px;
        margin-top: 10px;
    }

}
/* =========================================================
   1. ED ATELIER DESIGN SYSTEM
   ========================================================= */

:root {

    /* Background */
    --ed-bg: #3B2A20;
    --ed-bg-secondary: #49352A;
    --ed-surface: #433027;

    /* Typography */
    --ed-text: #bbb0a1;
    --ed-heading: #d3bd9d;
    --ed-muted: #bbb0a1;
    --ed-text-strong: #bbb0a1;

    /* Border */
    --ed-border: #bbb0a1;

    /* Accent */
    --ed-accent: #C49A6C;

    /* Button */
    --ed-button-bg: #bbb0a1;
    --ed-button-text: #bbb0a1;
}

a:visited {
    color: var(--ed-text);
}
/* =========================================================
   2. CUSTOM BRAND FONTS
   ========================================================= */

/* Maison Neue */

@font-face {
    font-family: 'Maison Neue';
    src: url('./assets/fonts/Maison-Neue-Book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Beyonest */

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


/* Canela Text Light */

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


/* Canela Text Light Italic */

@font-face {
    font-family: 'Canela Text';
    src: url('./assets/fonts/Canela-Text-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* Canela Regular */

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


/* =========================================================
   3. GLOBAL PAGE
   ========================================================= */

html,
body,
#page,
.site,
.site-content,
#content,
.content-wrapper {
    background-color: var(--ed-bg);
    color: var(--ed-text);
}


body {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    color: var(--ed-text);
}


/* =========================================================
   4. NORMAL TEXT
   MAISON NEUE
   ========================================================= */

body,
p,
span,
li,
label,
small,
blockquote,
figcaption,
address,
.entry-content,
.entry-content p,
.entry-content span,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor span {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}


/* Paragraph */

p,
.entry-content p,
.elementor-widget-text-editor p {
    color: var(--ed-text);
}


/* =========================================================
   5. ALL TITLES / HEADINGS
   BEYONEST
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.page-header{
    padding-bottom:45px;
}
.entry-title,
.page-title,
.site-title,

.widget-title,
.widgettitle,

.wp-block-heading,

.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
    font-family: 'Beyonest', cursive !important;
    font-weight: 400 !important;
    font-style: normal !important;

    color: #bbb0a1 !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   6. TITLE SIZES
   ========================================================= */

h1,
.page-title,
.entry-title,
.elementor-widget-heading h1.elementor-heading-title {
    font-size: clamp(48px, 6vw, 82px);
    line-height: 1.05;
}


h2,
.elementor-widget-heading h2.elementor-heading-title {
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: 1.10;
}


h3,
.elementor-widget-heading h3.elementor-heading-title {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.15;
}


h4,
.elementor-widget-heading h4.elementor-heading-title {
    font-size: clamp(26px, 2.5vw, 36px);
    line-height: 1.20;
}


h5,
.elementor-widget-heading h5.elementor-heading-title {
    font-size: 26px;
    line-height: 1.20;
}


h6,
.elementor-widget-heading h6.elementor-heading-title {
    font-size: 22px;
    line-height: 1.20;
}


/* =========================================================
   7. TYPOGRAPHY UTILITY CLASSES
   ========================================================= */

.font-display,
.brand-display,
.beyonest-heading {
    font-family: 'Beyonest', cursive !important;
    font-weight: 400 !important;
    font-style: normal !important;
}


.font-heading,
.canela-heading {
    font-family: 'Canela Text', Georgia, serif !important;
    font-weight: 300 !important;
}


.font-heading-italic,
.canela-italic,
.editorial-italic {
    font-family: 'Canela Text', Georgia, serif !important;
    font-weight: 300 !important;
    font-style: italic !important;
}


.font-body,
.font-ui,
.maison-text {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}


/* =========================================================
   8. ELEMENTOR
   ========================================================= */

.elementor-23 {
    width: 100%;
}

.elementor a {
    color: var(--ed-text) !important;
}

/* Semua Elementor Heading */

.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6,

.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title {

    font-family: 'Beyonest', cursive !important;
    font-weight: 400 !important;
    font-style: normal !important;

    color: #d3bd9d !important;

    letter-spacing: 0 !important;
}


/* Specific Elementor title lama */

.elementor-23
.elementor-element.elementor-element-ffc2b31
.elementor-heading-title {

    font-family: 'Beyonest', cursive !important;
    font-weight: 400 !important;

    color: var(--ed-heading) !important;
}


.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor span {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-text);
}


.elementor-23
.elementor-element.elementor-element-bb2189c.elementor-element {

    --align-self: center;

    color: var(--ed-text) !important;
}


/* Elementor button */

.elementor-button,
.elementor-button span,
.elementor-button-text {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}


/* Elementor layout */

.elementor .e-flexbox-base {
    padding: 0 !important;
}


/* =========================================================
   9. LINKS
   ========================================================= */

.site-content a {
    color: var(--ed-text);
}


.site-content a:hover {
    color: var(--ed-accent);
}


/* =========================================================
   10. TEXT SELECTION
   ========================================================= */

::selection {
    background-color: var(--ed-text-strong);
    color: var(--ed-bg);
}


/* =========================================================
   11. HEADER
   ========================================================= */

.site-header,
#masthead,
.bhfb-header,
.bhfb-main_header_row,
.bhfb-main_header_row .bhfb-row,
.bhfb-below_header_row,
.bhfb-above_header_row {

    background-color: #3b2a20 !important;

    color: var(--ed-text);
}


.site-header a,
.bhfb-header a,
.main-navigation a,
.secondary-navigation a {

    color: var(--ed-text);
}


.site-header a:hover,
.bhfb-header a:hover,
.main-navigation a:hover,
.secondary-navigation a:hover {

    color: var(--ed-accent);
}

.header-search-form {
    background-color: #3b2a20 !important;
}
/* Header HTML text */

.header-htm {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
    color: var(--ed-text) !important;
}


/* Header icons */

.site-header svg,
.bhfb-header svg {
    color: currentColor;
    fill: currentColor;
}


/* =========================================================
   12. MAIN NAVIGATION
   MAISON NEUE
   ========================================================= */

.main-navigation,
.main-navigation a,
.secondary-navigation,
.secondary-navigation a,

.botiga-dropdown-link,
.botiga-dropdown-ul,
.botiga-dropdown-ul a {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;
}


.botiga-dropdown-li > a.botiga-dropdown-link {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    text-decoration: none;

    position: relative;

    color: var(--ed-text) !important;

    transition:
        color .3s ease,
        opacity .3s ease;
}


/* Navigation underline */

.botiga-dropdown-li > a.botiga-dropdown-link::after {

    content: '';

    position: absolute;

    left: -2px;
    bottom: 0;

    width: 0;
    height: 1px;

    background: transparent !important;

    transition: width .3s ease;
}


.botiga-dropdown-li > a.botiga-dropdown-link:hover::after {
    width: 100%;
}


/* =========================================================
   13. BOTIGA HEADER NAVIGATION
   ========================================================= */

.bhfb-header .main-navigation,
.bhfb-header .secondary-navigation {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;
}


.bhfb-header .main-navigation li.botiga-dropdown-li,
.bhfb-header .secondary-navigation li.botiga-dropdown-li {

    position: relative;

    margin: 0 !important;
}


/* Navigation link */

.bhfb-header .main-navigation a.botiga-dropdown-link,
.bhfb-header .secondary-navigation a.botiga-dropdown-link {

    display: inline-flex !important;

    align-items: center !important;

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    text-decoration: none;

    color: var(--ed-text) !important;

    position: relative;
}


/* =========================================================
   14. DROPDOWN ARROW
   ========================================================= */

.bhfb-header .main-navigation
.botiga-dropdown-li > .dropdown-symbol,

.bhfb-header .secondary-navigation
.botiga-dropdown-li > .dropdown-symbol {

    position: absolute !important;

    top: 8px !important;

    right: -7px !important;

    width: 8px !important;
    height: 8px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    transform: translateY(-50%) !important;

    color: var(--ed-muted);

    pointer-events: none;
}


.bhfb-header .main-navigation
.botiga-dropdown-li > .dropdown-symbol svg,

.bhfb-header .secondary-navigation
.botiga-dropdown-li > .dropdown-symbol svg {

    display: block !important;

    width: 7px !important;
    height: 7px !important;

    margin: 0 !important;

    opacity: 0.75;
}


.botiga-dropdown .ws-svg-icon {

    width: var(--dropdown--symbol--size);

    height: var(--dropdown--symbol--size);

    position: absolute;

    right: 0;
    top: 12px;

    margin-top: 0;
}


/* =========================================================
   15. DESKTOP SUBMENU
   ========================================================= */

.botiga-dropdown-ul {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    background-color: transparent;

    border: none;

    border-radius: 8px;

    padding: 0 !important;
}


.bhfb-header .main-navigation
.botiga-dropdown-li > .botiga-dropdown-ul,

.bhfb-header .secondary-navigation
.botiga-dropdown-li > .botiga-dropdown-ul {

    position: absolute;

    top: 100%;
    left: 0;

    min-width: 180px;

    margin: 0 !important;

    padding: 0 !important;

    background-color: transparent !important;

    z-index: 9999;
}


/* Dropdown links */

.botiga-dropdown-ul > li > a.botiga-dropdown-link,

.bhfb-header .main-navigation
.botiga-dropdown-ul a.botiga-dropdown-link,

.bhfb-header .secondary-navigation
.botiga-dropdown-ul a.botiga-dropdown-link {

    display: block !important;

    width: 100%;

    padding: 8px 20px !important;

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    line-height: 1.4 !important;

    color: var(--ed-text) !important;

    background-color: transparent;

    transition:
        opacity .25s ease,
        transform .25s ease,
        background-color .25s ease;
}


.botiga-dropdown-ul > li > a.botiga-dropdown-link:hover {

    opacity: .75;

    transform: translateX(3px);

    background-color: var(--ed-bg-secondary);

    color: var(--ed-text-strong) !important;
}


.botiga-offcanvas-menu
.botiga-dropdown
.botiga-dropdown-ul
.botiga-dropdown-li {

    border-bottom: 0;
}


/* =========================================================
   16. MOBILE NAVIGATION
   ========================================================= */

@media (max-width: 1024px) {

    #navigation-mobile,
    .botiga-offcanvas-menu,
    .bhfb-mobile_offcanvas {

        background-color: var(--ed-bg) !important;

        color: var(--ed-text);
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li {

        display: grid !important;

        grid-template-columns: minmax(0, 1fr) 24px !important;

        grid-template-rows: auto auto !important;

        align-items: center !important;

        position: relative !important;

        width: 100% !important;

        margin-right: 0 !important;

        padding: 0 !important;
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li
    > a.botiga-dropdown-link {

        grid-column: 1 !important;

        grid-row: 1 !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

        font-size: 12px !important;

        font-weight: 400 !important;

        line-height: 1.5 !important;

        letter-spacing: 0.08em !important;

        text-transform: uppercase !important;

        color: var(--ed-text) !important;
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li
    > .dropdown-symbol {

        grid-column: 2 !important;

        grid-row: 1 !important;

        position: static !important;

        display: flex !important;

        width: 24px !important;

        height: 24px !important;

        margin: 0 !important;

        padding: 0 !important;

        align-items: center !important;

        justify-content: center !important;

        transform: none !important;

        color: var(--ed-text);

        cursor: pointer;
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li
    > .dropdown-symbol svg {

        width: 6px !important;

        height: 6px !important;

        opacity: .65 !important;
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li
    > ul.sub-menu {

        grid-column: 1 / -1 !important;

        grid-row: 2 !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 8px 0 4px !important;

        background-color: transparent !important;
    }


    #navigation-mobile
    .primary-menu
    > li.botiga-dropdown-li
    > ul.sub-menu
    > li
    > a.botiga-dropdown-link {

        display: block !important;

        padding: 7px 0 7px 20px !important;

        font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

        font-size: 11px !important;

        font-weight: 400 !important;

        line-height: 1.5 !important;

        letter-spacing: 0.06em !important;

        text-transform: uppercase !important;

        color: var(--ed-muted) !important;
    }


    .bhfb.bhfb-mobile_offcanvas
    .main-navigation
    .sub-menu.botiga-dropdown-ul
    a.botiga-dropdown-link {

        margin-left: 27px !important;
    }
}
.single-post .content-wrapper {
    margin-top: 120px;
    padding-top: 80px !important;
    color: #bbb0a1 !important;
}
.tags-links a {
    border: 1px solid #bbb0a1 !important;
    color: #bbb0a1 !important;
    color: #bbb0a1 !important;
}

.comments-area {
    background-color: #f5f5f500 !important;
    border: 1px solid #bbb0a1 !important;
    color: #bbb0a1 !important;
}
.comments-area .comments-title, .comments-area .comments-title span {
    font-family: 'Beyonest', cursive !important;
    color: #bbb0a1 !important;
}
    
.form-submit .submit{
    border: 1px solid #bbb0a1 !important;
    color: #bbb0a1 !important;
}

.form-submit .submit:is(:hover, :active){
    color: black !important;
}

.comment-reply-title{
    font-family: 'Beyonest', cursive !important;
    color: #bbb0a1 !important;
}
.comment-form p {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}
.comment-content p {
    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}
/* =========================================================
   17. BUTTONS
   ========================================================= */

button,
.button,
.wp-element-button,
.elementor-button,

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-size: 12px;

    font-weight: 400 !important;

    text-transform: uppercase;

    letter-spacing: .10em;

    border-radius: 0 !important;

    background-color: var(--ed-button-bg);

    color: var(--ed-button-text) !important;

    border: 1px solid var(--ed-button-bg);

    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease;
}


.elementor-button span {
    color: inherit !important;
}


button:hover,
.button:hover,
.wp-element-button:hover,
.elementor-button:hover,

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {

    background-color: transparent;

    color: var(--ed-text-strong) !important;

    border-color: var(--ed-text-strong);
}


/* =========================================================
   18. FORMS
   ========================================================= */

button,
input,
textarea,
select,
option,
label {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;
}


input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='url'],
textarea,
select {

    background-color: var(--ed-surface) !important;

    color: var(--ed-text) !important;

    border: 1px solid var(--ed-border) !important;

    border-radius: 0;
}


input::placeholder,
textarea::placeholder {

    color: var(--ed-muted);

    opacity: .75;
}


input:focus,
textarea:focus,
select:focus {

    border-color: var(--ed-text-strong) !important;

    outline: none;

    box-shadow: none;
}


select option {

    background-color: var(--ed-surface);

    color: var(--ed-text);
}


/* =========================================================
   19. WOOCOMMERCE GLOBAL
   ========================================================= */

.woocommerce,
.woocommerce-page {

    color: var(--ed-text);
}


/* WooCommerce body text */

.woocommerce p,
.woocommerce span,
.woocommerce label,
.woocommerce li,
.woocommerce table,
.woocommerce td,
.woocommerce th {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   20. PRODUCT TITLES
   ========================================================= */

/* Product names tetap Maison Neue untuk readability */

.woocommerce-loop-product__title,
.woocommerce div.product .product_title {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;

    color: var(--ed-text-strong) !important;
}


/* Section titles WooCommerce tetap Beyonest */

.related.products > h2,
.upsells.products > h2,
.cross-sells > h2,
.woocommerce-tabs h2 {

    font-family: 'Beyonest', cursive !important;

    font-weight: 400 !important;

    color: var(--ed-heading) !important;

    letter-spacing: 0 !important;
}


/* Product price */

.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;

    color: var(--ed-text-strong) !important;
}


.woocommerce .price del {

    color: var(--ed-muted) !important;

    opacity: .65;
}


.woocommerce .price ins {

    color: var(--ed-text-strong) !important;

    text-decoration: none;
}


.woocommerce ul.products li.product {

    background-color: transparent;
}


/* =========================================================
   21. SINGLE PRODUCT
   ========================================================= */

.single-product
.woocommerce-product-details__short-description,

.single-product
.woocommerce-product-details__short-description p,

.single-product
.product_meta,

.single-product
.product_meta a {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-text);
}


.single-product
.product_meta > span {

    border-color: var(--ed-border);
}


.woocommerce div.product
form.cart
.variations label {

    color: var(--ed-text);
}


/* Quantity */

.woocommerce .quantity .qty {

    background-color: var(--ed-surface) !important;

    color: var(--ed-text) !important;

    border-color: var(--ed-border) !important;
}


/* Product tabs */

.woocommerce div.product
.woocommerce-tabs
ul.tabs {

    border-color: var(--ed-border);
}


.woocommerce div.product
.woocommerce-tabs
ul.tabs li a {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-muted);
}


.woocommerce div.product
.woocommerce-tabs
ul.tabs li.active a {

    color: var(--ed-text-strong);
}


/* =========================================================
   22. CART / CHECKOUT TABLE
   ========================================================= */

.woocommerce table.shop_table {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-text);

    border-color: var(--ed-border);

    background: transparent;
}


.woocommerce table.shop_table th,
.woocommerce table.shop_table td {

    border-color: var(--ed-border);

    color: var(--ed-text);
}


.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout-payment {

    color: var(--ed-text);

    background-color: transparent;
}


/* Cart/checkout titles */

.cart_totals h2,
.woocommerce-checkout h3 {

    font-family: 'Beyonest', cursive !important;

    font-weight: 400 !important;

    color: var(--ed-heading) !important;
}


/* =========================================================
   23. WOOCOMMERCE NOTICES
   ========================================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {

    background-color: var(--ed-surface) !important;

    color: var(--ed-text) !important;

    border-color: var(--ed-border) !important;

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}


.woocommerce-message::before,
.woocommerce-info::before {

    color: var(--ed-text);
}


/* =========================================================
   24. MINI CART / DRAWER
   ========================================================= */

.botiga-side-panel,
.botiga-side-panel-content,
.widget_shopping_cart,
.woocommerce-mini-cart,
.woocommerce-mini-cart__empty-message {

    background-color: var(--ed-bg) !important;

    color: var(--ed-text) !important;
}


.widget_shopping_cart,
.widget_shopping_cart *,

.woocommerce-mini-cart,
.woocommerce-mini-cart * {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;
}


.widget_shopping_cart a,
.woocommerce-mini-cart a {

    color: var(--ed-text) !important;
}


.widget_shopping_cart a:hover,
.woocommerce-mini-cart a:hover {

    color: var(--ed-accent) !important;
}


.woocommerce-mini-cart__total {

    border-color: var(--ed-border) !important;
}


/* Mini cart title */

.widget_shopping_cart .widgettitle {

    font-family: 'Beyonest', cursive !important;

    font-weight: 400 !important;

    color: var(--ed-heading) !important;
}


/* =========================================================
   25. BREADCRUMB
   ========================================================= */

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-muted) !important;
}


.woocommerce-breadcrumb a:hover {

    color: var(--ed-text-strong) !important;
}


/* =========================================================
   26. HERO COMPONENTS
   ========================================================= */

.hero-title {

    font-family: 'Beyonest', cursive !important;

    font-weight: 400 !important;

    color: var(--ed-heading) !important;

    line-height: 1.05;

    letter-spacing: 0 !important;
}


.hero-subtitle {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;

    color: var(--ed-text);

    line-height: 1.6;
}


.hero-button {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-weight: 400 !important;

    text-transform: uppercase;

    letter-spacing: .12em;
}


/* =========================================================
   27. BOTIGA LAYOUT
   ========================================================= */

.content-wrapper {

    margin-top: 0 !important;

    padding-top: 0 !important;
}


.entry-header {

    margin: 0 !important;
}


/* =========================================================
   28. FOOTER
   ========================================================= */

.site-footer,
#colophon,
.footer-widgets,
.bhfb-footer,
.bhfb-footer .bhfb-row {

    background-color: transparent !important;

    color: var(--ed-text);
}


/* Footer titles */

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.bhfb-footer h1,
.bhfb-footer h2,
.bhfb-footer h3,
.bhfb-footer h4,
.bhfb-footer h5,
.bhfb-footer h6 {

    font-family: 'Beyonest', cursive !important;

    font-weight: 400 !important;

    color: var(--ed-heading) !important;
}


/* Footer body */

.site-footer p,
.site-footer li,
.bhfb-footer p,
.bhfb-footer li {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-muted);
}


.site-footer a,
.bhfb-footer a {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    color: var(--ed-text) !important;
}


.site-footer a:hover,
.bhfb-footer a:hover {

    color: var(--ed-accent) !important;
}

.bhfb-above_footer_row {
    background-color: #f5f5f500 !important;
}

.bhfb-footer .bhfb-row-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff00 !important;
}

/* Footer credits */

.bhfb .botiga-credits {

    font-family: 'Maison Neue', Arial, Helvetica, sans-serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    letter-spacing: .08em;

    text-transform: uppercase;

    color: var(--ed-muted);

    opacity: .75;

    text-align: center;
}


/* =========================================================
   29. RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

    h1,
    .page-title,
    .entry-title,
    .elementor-widget-heading h1.elementor-heading-title,
    .hero-title {

        font-size: clamp(46px, 8vw, 68px) !important;
    }


    h2,
    .elementor-widget-heading h2.elementor-heading-title {

        font-size: clamp(38px, 6vw, 54px) !important;
    }
}


@media (max-width: 767px) {

    h1,
    .page-title,
    .entry-title,
    .elementor-widget-heading h1.elementor-heading-title,
    .hero-title {

        font-size: 46px !important;

        line-height: 1.05 !important;
    }


    h2,
    .elementor-widget-heading h2.elementor-heading-title {

        font-size: 38px !important;

        line-height: 1.10 !important;
    }


    h3,
    .elementor-widget-heading h3.elementor-heading-title {

        font-size: 30px !important;

        line-height: 1.15 !important;
    }
}