/*
Theme Name: AppVortex
Theme URI: https://themes.creatorsservices.net/
Author: CreatorsServices
Author URI: https://themes.creatorsservices.net/
Description: A translation-ready, RTL-ready starter theme for gaming, Android apps, news and magazine websites.
Version: 1.0.5
Update URI: https://themes.creatorsservices.net/appvortex
Text Domain: appvortex
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* =========================================================
   APPVORTEX — GLOBAL TYPOGRAPHY SYSTEM
   English + Arabic
========================================================= */

:root {

	/* English / Latin */
	--av-font-en:
		"Cairo",
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	/* Arabic */
	--av-font-ar:
		"Cairo",
		Tahoma,
		"Segoe UI",
		Arial,
		sans-serif;

	/* Global sizing */
	--av-text-xs: 13px;
	--av-text-sm: 15px;
	--av-text-base: 17px;
	--av-text-lg: 19px;

	--av-weight-normal: 400;
	--av-weight-medium: 500;
	--av-weight-semibold: 600;
	--av-weight-bold: 700;
	--av-weight-extrabold: 800;
}


/* =========================================================
   BASE
========================================================= */

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;

	font-family: var(--av-font-en);
	font-size: var(--av-text-base);
	font-weight: var(--av-weight-normal);
	line-height: 1.72;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* =========================================================
   ARABIC
========================================================= */

html[lang^="ar"] body,
html[dir="rtl"] body {
	font-family: var(--av-font-ar);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.85;
}


/* =========================================================
   FORM ELEMENTS
========================================================= */

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
}


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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;

	font-family: inherit;
	font-weight: 800;
	line-height: 1.2;

	letter-spacing: -0.025em;
}


/*
 * Arabic letters should not use negative tracking.
 */
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {

	letter-spacing: 0;
	line-height: 1.4;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

p {
	font-size: inherit;
	line-height: 1.75;
}

html[lang^="ar"] p,
html[dir="rtl"] p {
	line-height: 1.9;
}


/* =========================================================
   LINKS / BUTTONS
========================================================= */

a,
button {
	font-family: inherit;
}

button {
	font-weight: 700;
}


/* =========================================================
   FRONT PAGE
   Stronger, clearer premium typography
========================================================= */

.av-home {
	font-family: inherit;
}


/* Hero */

.av-home-hero__eyebrow {
	font-size: 14px;
	font-weight: 800;
}

.av-home-hero__title {
	font-weight: 800;
	line-height: 1.08;
}

.av-home-hero__description {
	font-size: 18px;
	line-height: 1.75;
}


/* Hero buttons */

.av-home-button {
	font-size: 15px;
	font-weight: 750;
}


/* Hero features */

.av-home-hero__feature {
	font-size: 14px;
	font-weight: 650;
}


/* =========================================================
   SECTION HEADERS
========================================================= */

.av-home-section__eyebrow {
	font-size: 13px;
	font-weight: 800;
}

.av-home-section__title {
	font-weight: 800;
	line-height: 1.18;
}

.av-home-section__description {
	font-size: 17px;
	line-height: 1.75;
}

.av-home-section__more {
	font-size: 15px;
	font-weight: 750;
}


/* =========================================================
   QUICK NAVIGATION
========================================================= */

.av-home-quick-card__content strong {
	font-size: 17px;
	font-weight: 800;
}

.av-home-quick-card__content small {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}


/* =========================================================
   NEWS
========================================================= */

.av-home-news-card__title {
	font-size: 21px;
	font-weight: 800;
	line-height: 1.4;
}

.av-home-news-card__excerpt {
	font-size: 16px;
	line-height: 1.75;
}

.av-home-news-card__date {
	font-size: 13px;
	font-weight: 600;
}

.av-home-news-card__badge {
	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   GAME CARDS
========================================================= */

.av-home-game-card__title {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.4;
}

.av-home-game-card__excerpt {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
}

.av-home-game-card__meta {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.av-home-game-card__category {
	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   APP CARDS
========================================================= */

.av-home-app-card__title {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.4;
}

.av-home-app-card__excerpt {
	font-size: 14px;
	line-height: 1.65;
}

.av-home-app-card__meta {
	font-size: 13px;
	font-weight: 600;
}

.av-home-app-card__category {
	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   CARD CTA
========================================================= */

.av-home-card-cta {
	font-size: 14px;
	font-weight: 800;
}


/* =========================================================
   TRENDING SHOWCASE
========================================================= */

.av-home-showcase__badge {
	font-size: 12px;
	font-weight: 800;
}

.av-home-showcase__date {
	font-size: 13px;
	font-weight: 650;
}

.av-home-showcase__title {
	font-weight: 850;
	line-height: 1.1;
}

.av-home-showcase__excerpt {
	font-size: 17px;
	line-height: 1.75;
}

.av-home-showcase__cta {
	font-size: 15px;
	font-weight: 800;
}


/* =========================================================
   HEADER
========================================================= */

.av-header__site-name {
	font-weight: 800;
}

.av-navigation__menu > li > a {
	font-size: 15px;
	font-weight: 700;
}

.av-navigation__menu .sub-menu a {
	font-size: 14px;
	font-weight: 600;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.av-mobile-navigation__menu a {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}


/* =========================================================
   ARABIC TYPOGRAPHY TUNING
========================================================= */

html[lang^="ar"] .av-home-hero__eyebrow,
html[dir="rtl"] .av-home-hero__eyebrow {
	font-size: 15px;
}

html[lang^="ar"] .av-home-hero__description,
html[dir="rtl"] .av-home-hero__description {
	font-size: 19px;
	line-height: 1.9;
}

html[lang^="ar"] .av-home-section__description,
html[dir="rtl"] .av-home-section__description {
	font-size: 18px;
	line-height: 1.9;
}

html[lang^="ar"] .av-navigation__menu > li > a,
html[dir="rtl"] .av-navigation__menu > li > a {
	font-size: 16px;
}

html[lang^="ar"] .av-mobile-navigation__menu a,
html[dir="rtl"] .av-mobile-navigation__menu a {
	font-size: 17px;
	line-height: 1.65;
}

html[lang^="ar"] .av-home-news-card__title,
html[dir="rtl"] .av-home-news-card__title {
	font-size: 22px;
	line-height: 1.55;
}

html[lang^="ar"] .av-home-game-card__title,
html[dir="rtl"] .av-home-game-card__title,
html[lang^="ar"] .av-home-app-card__title,
html[dir="rtl"] .av-home-app-card__title {
	font-size: 19px;
	line-height: 1.55;
}

html[lang^="ar"] .av-home-game-card__excerpt,
html[dir="rtl"] .av-home-game-card__excerpt,
html[lang^="ar"] .av-home-app-card__excerpt,
html[dir="rtl"] .av-home-app-card__excerpt {
	font-size: 15px;
	line-height: 1.8;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

	body {
		font-size: 16px;
	}

	.av-home-hero__description {
		font-size: 16px;
	}

	.av-home-button {
		font-size: 14px;
	}

	.av-home-section__description {
		font-size: 16px;
	}

	.av-home-news-card__title {
		font-size: 19px;
	}

	.av-home-news-card__excerpt {
		font-size: 15px;
	}

	.av-home-game-card__title,
	.av-home-app-card__title {
		font-size: 16px;
	}

	.av-home-game-card__excerpt,
	.av-home-app-card__excerpt {
		font-size: 13px;
	}

	.av-home-game-card__meta,
	.av-home-app-card__meta {
		font-size: 12px;
	}


	/* Arabic mobile */

	html[lang^="ar"] body,
	html[dir="rtl"] body {
		font-size: 17px;
	}

	html[lang^="ar"] .av-home-game-card__title,
	html[dir="rtl"] .av-home-game-card__title,
	html[lang^="ar"] .av-home-app-card__title,
	html[dir="rtl"] .av-home-app-card__title {
		font-size: 17px;
	}

}



/* =========================================================
   APPVORTEX — HERO TYPOGRAPHY REFINEMENT
========================================================= */

.av-home-hero__title {
	font-size: clamp(42px, 4vw, 60px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.035em;
	max-width: 680px;
	margin-inline: auto;
}

.av-home-hero__description {
	font-size: 16px;
	line-height: 1.7;
	max-width: 650px;
	margin-inline: auto;
}


/* Tablet */
@media (max-width: 1024px) {

	.av-home-hero__title {
		font-size: clamp(36px, 5vw, 50px);
		line-height: 1.1;
	}

	.av-home-hero__description {
		font-size: 16px;
	}

}


/* Mobile */
@media (max-width: 640px) {

	.av-home-hero__title {
		font-size: clamp(30px, 9vw, 40px);
		line-height: 1.12;
		letter-spacing: -0.025em;
	}

	.av-home-hero__description {
		font-size: 15px;
		line-height: 1.65;
	}

}


/* Arabic */
html[lang^="ar"] .av-home-hero__title,
html[dir="rtl"] .av-home-hero__title {
	letter-spacing: 0;
	line-height: 1.3;
}

html[lang^="ar"] .av-home-hero__description,
html[dir="rtl"] .av-home-hero__description {
	font-size: 17px;
	line-height: 1.8;
}