/*
Theme Name: Daspina Child
Theme URI: https://daspina.ir/
Description: Child theme for Daspina
Author: Mehdi Safavi
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Custom CSS goes here */

/* =========================================================
   KONG BURGER - YEKAN BAKH FANUM
   GLOBAL FONT SYSTEM
========================================================= */


/* Thin - 100 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-Thin.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/* Light - 300 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Regular - 400 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* SemiBold - 600 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* Bold - 700 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ExtraBold - 800 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* Black - 900 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-Black.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Extra Black - 950 */
@font-face {
    font-family: 'KongYekanBakh';
    src:
        url('./assets/fonts/bakh/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2'),
        url('./assets/fonts/bakh/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}



/* =========================================================
   GLOBAL FONT VARIABLES
========================================================= */

:root {

    --kong-font-family:
        'KongYekanBakh',
        Tahoma,
        Arial,
        sans-serif;


    /*
     * WoodMart font variables
     * برای هماهنگی Typography قالب با فونت کنگ
     */

    --wd-text-font:
        'KongYekanBakh',
        Tahoma,
        Arial,
        sans-serif !important;

    --wd-title-font:
        'KongYekanBakh',
        Tahoma,
        Arial,
        sans-serif !important;

    --wd-entities-title-font:
        'KongYekanBakh',
        Tahoma,
        Arial,
        sans-serif !important;

    --wd-header-el-font:
        'KongYekanBakh',
        Tahoma,
        Arial,
        sans-serif !important;
}



/* =========================================================
   BODY / GLOBAL TEXT
========================================================= */

html,
body {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   HEADINGS
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.page-title,
.entry-title,
.wd-entities-title {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   NORMAL TEXT
========================================================= */

p,
li,
label,
blockquote,
figcaption,
caption,
td,
th {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   BUTTONS & FORMS
========================================================= */

button,
input,
textarea,
select,
option {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   LINKS / NAVIGATION
========================================================= */

nav a,
.menu-item > a,
.wd-nav > li > a,
.wd-header-nav a {

    font-family:
        var(--kong-font-family) !important;
}



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

.elementor-heading-title,
.elementor-button,
.elementor-button-text,
.elementor-widget-text-editor,
.elementor-widget-heading,
.elementor-widget-button {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   WOODMART
========================================================= */

.website-wrapper,
.main-page-wrapper,
.wd-header-text,
.wd-header-nav,
.wd-nav,
.wd-dropdown-menu,
.wd-sub-menu {

    font-family:
        var(--kong-font-family) !important;
}



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

.woocommerce,
.woocommerce-page,
.product-title,
.wd-entities-title,
.price,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce button,
.woocommerce input,
.woocommerce textarea,
.woocommerce select {

    font-family:
        var(--kong-font-family) !important;
}



/* =========================================================
   KONG BURGER CUSTOM COMPONENTS
========================================================= */

.kong-premium-header,
.kong-premium-header a,
.kong-premium-header button,
.kong-premium-header strong,
.kong-premium-header small,

.kong-site,
.kong-site a,
.kong-site button,
.kong-site input,
.kong-site textarea,
.kong-site select {

    font-family:
        var(--kong-font-family) !important;
}
/* ========================================================
   GLOBAL SEARCH MODE
======================================================== */

.kmn-global-empty {

    display: none;

    min-height: 250px;

    padding: 45px 20px;

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

    flex-direction: column;

    text-align: center;

    color:
        var(--kmn-green);

    background:
        rgba(255,255,255,.68);

    border:
        1px dashed
        rgba(32,42,28,.13);

    border-radius:
        20px;
}


.kmn-global-empty.is-visible {

    display: flex;
}


.kmn-global-empty-icon {

    width: 58px;
    height: 58px;

    margin-bottom: 16px;

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

    color:
        var(--kmn-orange);

    background:
        rgba(242,118,0,.07);

    border:
        1px solid
        rgba(242,118,0,.13);

    border-radius:
        50%;

    font-size:
        1.6em;
}


.kmn-global-empty strong {

    margin-bottom: 5px;

    font-size:
        1.1em;
}


.kmn-global-empty p {

    margin: 0;

    color:
        rgba(32,42,28,.48);

    font-size:
        .86em;
}



/* ========================================================
   هنگام Global Search
======================================================== */

.kong-menu-navigator.is-global-search
.kmn-panel {

    display: none;
}


/*
 * فقط دسته‌هایی که نتیجه دارند نمایش داده شوند.
 */

.kong-menu-navigator.is-global-search
.kmn-panel.has-search-results {

    display: block;

    margin-bottom: 25px;

    animation:
        kmnGlobalSearchReveal
        .32s ease both;
}



/* عنوان هر گروه نتیجه */

.kong-menu-navigator.is-global-search
.kmn-panel.has-search-results::before {

    content:
        attr(data-label);

    display: block;

    margin:
        4px 2px 13px;

    color:
        var(--kmn-green);

    font-family:
        var(--kong-font-family) !important;

    font-size:
        1.05em;

    font-weight:
        700;
}


/* خط نارنجی ظریف کنار عنوان */

.kong-menu-navigator.is-global-search
.kmn-panel.has-search-results::after {

    content: "";

    display: block;

    width: 34px;
    height: 2px;

    margin:
        -9px 0 14px;

    background:
        var(--kmn-orange);

    border-radius:
        20px;
}



/*
 * در Search دکمه "نمایش بیشتر" نیاز نیست.
 * تمام نتیجه‌های مرتبط نمایش داده می‌شوند.
 */

.kong-menu-navigator.is-global-search
.kmn-show-more {

    display:
        none !important;
}


@keyframes kmnGlobalSearchReveal {

    from {

        opacity: 0;

        transform:
            translateY(7px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }

}