/*
Theme Name: MiaShop Child
Theme URI: https://localhost/
Description: پوسته فرزند میا شاپ — فونت وزیرمتن محلی، رنگ‌بندی فروشگاه موبایل و اصلاحات راست‌چین.
Author: MiaShop
Template: blocksy
Version: 1.1.0
Text Domain: miashop-child
*/

/* Local Vazirmatn - never requested from Google Fonts. */
@font-face {
	font-family: "Vazirmatn";
	src: url("fonts/Vazirmatn-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Vazirmatn";
	src: url("fonts/Vazirmatn-Medium.woff2") format("woff2");
	font-weight: 500 600;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Vazirmatn";
	src: url("fonts/Vazirmatn-Bold.woff2") format("woff2");
	font-weight: 700 900;
	font-display: swap;
	font-style: normal;
}

:root {
	--mia-primary: #2f6bff;
	--mia-red: #e5333a;
	--theme-font-family: "Vazirmatn", Tahoma, sans-serif;
	--theme-palette-color-1: #2f6bff;
	--theme-palette-color-2: #1b4fd8;
	--theme-palette-color-3: #1b1f2a;
	--theme-palette-color-4: #6b7280;
	--theme-palette-color-5: #e8eaf0;
	--theme-palette-color-6: #f5f6fa;
	--theme-palette-color-7: #ffffff;
}

body,
button,
input,
select,
textarea,
.wp-block-button__link {
	font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
}

body { background: #f5f6fa; }

/* Persian digits read better with a slightly looser line height. */
body { line-height: 1.9; }

/* Container that matches the demo's app-like width. */
.mia-home .ct-container,
.mia-home .elementor-section-boxed > .elementor-container {
	max-width: 1240px;
}

/* WooCommerce buttons in brand blue. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--mia-primary);
	color: #fff;
	border-radius: 10px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #1b4fd8;
	color: #fff;
}

.woocommerce span.onsale {
	background-color: var(--mia-red);
	border-radius: 20px;
}

/* Price: Toman unit smaller and muted, matching the demo cards. */
.woocommerce-Price-currencySymbol {
	font-size: 0.8em;
	color: #6b7280;
	margin-inline-start: 3px;
}

/* Keep the fixed bottom nav from covering the footer / checkout button on mobile. */
@media (max-width: 768px) {
	.site-footer { padding-bottom: 70px; }
}

/* The homepage is built from sections; the "صفحه اصلی" page title is noise there. */
.mia-home .hero-section,
.mia-home .page-title,
.mia-home .entry-header { display: none; }

/* Blocksy's content wrapper adds padding we do not want above the story row. */
.mia-home .ct-container > article > .entry-content { margin-top: 0; }

/* ---------------------------------------------------------------------------
   One font everywhere.

   Blocksy ships its own typography (Inter) through CSS variables and element
   rules that outrank a plain body declaration. Inter is served from Google Fonts,
   which does not load from Iran, so those elements fell back to the system font
   while our own sections used Vazirmatn - two fonts on one page. This pins
   Vazirmatn for everything.

   Icon fonts are excluded: dashicons, Elementor eicons, WooCommerce glyphs and the
   star rating draw their glyphs through a font-family, so forcing Vazirmatn on them
   would turn icons into boxes. Pseudo-elements keep the font-family their own rule
   sets, so ::before icons stay intact.
--------------------------------------------------------------------------- */

:root,
[data-theme] {
	--theme-font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
	--theme-heading-font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
	--fontFamily: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
	--headingFontFamily: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
	--e-global-typography-primary-font-family: "Vazirmatn";
	--e-global-typography-secondary-font-family: "Vazirmatn";
	--e-global-typography-text-font-family: "Vazirmatn";
	--e-global-typography-accent-font-family: "Vazirmatn";
}

body *:not([class*="icon"]):not([class*="eicon"]):not(.dashicons):not(.dashicons-before):not([class*="fa-"]):not(.star-rating):not(.star-rating *):not(i),
body,
h1, h2, h3, h4, h5, h6,
button, input, select, optgroup, textarea,
.entry-title,
.ct-header, .ct-footer,
.woocommerce-Price-amount,
.elementor-widget-container {
	font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif !important;
}

/* Persian text needs a touch more line height than the Latin defaults assume. */
body, p, li, td, th, label, .mia-card__title, .ct-header a {
	line-height: 1.9;
}