/* =========================================================
   WooManager — Global Fonts & Woodmart Base
   Scope: Entire website
   Load: WPCode / Auto Insert / Site Wide Header / Load as File
   ========================================================= */


/* =========================================================
   01. Self-hosted IRANSansX FaNum
   ========================================================= */

@font-face {
    font-family: "WooManagerIRANSansX";
    src: url("https://woomanager.org/wp-content/uploads/woomanager/fonts/IRANSansXFaNum-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "WooManagerIRANSansX";
    src: url("https://woomanager.org/wp-content/uploads/woomanager/fonts/IRANSansXFaNum-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "WooManagerIRANSansX";
    src: url("https://woomanager.org/wp-content/uploads/woomanager/fonts/IRANSansXFaNum-DemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "WooManagerIRANSansX";
    src: url("https://woomanager.org/wp-content/uploads/woomanager/fonts/IRANSansXFaNum-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "WooManagerIRANSansX";
    src: url("https://woomanager.org/wp-content/uploads/woomanager/fonts/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}


/* =========================================================
   02. Global typography tokens
   ========================================================= */

:root {
    --wm-font-family: "WooManagerIRANSansX", Tahoma, sans-serif;

    /* Woodmart */
    --wd-text-font: "WooManagerIRANSansX", Tahoma, sans-serif;
    --wd-title-font: "WooManagerIRANSansX", Tahoma, sans-serif;
    --wd-alternative-font: "WooManagerIRANSansX", Tahoma, sans-serif;
    --wd-widget-title-font: "WooManagerIRANSansX", Tahoma, sans-serif;
    --wd-header-el-font: "WooManagerIRANSansX", Tahoma, sans-serif;
    --btn-font-family: "WooManagerIRANSansX", Tahoma, sans-serif;
}

html,
body,
button,
input,
textarea,
select,
optgroup {
    font-family: var(--wm-font-family);
}


/* =========================================================
   03. Elementor global typography
   ========================================================= */

body[class*="elementor-kit-"] {
    --e-global-typography-primary-font-family: "WooManagerIRANSansX";
    --e-global-typography-secondary-font-family: "WooManagerIRANSansX";
    --e-global-typography-text-font-family: "WooManagerIRANSansX";
    --e-global-typography-accent-font-family: "WooManagerIRANSansX";

    font-family: var(--wm-font-family);
}

.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button,
.elementor-field-textual {
    font-family: var(--wm-font-family);
}


/* =========================================================
   04. WooManager components
   ========================================================= */

.wm-home,
.wm-home-hero,
.wm-home-onboarding,
.wm-onboarding-v2,
.wm-workflows,
.wm-home-ai,
.wm-security,
.wm-home-audience,
.wm-home-faq {
    font-family: var(--wm-font-family);
}


/* =========================================================
   05. Woodmart shared rules
   Used by shop, product archive and blog pages
   ========================================================= */

.woodmart-button-wrapper.inline-element {
    margin-bottom: 0;
}

.promo-banner .banner-image img {
    border-radius: 15px;
}

.product-grid-item .product-image-link {
    display: block;
    padding: 20px;
}

.labels-rectangular .product-label {
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
}

.blog-design-masonry .post-title {
    min-height: 56px;
    font-size: 20px;
}