/*
Theme Name: Arab Results Theme
Theme URI: https://arab-results.example
Author: Arab Results
Author URI: https://arab-results.example
Description: Premium Arabic RTL theme for نتائج العرب — Arab Results. Serious education product design for student results across Arab countries.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arab-results-theme
Domain Path: /languages
Tags: rtl-language-support, translation-ready, custom-menu, featured-images, theme-options, education

Arab Results Theme — نتائج العرب
Premium identity: ink #0A2540 · teal #00A896 · gold #E8A317 · cool bg #F4F7FB
*/

:root {
	/* Brand */
	--ar-ink: #0A2540;
	--ar-ink-soft: #143552;
	--ar-teal: #00A896;
	--ar-teal-dark: #008F7F;
	--ar-teal-soft: rgba(0, 168, 150, 0.12);
	--ar-gold: #E8A317;
	--ar-gold-soft: rgba(232, 163, 23, 0.14);

	/* Semantic aliases */
	--ar-primary: var(--ar-ink);
	--ar-primary-light: var(--ar-ink-soft);
	--ar-primary-dark: #061828;
	--ar-secondary: var(--ar-teal);
	--ar-secondary-light: #33B9AA;
	--ar-accent: var(--ar-gold);
	--ar-warning: #D97706;
	--ar-danger: #DC2626;
	--ar-success: var(--ar-teal);

	/* Surfaces */
	--ar-bg: #F4F7FB;
	--ar-bg-muted: #E8EEF6;
	--ar-card: #FFFFFF;
	--ar-text: #0F172A;
	--ar-text-muted: #64748B;
	--ar-border: #DDE5F0;
	--ar-border-strong: #C5D0E0;

	/* Elevation */
	--ar-shadow: 0 1px 2px rgba(10, 37, 64, 0.04), 0 8px 24px rgba(10, 37, 64, 0.06);
	--ar-shadow-md: 0 4px 16px rgba(10, 37, 64, 0.08), 0 12px 32px rgba(10, 37, 64, 0.06);
	--ar-shadow-lg: 0 12px 40px rgba(10, 37, 64, 0.12);
	--ar-shadow-hover: 0 8px 28px rgba(10, 37, 64, 0.12);

	/* Shape & type */
	--ar-radius: 16px;
	--ar-radius-sm: 10px;
	--ar-radius-xs: 8px;
	--ar-radius-pill: 999px;
	--ar-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
	--ar-font-display: "Cairo", "IBM Plex Sans Arabic", sans-serif;
	--ar-font-mono: "IBM Plex Mono", Consolas, monospace;

	/* Layout */
	--ar-header-height: 72px;
	--ar-container: 1180px;
	--ar-transition: 0.22s cubic-bezier(0.22, 1, 0.36, 1);
	--ar-space-section: clamp(3rem, 6vw, 5rem);

	/* Alert */
	--ar-alert-bg: var(--ar-ink);
	--ar-alert-text: #E8F4F8;

	/* Hero mesh */
	--ar-hero-from: #0A2540;
	--ar-hero-via: #0D3A52;
	--ar-hero-to: #00A896;
}

[data-theme="dark"] {
	--ar-bg: #0B1220;
	--ar-bg-muted: #121C2E;
	--ar-card: #142033;
	--ar-text: #F1F5F9;
	--ar-text-muted: #94A3B8;
	--ar-border: #243447;
	--ar-border-strong: #334155;
	--ar-ink-soft: #1A3A55;
	--ar-teal-soft: rgba(0, 168, 150, 0.18);
	--ar-gold-soft: rgba(232, 163, 23, 0.18);
	--ar-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
	--ar-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
	--ar-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
	--ar-shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.4);
	--ar-alert-bg: #061828;
	--ar-alert-text: #B8D4DE;
	--ar-hero-from: #061828;
	--ar-hero-via: #0A2F42;
	--ar-hero-to: #007A6E;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--ar-font);
	font-size: 16px;
	line-height: 1.7;
	color: var(--ar-text);
	background-color: var(--ar-bg);
	direction: rtl;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--ar-teal);
	text-decoration: none;
	transition: color var(--ar-transition);
}

a:hover {
	color: var(--ar-teal-dark);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--ar-font-display);
	font-weight: 700;
	line-height: 1.3;
	color: var(--ar-text);
	margin: 0 0 0.5em;
}

p {
	margin: 0 0 1em;
}

ul, ol {
	margin: 0;
	padding: 0;
}

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

button {
	cursor: pointer;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	display: block;
	z-index: 100000;
	top: 0.5rem;
	inset-inline-start: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: var(--ar-ink);
	color: #fff;
	border-radius: var(--ar-radius-sm);
}

/* High-traffic simplified mode */
.ar-high-traffic .ar-hero__mesh,
.ar-high-traffic .ar-reveal,
.ar-high-traffic [data-reveal] {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

.ar-high-traffic .ar-hero {
	background: var(--ar-ink);
}

.ar-high-traffic .ar-stat-card:hover,
.ar-high-traffic .ar-country-card:hover,
.ar-high-traffic .ar-tool-card:hover,
.ar-high-traffic .ar-post-card:hover {
	transform: none;
	box-shadow: var(--ar-shadow);
}