/*
Theme Name: Turath Portal
Theme URI: https://turath.bahygroup.com
Description: ثيم بوابة جمعية إحياء التراث الإسلامي — ألوان مستوحاة من alturath.io، صفحة رئيسية بتسجيل الدخول فقط، وبوابة WMC وشات بوت.
Author: BahyGroup
Version: 1.0.0
Text Domain: turath
*/

/* ألوان مأخوذة من متغيّرات alturath.io الفعلية */
:root{
  --base:#07a54f;          /* الأخضر الأساسي — هوية الجمعية */
  --base-dark:#05803d;
  --base-soft:rgba(7,165,79,.10);
  --primary:#0071fe;
  --bg:#f8f8f8;
  --surface:#ffffff;
  --ink:#22272b;
  --muted:#676767;
  --gray:#a8a8a8;
  --border:#e6e8ea;
  --success:#21a67a;
  --error:#f23648;
  --error-bg:#fddfe2;
  --radius:16px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--base); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto}

.wrap{width:min(1120px,92vw); margin-inline:auto}

/* ---------- الترويسة ---------- */
.site-head{
  background:var(--base); color:#fff; position:sticky; top:0; z-index:50;
  box-shadow:0 2px 12px rgba(0,0,0,.10);
}
.site-head .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0}
.brand{display:flex; align-items:center; gap:12px; color:#fff; font-weight:800; font-size:1.05rem}
.brand:hover{text-decoration:none}
.brand-mark{
  width:42px; height:42px; border-radius:12px; background:#fff; color:var(--base);
  display:grid; place-items:center; font-weight:900; font-size:1.15rem; flex:0 0 auto;
}
.head-actions{display:flex; align-items:center; gap:10px}

/* ---------- الأزرار ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--base); color:#fff; border:none; border-radius:12px;
  padding:12px 22px; font:inherit; font-weight:700; cursor:pointer;
  transition:transform .15s ease, filter .15s ease;
}
.btn:hover{filter:brightness(1.06); text-decoration:none; color:#fff}
.btn:active{transform:translateY(1px)}
.btn-light{background:#fff; color:var(--base)}
.btn-light:hover{color:var(--base-dark)}
.btn-ghost{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.65)}
.btn-ghost:hover{background:rgba(255,255,255,.14); color:#fff}
.btn-block{width:100%}

/* ---------- الواجهة الرئيسية: تسجيل الدخول فقط ---------- */
.hero{
  min-height:calc(100vh - 70px);
  display:grid; place-items:center; padding:40px 0 70px;
  background:
    radial-gradient(1100px 460px at 50% -8%, var(--base-soft), transparent 70%),
    var(--bg);
}
.login-card{
  width:min(430px,92vw); background:var(--surface); border:1px solid var(--border);
  border-radius:22px; box-shadow:var(--shadow); padding:34px 30px 30px; text-align:center;
}
.login-logo{
  width:76px; height:76px; margin:0 auto 16px; border-radius:22px;
  background:var(--base); color:#fff; display:grid; place-items:center;
  font-size:2rem; font-weight:900; box-shadow:0 8px 22px rgba(7,165,79,.32);
}
.login-card h1{margin:0 0 6px; font-size:1.4rem; color:var(--ink)}
.login-card .sub{margin:0 0 24px; color:var(--muted); font-size:.94rem}

.field{text-align:start; margin-bottom:14px}
.field label{display:block; font-size:.86rem; font-weight:700; color:var(--muted); margin-bottom:6px}
.field input[type=text], .field input[type=password]{
  width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:12px;
  font:inherit; background:#fbfbfb; color:var(--ink); transition:border-color .15s, box-shadow .15s;
}
.field input:focus{
  outline:none; border-color:var(--base); background:#fff;
  box-shadow:0 0 0 4px var(--base-soft);
}
.row-between{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 18px}
.row-between label{display:flex; align-items:center; gap:7px; font-size:.86rem; color:var(--muted); margin:0}
.login-foot{margin-top:20px; padding-top:16px; border-top:1px solid var(--border); font-size:.85rem; color:var(--muted)}

.notice{
  border-radius:12px; padding:11px 14px; font-size:.88rem; margin-bottom:16px; text-align:start;
}
.notice-error{background:var(--error-bg); color:#a4172a; border:1px solid #f6c9ce}
.notice-ok{background:#e0eee4; color:#15694c; border:1px solid #bfdfcb}

/* ---------- البوابة ---------- */
.portal-head{background:var(--base); color:#fff; padding:26px 0}
.portal-head h1{margin:0; font-size:1.35rem}
.portal-head p{margin:6px 0 0; opacity:.9; font-size:.92rem}
.portal-body{padding:26px 0 70px}
.panel{
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow); padding:22px;
}

/* ---------- التذييل ---------- */
.site-foot{background:#0f1a14; color:#cfd8d2; padding:30px 0; font-size:.88rem}
.site-foot .wrap{display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between}
.site-foot a{color:#9fe3bd}

@media(max-width:640px){
  .site-head .wrap{padding:11px 0}
  .brand{font-size:.94rem}
  .login-card{padding:26px 20px 24px}
}