/*
Theme Name: Yadak Matin
Theme URI: https://yadakmatin.com/
Description: Standalone WooCommerce theme for Yadak Matin. Migrated from the former XTRA child theme while preserving existing homepage data and modules.
Author: Ahmad Nahvi / Custom Development
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yadakmatin
*/

:root {
    --ym-primary: #5997c9;
    --ym-primary-rgb: 89, 151, 201;
    --ym-secondary: #173553;
    --ym-secondary-rgb: 23, 53, 83;
    --ym-primary-deep: #173553;
    --ym-ink: #10151b;
    --ym-muted: #687481;
    --ym-line: #dbe3e9;
    --ym-soft: #f4f7f9;
    --ym-white: #ffffff;
    --ym-shell: 1320px;
    --ym-font: "Vazirmatn", Tahoma, Arial, sans-serif;
    --ym-text-xs: 11px;
    --ym-text-sm: 13px;
    --ym-text-base: 14px;
    --ym-text-md: 16px;
    --ym-text-lg: 18px;
    --ym-radius-xs: 7px;
    --ym-radius-sm: 9px;
    --ym-radius: 13px;
    --ym-radius-lg: 17px;
    --ym-radius-xl: 21px;
}

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; font-size: 16px; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; color: var(--ym-ink); background: var(--ym-white); font-family: var(--ym-font); font-size: var(--ym-text-base); font-weight: 400; line-height: 1.85; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input, textarea, select { font-family: var(--ym-font); font-size: var(--ym-text-sm); line-height: 1.6; border-radius: var(--ym-radius-sm); }
button { cursor: pointer; }
input, textarea, select { border-radius: var(--ym-radius-sm); }
button, .button, .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: var(--ym-radius-sm); }
body, input, textarea, select, button { font-family: var(--ym-font); }
h1, h2, h3, h4, h5, h6, .elementor-heading-title { font-family: var(--ym-font); }
/* Text inherits Vazirmatn from body; SVG icons keep their own rendering. */
h1, h2, h3, h4, h5, h6 { color: var(--ym-ink); line-height: 1.45; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto !important; width: auto; height: auto; margin: 0; padding: 12px 16px; top: 8px; right: 8px; z-index: 100000; background: #fff; color: #111; }
.ym-site-shell { width: min(calc(100% - 40px), var(--ym-shell)); margin-inline: auto; }
.ym-content-area { min-height: 50vh; padding-block: 42px 68px; }
.ym-content-area article { max-width: 920px; margin-inline: auto; }
.ym-entry-title { margin: 0 0 20px; font-size: clamp(24px, 3vw, 36px); line-height: 1.3; }
.ym-entry-content > *:first-child { margin-top: 0; }
.ym-entry-content > *:last-child { margin-bottom: 0; }

/* Keep current Elementor-built pages visually consistent during the migration. */
.elementor-widget-heading .elementor-heading-title { font-family: var(--ym-font); }
.elementor-button, .elementor-button-wrapper .elementor-button { border-radius: var(--ym-radius-sm); }

@media (max-width: 640px) {
    .ym-site-shell { width: min(calc(100% - 28px), var(--ym-shell)); }
    .ym-content-area { padding-block: 32px 52px; }
    .ym-entry-title { font-size: clamp(22px, 7vw, 30px); }
}