/* noto-kufi-arabic-arabic-wght-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/noto-kufi-arabic-arabic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* noto-kufi-arabic-math-wght-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/noto-kufi-arabic-math-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* noto-kufi-arabic-symbols-wght-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/noto-kufi-arabic-symbols-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* noto-kufi-arabic-latin-ext-wght-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/noto-kufi-arabic-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* noto-kufi-arabic-latin-wght-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(../fonts/noto-kufi-arabic-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Naje7 shell. Editorial widget internals deliberately inherit their own styling. */
:root{--n7t-blue:#0863d8;--n7t-blue-dark:#084fa9;--n7t-ink:#172b4d;--n7t-muted:#64748b;--n7t-soft:#f3f8ff;--n7t-border:#e2eaf4;--n7t-radius:20px;--n7t-width:1200px;--lp-primary-color:#0863d8;--lp-secondary-color:#084fa9}
*,*::before,*::after{box-sizing:border-box}
body.naje7-theme{margin:0;background:#fff;color:var(--n7t-ink);font-family:"Noto Kufi Arabic",sans-serif;font-size:16px;line-height:1.9}
:where(.naje7-theme) :where(h1,h2,h3,h4,h5,h6){font-family:inherit;color:inherit;line-height:1.55}
:where(.naje7-theme) :where(a){color:var(--n7t-blue);text-decoration:none}
:where(.naje7-theme) :where(a:hover){color:var(--n7t-blue-dark)}
:where(.naje7-theme) :where(button,input,select,textarea){font:inherit}
:where(.naje7-theme) :where(img,video){max-width:100%;height:auto}
:where(.naje7-theme) :where(iframe){max-width:100%}
:where(.naje7-theme) :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #1385dc;outline-offset:4px}
[hidden]{display:none!important}
.screen-reader-text,.n7t-skip:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.n7t-skip:focus{position:fixed;inset-block-start:8px;inset-inline-start:8px;padding:12px 20px;z-index:100001;background:#fff;border:2px solid var(--n7t-blue)}
#n7t-content-start{scroll-margin-top:24px}
.n7t-header{position:relative;z-index:50;background:#fff;border-block-end:1px solid var(--n7t-border)}
.n7t-header-inner{max-width:var(--n7t-width);margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.n7t-brand{flex:0 0 auto}.n7t-brand img,.n7t-footer-brand img{display:block;max-height:76px;width:auto;max-width:180px}.n7t-brand-name{font-size:30px;font-weight:800}
.n7t-navigation{width:100%;order:3}.n7t-menu,.n7t-menu .sub-menu,.n7t-footer-menu{list-style:none;padding:0;margin:0}
.n7t-menu{display:flex;flex-direction:column;gap:4px}.n7t-menu li{position:relative}.n7t-menu a{display:block;padding:10px 12px;color:var(--n7t-ink);font-size:15px;font-weight:600;border-radius:10px}.n7t-menu a:hover,.n7t-menu .current-menu-item>a,.n7t-menu .current-menu-ancestor>a{color:var(--n7t-blue);background:var(--n7t-soft)}
.n7t-menu .sub-menu{padding-inline-start:18px}.n7t-submenu-toggle{position:absolute;inset-inline-end:0;inset-block-start:3px;border:0;border-radius:8px;background:transparent;width:44px;height:44px;color:var(--n7t-ink);cursor:pointer}.n7t-menu li.menu-item-has-children>a{padding-inline-end:48px}
.n7t-menu-toggle{border:1px solid var(--n7t-border);background:white;border-radius:12px;padding:10px 14px;color:var(--n7t-ink);cursor:pointer;min-height:44px}
.n7t-account-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.n7t-account-actions a{white-space:nowrap}.n7t-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--n7t-blue);border:1px solid var(--n7t-blue);color:#fff;border-radius:12px;padding:10px 20px;font-weight:700;min-height:44px;cursor:pointer}.n7t-button:hover{background:var(--n7t-blue-dark);color:#fff}.n7t-account-logout{color:var(--n7t-muted)}
.n7t-footer{background:var(--n7t-soft);border-block-start:1px solid var(--n7t-border);margin-block-start:56px}.n7t-footer-top{border-block-end:1px solid var(--n7t-border)}.n7t-footer-widgets{max-width:var(--n7t-width);padding:32px 24px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:28px}.n7t-footer-widget{min-width:0}.n7t-footer-widget-title{margin:0 0 12px;font-size:17px}.n7t-footer-widget ul{margin:0;padding-inline-start:20px}.n7t-footer a{overflow-wrap:anywhere}.n7t-copyright{max-width:var(--n7t-width);margin:auto;padding:18px 24px;text-align:center;font-size:13px;color:var(--n7t-muted)}
.n7t-container{width:min(var(--n7t-width),calc(100% - 40px));margin:40px auto 64px;min-height:35vh}.n7t-page-full{width:100%;min-height:40vh}.n7t-prose{max-width:860px;overflow-wrap:anywhere}.n7t-prose h1{font-size:clamp(28px,5vw,42px)}.n7t-prose h2{margin-block-start:32px}.n7t-prose a{text-decoration:underline;text-underline-offset:3px}.n7t-prose table{width:100%;border-collapse:collapse}.n7t-prose td,.n7t-prose th{border:1px solid var(--n7t-border);padding:10px}.n7t-prose pre{overflow:auto;direction:ltr;text-align:left;background:var(--n7t-soft);padding:20px;border-radius:12px}.n7t-prose blockquote{margin-inline:0;padding:12px 24px;border-inline-start:4px solid var(--n7t-blue);background:var(--n7t-soft)}
.alignwide{max-width:var(--n7t-width)}.alignfull{max-width:none}.n7t-prose .alignfull{width:100%;margin-inline:0}
.n7t-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:24px}.n7t-post-card{padding:24px;border:1px solid var(--n7t-border);border-radius:var(--n7t-radius);background:#fff}.n7t-post-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.n7t-post-card h2{font-size:22px}.n7t-empty{text-align:center;padding-block:48px}.n7t-empty .n7t-search{justify-content:center;margin-block-start:24px}.n7t-search{display:flex;gap:10px;flex-wrap:wrap}.n7t-search input,.n7t-comments input:not([type=checkbox]),.n7t-comments textarea{max-width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff;color:var(--n7t-ink)}.n7t-comments{margin-block-start:48px}.n7t-comments textarea{width:100%}.n7t-comments .comment-list{padding-inline-start:24px}.nav-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:24px}.page-numbers{padding:8px 12px}.page-numbers.current{background:var(--n7t-soft);border-radius:8px}
.n7t-login-dialog{border:0;border-radius:24px;padding:42px 24px 24px;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--n7t-ink);box-shadow:0 24px 90px #102a5640}.n7t-login-dialog::backdrop{background:#102a5680}.n7t-dialog-close{position:absolute;inset-inline-end:10px;inset-block-start:8px;width:44px;height:44px;border:0;background:var(--n7t-soft);border-radius:50%;font-size:28px;cursor:pointer}.n7t-login-dialog .naje7-auth-shell{padding:0;margin:0;min-height:0;background:none}.n7t-login-dialog .naje7-auth-guide{display:none}.n7t-login-dialog .naje7-auth-layout{display:block}.n7t-login-dialog .naje7-auth-intro{text-align:center}.n7t-login-dialog .naje7-auth-intro h1{font-size:24px;margin:0 0 12px}.n7t-login-dialog .naje7-auth-card{box-shadow:none;border:0;padding:0}.n7t-login-dialog input:not([type=checkbox]):not([type=hidden]){width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.n7t-login-dialog label{display:block;margin-block:12px 6px}.n7t-login-dialog button[type=submit]{width:100%;border:0;border-radius:12px;padding:12px;background:var(--n7t-blue);color:white;cursor:pointer}.n7t-login-dialog .naje7-form-errors{color:#9f1239;background:#fff1f2;padding:12px;border-radius:12px}.n7t-login-dialog .naje7-auth-guide,.n7t-login-dialog .naje7-auth-side{display:none}.n7t-dialog-open{overflow:hidden}
@media(min-width:1024px){.n7t-navigation{width:auto;order:0;flex:1}.n7t-menu{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:4px}.n7t-menu .sub-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;min-width:220px;padding:8px;background:white;box-shadow:0 12px 36px #102a561a;border:1px solid var(--n7t-border);border-radius:12px}.n7t-menu .sub-menu .sub-menu{inset-block-start:0;inset-inline-start:100%}.n7t-menu-toggle{display:none}.n7t-menu:not(.n7t-menu-ready) .sub-menu{display:none}.n7t-menu:not(.n7t-menu-ready) li:hover>.sub-menu,.n7t-menu:not(.n7t-menu-ready) li:focus-within>.sub-menu{display:block}}
/* v0.1.9 — mobile header: keep account actions visible without creating a second row. */
@media(max-width:1023px){
    .n7t-header-inner{
        position:relative;
        display:grid;
        grid-template-columns:auto minmax(0,1fr) auto;
        grid-template-areas:"menu account brand";
        align-items:center;
        gap:10px;
        padding:12px 18px;
        flex-wrap:nowrap;
        direction:ltr;
    }
    .n7t-brand{grid-area:brand;justify-self:end;direction:rtl;min-width:0}
    .n7t-menu-toggle{grid-area:menu;justify-self:start;direction:rtl;white-space:nowrap}
    .n7t-account-actions{
        grid-area:account;
        direction:rtl;
        width:auto;
        min-width:0;
        justify-content:center;
        flex-wrap:nowrap;
        gap:8px;
    }
    .n7t-account-actions a{flex:0 0 auto}
    .n7t-navigation{
        position:absolute;
        inset-block-start:calc(100% + 1px);
        inset-inline:12px;
        z-index:70;
        width:auto;
        max-height:min(70vh,560px);
        overflow:auto;
        padding:10px;
        direction:rtl;
        background:#fff;
        border:1px solid var(--n7t-border);
        border-radius:14px;
        box-shadow:0 18px 48px rgba(23,43,77,.14);
    }
}
@media(max-width:600px){
    body.naje7-theme{font-size:15px}
    .n7t-header-inner{padding:10px 12px;gap:7px}
    .n7t-brand img{max-height:58px;max-width:88px}
    .n7t-menu-toggle{min-height:40px;padding:7px 9px;border-radius:11px;font-size:12px;line-height:1.2}
    .n7t-menu-toggle span{font-size:18px;line-height:1}
    .n7t-account-actions{gap:5px;font-size:12px}
    .n7t-account-actions .n7t-button{min-height:40px;padding:7px 10px;border-radius:11px;font-size:12px}
    .n7t-login-link,.n7t-account-logout{display:inline-flex;align-items:center;min-height:40px;padding-inline:2px;font-size:12px}
    .n7t-navigation{inset-inline:10px}
    .n7t-container{width:calc(100% - 32px);margin-block:28px 40px}
    .n7t-footer{margin-block-start:36px}
    .n7t-footer-widgets{padding:26px 20px;gap:22px}
    .n7t-login-dialog{padding:46px 18px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}

.n7t-login-dialog .naje7-login-layout{display:block}.n7t-login-dialog .naje7-auth-card-heading{display:none}.n7t-login-dialog .naje7-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;margin-block:12px}.n7t-login-dialog .naje7-remember{display:flex;align-items:center;gap:8px;margin:0}.n7t-modal-register{text-align:center;margin-block:18px 0;font-weight:600}

/* v0.1.2 — desktop disclosure: submenu appears on hover/focus; mobile remains tap-to-expand. */
@media(min-width:1024px){
    .n7t-menu.n7t-menu-ready .sub-menu{display:none}
    .n7t-menu.n7t-menu-ready li.menu-item-has-children:hover>.sub-menu,
    .n7t-menu.n7t-menu-ready li.menu-item-has-children:focus-within>.sub-menu,
    .n7t-menu.n7t-menu-ready li.menu-item-has-children.n7t-submenu-open>.sub-menu{display:block}
}

/* v0.1.4 — Homepage teacher cards.
 * Keep teacher data/rendering in Naje7 Student Access; the theme only normalizes presentation.
 * The previous full-width 4:3 crop over-emphasized faces and cut portrait framing.
 */
body.naje7-theme .n7-ew-teacher__avatar-link{
    aspect-ratio:auto!important;
    min-height:184px;
    padding:22px 16px 10px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    background:#f7faff;
}
body.naje7-theme .n7-ew-teacher__avatar{
    width:150px!important;
    height:150px!important;
    max-width:150px!important;
    flex:0 0 150px;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center top!important;
    border:4px solid #fff;
    box-shadow:0 8px 24px rgba(23,43,77,.12);
    margin:0 auto!important;
}
body.naje7-theme .n7-ew-teacher:hover .n7-ew-teacher__avatar{
    transform:translateY(-2px) scale(1.015);
}
@media(max-width:767px){
    body.naje7-theme .n7-ew-teacher__avatar-link{min-height:164px;padding-block-start:18px}
    body.naje7-theme .n7-ew-teacher__avatar{width:132px!important;height:132px!important;max-width:132px!important;flex-basis:132px}
}
