/*
Theme Name: E.More Academy
Theme URI: https://emoreacademy.com
Author: E.More Academy
Description: قالب أكاديمية إي مور — عربي/إنجليزي، بهوية الأكاديمية (أزرق · أبيض · أحمر).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: emore-academy
*/


@font-face{
  font-family:"AGC";
  src:url("assets/fonts/AGCBold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+0030-0039, U+060C, U+061B, U+061F;
}
@font-face{
  font-family:"AGC";
  src:url("assets/fonts/AGCRegular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+0030-0039, U+060C, U+061B, U+061F;
}
@font-face{
  font-family:"AGC";
  src:url("assets/fonts/AGCLight.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+0030-0039, U+060C, U+061B, U+061F;
}
  /* ═══════════ BRAND PALETTE — أزرق · أبيض · أحمر ═══════════ */
  :root{
    --blue:#001392;          /* الأزرق الأساسي */
    --brand-plate:#001392;   /* لوحة اللوجو — ثابتة في الوضعين */
    --blue-deep:#000C63;     /* درجة أغمق للأشرطة */
    --blue-lift:#2A3CC4;     /* للتفاعل */
    --blue-wash:#EDEFFA;     /* أفتح درجة — خلفيات */
    --red:#EC1B23;
    --red-deep:#C4141B;
    --white:#FFFFFF;

    --paper:#FFFFFF;
    --surface:#FFFFFF;
    --ink:#0B1030;
    --ink-2:#4A5279;
    --ink-3:#8189A8;
    --hair:#DCE0F0;
    --on-blue:#FFFFFF;
    --on-blue-2:#B9C1EC;
    --on-blue-hair:rgba(255,255,255,.20);

    --font-ar:"AGC","SF Arabic","Geeza Pro","Segoe UI",Tahoma,sans-serif;
    --font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
    --font-ui:"Segoe UI",-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;
  }
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]){
      --blue:#5C72F0;
      --brand-plate:#001392;
      --blue-deep:#000A4E;
      --blue-lift:#8194FF;
      --blue-wash:#0E1440;
      --red:#FF5C63;
      --paper:#05081F;
      --surface:#0A1036;
      --ink:#F0F2FD;
      --ink-2:#A8B0D4;
      --ink-3:#7982A8;
      --hair:#1E2758;
      --on-blue:#FFFFFF;
      --on-blue-2:#AEB7E8;
      --on-blue-hair:rgba(255,255,255,.16);
    }
  }
  :root[data-theme="dark"]{
    --blue:#5C72F0;
      --brand-plate:#001392;
    --blue-deep:#000A4E;
    --blue-lift:#8194FF;
    --blue-wash:#0E1440;
    --red:#FF5C63;
    --paper:#05081F;
    --surface:#0A1036;
    --ink:#F0F2FD;
    --ink-2:#A8B0D4;
    --ink-3:#7982A8;
    --hair:#1E2758;
    --on-blue:#FFFFFF;
    --on-blue-2:#AEB7E8;
    --on-blue-hair:rgba(255,255,255,.16);
  }

  /* ═══════════ BASE ═══════════ */
  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
  html[data-lang="ar"]{direction:rtl;}
  html[data-lang="en"]{direction:ltr;}
  body{
    margin:0;background:var(--paper);color:var(--ink);
    font-family:var(--font-ar);font-size:17px;line-height:1.95;
    -webkit-font-smoothing:antialiased;
  }
  html[data-lang="en"] body{font-family:var(--font-ui);line-height:1.7;}
  h1,h2,h3{margin:0;font-weight:800;line-height:1.28;text-wrap:balance;letter-spacing:-.015em;}

  /* ── سلّم أوزان AGC ──────────────────────────────
     Bold 700  : العناوين والكلمات المهمة
     Regular 400: نص الفقرات
     Light 300 : النصوص الصغيرة والثانوية              */
  html[data-lang="ar"] h1,
  html[data-lang="ar"] h2,
  html[data-lang="ar"] h3,
  html[data-lang="ar"] .tagline,
  html[data-lang="ar"] .stats b,
  html[data-lang="ar"] .lines .v,
  html[data-lang="ar"] .btn,
  html[data-lang="ar"] .branch .bno,
  html[data-lang="ar"] .prog .when,
  html[data-lang="ar"] .branch .flag{ font-weight:700; }

  html[data-lang="ar"] body,
  html[data-lang="ar"] .hero-lede,
  html[data-lang="ar"] .intro,
  html[data-lang="ar"] .prog .desc,
  html[data-lang="ar"] .m-item p,
  html[data-lang="ar"] .branch address,
  html[data-lang="ar"] nav a{ font-weight:400; }

  html[data-lang="ar"] .label,
  html[data-lang="ar"] .tagline-alt,
  html[data-lang="ar"] .stats span,
  html[data-lang="ar"] .prog li,
  html[data-lang="ar"] .g-sub,
  html[data-lang="ar"] .lines .k,
  html[data-lang="ar"] .closer p,
  html[data-lang="ar"] .note,
  html[data-lang="ar"] .foot .fine{ font-weight:300; }
  html[data-lang="en"] h1,html[data-lang="en"] h2,html[data-lang="en"] h3{
    font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em;
  }
  p{margin:0;} a{color:inherit;}
  .num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block;}
  :focus-visible{outline:2px solid var(--red);outline-offset:4px;}

  html[data-lang="ar"] .en{display:none !important;}
  html[data-lang="en"] .ar{display:none !important;}
  html[data-lang="ar"] .alt-ar{display:none !important;}
  html[data-lang="en"] .alt-en{display:none !important;}

  .wrap{max-width:1180px;margin-inline:auto;padding-inline:28px;}
  @media (max-width:600px){ .wrap{padding-inline:20px;} }

  .label{
    font-family:var(--font-ui);font-size:11px;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);
  }

  /* ═══════════ LOGO SLOT — الملف الأصلي بيتحط هنا ═══════════ */
  .logo{display:block;height:38px;width:auto;}
  .logo.lg{height:84px;}
  .logo.sm{height:34px;}
  .logo-plate{
    display:inline-flex;align-items:center;line-height:0;
    background:var(--brand-plate);
    border-radius:7px;padding:10px 18px;
    text-decoration:none;
  }
  @media (max-width:600px){ .logo{height:32px;} .logo-plate{padding:8px 13px;} }

  /* ═══════════ HEADER ═══════════ */
  header{
    position:sticky;top:0;z-index:40;
    background:color-mix(in srgb,var(--paper) 88%,transparent);
    backdrop-filter:saturate(1.8) blur(16px);
    border-block-end:1px solid var(--hair);
  }
  .bar{display:flex;align-items:center;gap:28px;min-block-size:78px;}
  nav{display:flex;gap:30px;margin-inline-start:auto;font-size:15px;font-weight:600;color:var(--ink-2);}
  nav a{text-decoration:none;padding-block:4px;border-block-end:2px solid transparent;}
  nav a:hover{color:var(--blue);border-block-end-color:var(--red);}
  @media (max-width:980px){ nav{display:none;} }

  .lang{
    display:inline-flex;border:1px solid var(--hair);border-radius:3px;overflow:hidden;
    font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.08em;
    margin-inline-start:auto;
  }
  @media (min-width:981px){ .lang{margin-inline-start:0;} }
  .lang button{
    appearance:none;border:0;cursor:pointer;background:transparent;
    color:var(--ink-3);padding:8px 15px;font:inherit;
  }
  .lang button[aria-pressed="true"]{background:var(--blue);color:var(--white);}

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:14px 28px;border-radius:3px;
    font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.03em;
    text-decoration:none;border:1.5px solid transparent;white-space:nowrap;
    transition:background .18s ease,color .18s ease,border-color .18s ease;
  }
  .btn-red{background:var(--red);color:var(--white);}
  .btn-red:hover{background:var(--red-deep);}
  .btn-blue{background:var(--blue);color:var(--white);}
  .btn-blue:hover{background:var(--blue-lift);}
  .btn-line{border-color:var(--hair);color:var(--ink);}
  .btn-line:hover{border-color:var(--blue);color:var(--blue);}
  .on-blue .btn-white{background:var(--white);color:var(--blue-deep);}
  .on-blue .btn-white:hover{background:var(--blue-wash);}
  .on-blue .btn-line{border-color:var(--on-blue-hair);color:var(--on-blue);}
  .on-blue .btn-line:hover{border-color:var(--white);}
  @media (max-width:600px){ .bar .btn{display:none;} }

  /* ═══════════ HERO — شريط أزرق بالعرض ═══════════ */
  .hero{
    background:var(--blue);color:var(--on-blue);
    padding-block:92px 0;position:relative;overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;pointer-events:none;
    inline-size:820px;block-size:820px;border-radius:50%;
    inset-block-start:-230px;inset-inline-end:-260px;
    background:
      radial-gradient(circle,transparent 0 62%,var(--on-blue-hair) 62% calc(62% + 1.5px),transparent calc(62% + 1.5px)),
      radial-gradient(circle,transparent 0 44%,var(--on-blue-hair) 44% calc(44% + 1.5px),transparent calc(44% + 1.5px)),
      radial-gradient(circle,transparent 0 27%,rgba(236,27,35,.5) 27% calc(27% + 2px),transparent calc(27% + 2px));
  }
  html[data-lang="en"] .hero::after{inset-inline-end:auto;inset-inline-start:-260px;}
  .hero .wrap{position:relative;z-index:2;}
  .hero .label{color:var(--on-blue-2);}

  .crest{
    display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    padding-block-end:28px;margin-block-end:46px;
    border-block-end:1px solid var(--on-blue-hair);
  }
  .crest .label{margin-inline-start:auto;}

  h1{font-size:clamp(36px,5.6vw,66px);line-height:1.18;max-width:16ch;}
  html[data-lang="en"] h1{line-height:1.1;max-width:15ch;}

  .lockup{margin-block-start:28px;}
  .tagline{
    font-size:clamp(18px,2.3vw,26px);font-weight:700;color:var(--on-blue);
    display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  }
  html[data-lang="en"] .tagline{font-family:var(--font-serif);font-style:italic;font-weight:400;}
  .tagline .dot{inline-size:9px;block-size:9px;border-radius:50%;background:var(--red);flex:none;}
  .tagline-alt{
    margin-block-start:12px;font-size:13px;letter-spacing:.16em;
    color:var(--on-blue-2);font-family:var(--font-ui);text-transform:uppercase;
  }
  html[data-lang="ar"] .tagline-alt{font-family:var(--font-ar);text-transform:none;letter-spacing:.02em;font-size:15px;}

  .hero-lede{max-width:56ch;margin-block-start:28px;color:var(--on-blue-2);font-size:18px;}
  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-block-start:38px;}

  .stats{
    margin-block-start:78px;border-block-start:1px solid var(--on-blue-hair);
    display:grid;grid-template-columns:repeat(4,1fr);
  }
  .stats div{padding:28px 24px 36px;border-inline-start:1px solid var(--on-blue-hair);}
  .stats div:first-child{border-inline-start:0;}
  .stats b{
    display:block;font-family:var(--font-serif);
    font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1.1;
    color:var(--white);letter-spacing:-.02em;
  }
  .stats span{display:block;margin-block-start:8px;font-size:13.5px;color:var(--on-blue-2);line-height:1.5;}
  @media (max-width:820px){
    .stats{grid-template-columns:repeat(2,1fr);}
    .stats div:nth-child(3){border-inline-start:0;}
    .stats div:nth-child(-n+2){border-block-end:1px solid var(--on-blue-hair);}
  }
  @media (max-width:600px){ .hero{padding-block-start:58px;} .stats{margin-block-start:52px;} }

  /* ═══════════ SECTIONS ═══════════ */
  section{padding-block:104px;}
  @media (max-width:600px){ section{padding-block:66px;} }
  .band{background:var(--blue-wash);}
  .sec-head{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
    gap:20px 60px;align-items:end;
    padding-block-end:32px;margin-block-end:52px;
    border-block-end:2px solid var(--blue);
  }
  .sec-head h2{font-size:clamp(27px,3.6vw,44px);margin-block-start:14px;}
  .sec-head .intro{color:var(--ink-2);font-size:17.5px;}
  .sec-head .label{color:var(--red);}
  @media (max-width:860px){ .sec-head{grid-template-columns:1fr;align-items:start;} }

  /* ═══════════ PROGRAMMES ═══════════ */
  .programs{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid var(--hair);}
  .prog{
    padding:38px 34px 42px;
    border-inline-start:1px solid var(--hair);border-block-end:1px solid var(--hair);
    display:flex;flex-direction:column;gap:16px;
    transition:background .2s ease;background:var(--surface);
  }
  .prog:first-child{border-inline-start:0;}
  .prog:hover{background:var(--blue-wash);}
  .prog .when{
    font-family:var(--font-ui);font-size:11px;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:var(--red);
  }
  .prog h3{font-size:23px;color:var(--blue);}
  .prog .desc{color:var(--ink-2);font-size:16px;}
  .prog ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;margin-block-start:auto;padding-block-start:18px;}
  .prog li{font-size:15px;color:var(--ink-2);padding-block:9px;border-block-start:1px solid var(--hair);}
  @media (max-width:900px){ .programs{grid-template-columns:1fr;} .prog{border-inline-start:0;} }

  /* ═══════════ STAGES ═══════════ */
  .stage-set{margin-block-end:44px;}
  .stage-set:last-child{margin-block-end:0;}
  .stage-title{display:flex;align-items:center;gap:18px;margin-block-end:20px;}
  .stage-title .label{white-space:nowrap;color:var(--blue);}
  .stage-title::after{content:"";flex:1;block-size:2px;background:var(--red);opacity:.3;}
  .grades{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);}
  @media (max-width:860px){ .grades{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .grades{grid-template-columns:1fr;} }
  .grade{
    background:var(--surface);padding:24px 26px;text-decoration:none;
    display:flex;align-items:baseline;gap:16px;
    transition:background .18s ease,color .18s ease;
  }
  .grade:hover{background:var(--blue);color:var(--white);}
  .grade:hover .g-sub,.grade:hover .g-idx{color:rgba(255,255,255,.78);}
  .g-idx{
    font-family:var(--font-serif);font-size:22px;font-weight:600;
    color:var(--red);line-height:1;flex:none;min-inline-size:1.4em;
  }
  .g-name{font-weight:700;font-size:16.5px;line-height:1.45;display:block;}
  html[data-lang="en"] .g-name{font-family:var(--font-serif);font-weight:600;}
  .g-sub{font-size:13px;color:var(--ink-3);display:block;line-height:1.5;}

  /* ═══════════ METHOD ═══════════ */
  .method{display:grid;grid-template-columns:repeat(3,1fr);}
  .m-item{padding-inline-end:36px;border-inline-end:1px solid var(--hair);}
  .m-item:last-child{border-inline-end:0;padding-inline-end:0;}
  .m-item:not(:first-child){padding-inline-start:36px;}
  .m-item .ico{
    inline-size:48px;block-size:48px;display:grid;place-items:center;
    background:var(--blue);color:var(--white);border-radius:3px;margin-block-end:22px;
  }
  .m-item h3{font-size:20px;margin-block-end:12px;color:var(--blue);}
  .m-item p{color:var(--ink-2);font-size:16px;}
  @media (max-width:900px){
    .method{grid-template-columns:1fr;gap:40px;}
    .m-item{border-inline-end:0;padding-inline:0 !important;}
  }

  /* ═══════════ BRANCHES ═══════════ */
  .branches{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);}
  @media (max-width:860px){ .branches{grid-template-columns:1fr;} }
  .branch{background:var(--surface);padding:36px 34px;}
  .branch .bno{
    display:inline-block;background:var(--red);color:var(--white);
    font-family:var(--font-ui);font-size:11px;font-weight:700;
    letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:3px;
  }
  .branch h3{font-size:22px;margin-block:12px;color:var(--blue);}
  .branch address{font-style:normal;color:var(--ink-2);font-size:16px;}
  .branch .flag{
    display:inline-block;margin-block-start:14px;font-size:13px;font-weight:700;
    color:var(--blue);border:1.5px solid var(--blue);border-radius:3px;padding:4px 12px;
  }
  .lines{
    display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
    background:var(--hair);border:1px solid var(--hair);border-block-start:0;
  }
  @media (max-width:860px){ .lines{grid-template-columns:1fr;} }
  .lines a{background:var(--surface);padding:26px 34px;text-decoration:none;display:block;transition:background .18s ease;}
  .lines a:hover{background:var(--blue-wash);}
  .lines .k{display:block;font-size:13.5px;color:var(--ink-3);}
  .lines .v{
    display:block;margin-block-start:4px;font-family:var(--font-serif);
    font-size:25px;font-weight:600;color:var(--blue);letter-spacing:.01em;
  }

  /* ═══════════ CLOSER ═══════════ */
  .closer{background:var(--blue);color:var(--on-blue);padding-block:88px;}
  .closer .inner{display:flex;flex-wrap:wrap;gap:34px;align-items:flex-end;justify-content:space-between;}
  .closer h2{font-size:clamp(26px,3.4vw,40px);max-width:20ch;}
  .closer p{color:var(--on-blue-2);margin-block-start:14px;max-width:46ch;}

  /* ═══════════ FOOTER ═══════════ */
  footer{padding-block:44px 56px;border-block-start:1px solid var(--hair);}
  .foot{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start;justify-content:space-between;}
  .foot .fine{color:var(--ink-3);font-size:14px;margin-block-start:14px;line-height:1.75;}
  .socials{display:flex;gap:10px;}
  .socials a{
    inline-size:44px;block-size:44px;display:grid;place-items:center;
    border:1.5px solid var(--hair);border-radius:3px;color:var(--ink-2);
    text-decoration:none;transition:border-color .18s ease,color .18s ease,background .18s ease;
  }
  .socials a:hover{background:var(--blue);border-color:var(--blue);color:var(--white);}

  .note{background:var(--blue-wash);border-block-end:1px solid var(--hair);font-size:13.5px;color:var(--ink-2);padding-block:11px;}
  .note b{color:var(--blue);}