/*
Theme Name: See AEO
Theme URI: https://seeaeo.com
Author: See AEO
Author URI: https://seeaeo.com
Description: قالب See AEO — وكالة تسويق رقمي متخصصة في SEO و AEO و GEO
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: see-aeo
Tags: rtl, right-to-left, arabic, one-page, custom-background
*/

/* ============================================================
   DESIGN TOKENS — See AEO
   ============================================================ */
:root {
  /* Ink base */
  --ink-950: #05040C; --ink-900: #08070F; --ink-800: #0B0A16;
  --ink-700: #110F22; --ink-600: #16142B; --ink-500: #1D1B38; --ink-400: #262346;
  /* Violet accent */
  --violet-800: #4A27C4; --violet-700: #5B34E0; --violet-600: #6D45F0;
  --violet-500: #7C5CFC; --violet-400: #9B7EFF; --violet-300: #B9A5FF;
  --violet-200: #D6C9FF; --violet-100: #ECE6FF;
  /* Text */
  --text-100: #F5F4FC; --text-200: #C7C5DD; --text-300: #9A98B6;
  --text-400: #6E6C8C; --text-500: #4A4866;
  /* Lines */
  --line-soft: rgba(255,255,255,0.06); --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.16); --line-violet: rgba(124,92,252,0.38);
  /* Status */
  --success: #34D399; --success-dim: rgba(52,211,153,0.14);
  --warning: #FBBF24; --warning-dim: rgba(251,191,36,0.14);
  --danger: #F87171; --danger-dim: rgba(248,113,113,0.14);
  /* Semantic */
  --bg-page: var(--ink-800); --bg-deep: var(--ink-950);
  --surface-glass: rgba(255,255,255,0.04); --surface-glass-2: rgba(255,255,255,0.07);
  --surface-card: #110F22; --surface-card-2: #16142B;
  --text-heading: var(--text-100); --text-body: var(--text-200);
  --text-muted: var(--text-300); --text-faint: var(--text-400);
  --accent: var(--violet-500); --accent-tint: rgba(124,92,252,0.12);
  --on-accent: #FFFFFF; --border-card: var(--line); --border-accent: var(--line-violet);
  /* Typography */
  --font-display: 'Tajawal', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
  --fw-light:300; --fw-regular:400; --fw-medium:500; --fw-semibold:600;
  --fw-bold:700; --fw-extrabold:800; --fw-black:900;
  --fs-display: clamp(2.75rem,5.5vw,4.75rem); --fs-h1: clamp(2.25rem,4vw,3.5rem);
  --fs-h2: clamp(1.75rem,3vw,2.75rem); --fs-h3: clamp(1.375rem,2vw,1.875rem);
  --fs-h4: 1.25rem; --fs-lead: 1.1875rem; --fs-body: 1rem;
  --fs-sm: 0.9375rem; --fs-xs: 0.8125rem;
  --lh-tight:1.1; --lh-snug:1.25; --lh-normal:1.5; --lh-relaxed:1.75;
  --ls-tight:-0.02em; --ls-wide:0.04em;
  /* Spacing */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:2.5rem; --sp-8:3rem; --sp-9:4rem;
  --section-y: clamp(4rem,9vw,8rem);
  --container: 1200px; --container-narrow: 760px;
  --gutter: clamp(1.25rem,4vw,2.5rem);
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px;
  --r-xl:28px; --r-2xl:36px; --r-pill:999px;
  --ctrl-sm:36px; --ctrl-md:44px; --ctrl-lg:54px;
  /* Effects */
  --grad-violet: linear-gradient(135deg,#9B7EFF 0%,#7C5CFC 45%,#5B34E0 100%);
  --grad-card: linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.015) 60%,rgba(255,255,255,0) 100%);
  --grad-card-violet: linear-gradient(165deg,rgba(124,92,252,0.16) 0%,rgba(124,92,252,0.03) 50%,rgba(255,255,255,0) 100%);
  --aurora: radial-gradient(120% 80% at 50% -10%,rgba(124,92,252,0.40) 0%,rgba(91,52,224,0.18) 28%,rgba(11,10,22,0) 60%);
  --aurora-soft: radial-gradient(90% 70% at 50% 0%,rgba(124,92,252,0.22) 0%,rgba(11,10,22,0) 55%);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
  --shadow-md: 0 12px 30px -8px rgba(0,0,0,0.55);
  --shadow-lg: 0 30px 70px -20px rgba(0,0,0,0.7);
  --shadow-card: 0 24px 60px -28px rgba(0,0,0,0.75), inset 0 1px 0 rgba(255,255,255,0.05);
  --glow-sm: 0 0 0 1px rgba(124,92,252,0.18),0 8px 24px -6px rgba(124,92,252,0.35);
  --glow-md: 0 0 40px -6px rgba(124,92,252,0.45);
  --glow-lg: 0 0 90px -10px rgba(124,92,252,0.55);
  --glow-btn: 0 10px 30px -8px rgba(124,92,252,0.6);
  --blur-card: blur(14px); --blur-nav: blur(20px);
  --ease-out: cubic-bezier(0.22,1,0.36,1);
  --dur:240ms; --dur-fast:140ms; --dur-slow:420ms;
}

/* === Base === */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin:0;font-weight:var(--fw-bold);}
p{margin:0;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
::selection{background:rgba(124,92,252,0.4);color:#fff;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{background:var(--ink-500);border-radius:999px;}
::-webkit-scrollbar-track{background:var(--bg-deep);}

/* Hide WP admin bar in frontend for clean display */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }

@media(max-width:920px){
  .resp-hide{display:none!important;}
  .resp-2col{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .resp-foot{grid-template-columns:1fr 1fr!important;}
}