/*
 * Applay Showcase – scoped typography.
 * Reproduces the exact typography the live Applay site applied to Showcase output:
 *   - Yekan font (bundled in this plugin: /fonts/yekan.woff + /fonts/yekan.ttf),
 *     loaded with font-display: swap, no dependency on the old theme.
 *   - Body 13px / line-height 1.6 (theme option main_size=13 + style.css line-height),
 *     body text color #666666 (custom Bootstrap build of the theme).
 *   - Headings: sizes 28/24/21/18/14/13px come from the site's custom Bootstrap build
 *     (css/bootstrap.css), weight 400 + line-height 1.25 + color #444444 from theme
 *     style.css, margin-top 0 from style.css. h1 25px under RTL comes from the theme's
 *     Persian RTL stylesheet. Mobile feature-title sizes (16/18px) come from the
 *     legacy plugin's own style.css.
 * Everything here is scoped to .iapp-showcase so no global h1..h6 rule is touched.
 */

@font-face {
	font-family: "ApplayYekan";
	src: url("../../fonts/yekan.woff") format("woff"),
		url("../../fonts/yekan.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

.iapp-showcase,
.iapp-showcase button,
.iapp-showcase input,
.iapp-showcase select,
.iapp-showcase textarea,
.iapp-showcase .media-heading,
.iapp-showcase h1,
.iapp-showcase h2,
.iapp-showcase h3,
.iapp-showcase h4,
.iapp-showcase h5,
.iapp-showcase h6,
.iapp-showcase p,
.iapp-showcase li,
.iapp-showcase a {
	font-family: "ApplayYekan", "Yekan", Tahoma, sans-serif;
}

.iapp-showcase {
	font-size: 13px;
	line-height: 1.6;
	color: #666666;
}

/* Links: #343434 like the old theme, hover/focus uses the site main color #00796b
   (theme option main_color_1 injected by dynamic_css.php on the old site). */
.iapp-showcase a {
	color: #343434;
	transition: color 0.2s;
}
.iapp-showcase a:hover,
.iapp-showcase a:focus {
	color: #00796b;
	text-decoration: none;
}

/* Headings – exact legacy sizes. No global selector is used. */
.iapp-showcase h1,
.iapp-showcase h2,
.iapp-showcase h3,
.iapp-showcase h4,
.iapp-showcase h5,
.iapp-showcase h6,
.iapp-showcase .h1,
.iapp-showcase .h2,
.iapp-showcase .h3,
.iapp-showcase .h4,
.iapp-showcase .h5,
.iapp-showcase .h6 {
	color: #444444;
	line-height: 1.25;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 9px;
}
.iapp-showcase h1,
.iapp-showcase .h1 { font-size: 28px; font-weight: 100; }
.iapp-showcase h2,
.iapp-showcase .h2 { font-size: 24px; }
.iapp-showcase h3,
.iapp-showcase .h3 { font-size: 21px; }
.iapp-showcase h4,
.iapp-showcase .h4 { font-size: 18px; }
.iapp-showcase h5,
.iapp-showcase .h5 { font-size: 14px; }
.iapp-showcase h6,
.iapp-showcase .h6 { font-size: 13px; }

/* Persian RTL site value (theme RTL stylesheet): h1 was reduced to 25px. */
html[dir="rtl"] .iapp-showcase h1,
html[dir="rtl"] .iapp-showcase .h1 {
	font-size: 25px;
}

/* Feature item titles (media-heading): uppercase + 5px bottom margin (RTL stylesheet),
   justified text on the RTL site. */
.iapp-showcase .media-heading {
	text-transform: uppercase;
	margin: 0 0 5px !important;
}
html[dir="rtl"] .iapp-showcase .media-heading {
	text-align: justify;
	text-justify: inter-word;
}

/* Paragraph rhythm from the custom Bootstrap build. */
.iapp-showcase p {
	margin: 0 0 9px;
}

/* Mobile feature-title sizes kept from the legacy plugin stylesheet. */
@media (max-width: 767px) {
	.iapp-showcase .media-heading {
		font-size: 16px;
	}
}
@media (max-width: 520px) {
	.iapp-showcase .media-heading {
		font-size: 18px;
	}
}

/* Colors used by Showcase elements (same values dynamic_css.php produced):
   hover/focus accent + active icon accents. Kept scoped; see showcase-theme-compat.css. */
.iapp-showcase .main-color-1,
.iapp-showcase .main-color-1-hover:hover {
	color: #00796b;
}
.iapp-showcase .main-color-1-bg {
	background-color: #00796b;
}