/*
Theme Name: eshtarynow
Theme URI: https://eshtarynow.local
Author: eshtarynow
Description: A fast, lightweight, mobile-first classifieds theme for eshtarynow — post, browse, save, and chat about listings, free.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: eshtarynow
*/

:root {
	--eshn-primary: #3559e9;
	--eshn-primary-dark: #223fc4;
	--eshn-primary-light: #eaefff;
	--eshn-secondary: #10162b;
	--eshn-secondary-2: #1b2444;
	--eshn-accent: #ff6a3d;
	--eshn-accent-dark: #e2551f;
	--eshn-accent-light: #fff1e9;
	--eshn-success: #16a34a;
	--eshn-danger: #ef4444;
	--eshn-bg: #f5f6fb;
	--eshn-surface: #ffffff;
	--eshn-surface-2: #f1f3f8;
	--eshn-border: #e6e8f0;
	--eshn-text: #171a21;
	--eshn-text-muted: #6b7280;
	--eshn-radius: 14px;
	--eshn-radius-sm: 9px;
	--eshn-radius-lg: 22px;
	--eshn-container: 1260px;
	--eshn-font: "Inter", "Cairo", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
	--eshn-shadow-sm: 0 1px 2px rgba(16, 22, 43, .06), 0 1px 1px rgba(16, 22, 43, .04);
	--eshn-shadow-md: 0 8px 20px rgba(16, 22, 43, .08), 0 2px 6px rgba(16, 22, 43, .06);
	--eshn-shadow-lg: 0 20px 40px rgba(16, 22, 43, .16), 0 6px 14px rgba(16, 22, 43, .08);
	--eshn-gradient: linear-gradient(135deg, #3559e9 0%, #2946c9 45%, #10162b 100%);
	--eshn-gradient-accent: linear-gradient(135deg, #ff6a3d 0%, #ff8a5b 100%);
	--eshn-ease: cubic-bezier(.2, .7, .3, 1);
}

:root[dir="rtl"], html[dir="rtl"] { --eshn-font: "Cairo", "Tajawal", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--eshn-font);
	background: var(--eshn-bg);
	color: var(--eshn-text);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--eshn-primary); }
h1, h2, h3 { line-height: 1.25; letter-spacing: -.01em; }
.eshn-container { max-width: var(--eshn-container); margin: 0 auto; padding: 0 1rem; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; }