/* =========================================================================
   ثيم اللعبة — خط Amiri + ألوان وأسلوب اختبارات/ألعاب moalmy
   يُحمَّل بعد كل ملفات CSS الأخرى. لا يمسّ خطوط الأيقونات.
   ========================================================================= */
@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(../fonts/amiri-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(../fonts/amiri-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Amiri;font-weight:700;font-display:swap;src:url(../fonts/amiri-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Amiri;font-weight:700;font-display:swap;src:url(../fonts/amiri-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Noto Naskh Arabic";font-weight:400;font-display:swap;src:url(../fonts/noto-naskh-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:"Noto Naskh Arabic";font-weight:700;font-display:swap;src:url(../fonts/noto-naskh-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

:root{
  --site-font:'Amiri','Traditional Arabic','Noto Naskh Arabic',serif;
  --pink:#f72a62;--pinkd:#c71f50;--blue:#229ed9;--blued:#1c7fb0;--org:#fa9a2f;--peach:#f9c3ae;
  --paper:#f8f0df;--card:#fffdf8;--ink:#3a2a26;--mut:#7a6a55;--line:#e2d3b4;
  --ok:#2e9e4f;--okb:#e5f5e8;--nob:#fde4ea;
  --sh:0 3px 0 rgba(160,120,60,.14),0 14px 30px rgba(120,80,40,.14);
}

/* ---------- الخلفية والنص ---------- */
html,body{
  font-family:var(--site-font) !important;
  color:var(--ink);
}
body{
  background-color:var(--paper) !important;
  background-image:
    radial-gradient(rgba(190,150,90,.16) 1px,transparent 1.2px),
    radial-gradient(circle at 10% 0,rgba(249,195,174,.45),transparent 40%),
    radial-gradient(circle at 100% 100%,rgba(34,158,217,.14),transparent 42%) !important;
  background-size:14px 14px,auto,auto !important;
  background-attachment:scroll,fixed,fixed !important;
  font-size:17px;line-height:1.75;
}
::selection{background:var(--peach);color:var(--ink)}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:700;line-height:1.5}
a{color:var(--pinkd)}
a:hover,a:focus{color:var(--pink)}
.text-muted,small,.pl-muted{color:var(--mut) !important}
hr{border-color:var(--line)}

/* ---------- الهيدر ---------- */
.pl-new-header,.pl-header{
  background:var(--card) !important;
  border-bottom:3px double #d6c39b;
  box-shadow:var(--sh) !important;
}
.pl-new-header .pl-new-topheader ul li a{color:var(--ink);font-weight:700}
.pl-new-header .pl-new-topheader ul li:hover:not(.pt-new-createbtn):not(.pt-newmobilebtn){background:rgba(249,195,174,.35) !important;border-radius:.5em}
.pl-new-header .pl-new-topheader ul li:hover > a,
.pl-new-header .pl-new-topheader ul li.selected > a{color:var(--pinkd)}
.pl-new-header .pl-new-topheader ul li.pt-new-createbtn a{
  background:var(--pink) !important;color:#fff !important;border:0;border-radius:.55em;
  box-shadow:0 4px 0 var(--pinkd);transition:transform .12s,box-shadow .12s;
}
.pl-new-header .pl-new-topheader ul li.pt-new-createbtn a:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pinkd)}
.pl-new-header .pl-new-topheader ul li.pt-new-searchfield input{
  background:var(--card) !important;border:2px solid var(--line) !important;border-radius:.55em !important;color:var(--ink);
}
.pl-new-header .pl-new-topheader ul li.pt-new-searchfield input:focus{border-color:var(--pink) !important;outline:0;box-shadow:0 0 0 3px var(--peach)}
.pl-header-info,.bg-6{background:var(--org) !important;color:#fff}

/* ---------- البطاقات والصناديق (نفس بطاقة اللعبة: حدّ مزدوج) ---------- */
.pl-box,.card,.modal-content,.pl-service-item,.list-group-item,.pl-question,.pl-sidebar .pl-widget{
  background:var(--card) !important;
  border:3px double #d6c39b !important;
  border-radius:.7em !important;
  box-shadow:var(--sh) !important;
  color:var(--ink);
}
.pl-service-item{transition:transform .15s,box-shadow .15s}
.pl-service-item:hover{transform:translateY(-3px)}
.dropdown-menu,.pl-new-header .dropdown,.pl-header .dropdown{
  background:var(--card) !important;border:2px solid var(--line) !important;border-radius:.55em !important;box-shadow:var(--sh) !important;
}
.dropdown-item:hover,.dropdown-item:focus{background:var(--peach) !important;color:var(--ink) !important}
.modal-header,.modal-footer,.card-header,.card-footer{background:transparent !important;border-color:var(--line) !important}
.pl-service-name,.pl-services-title h3,.pl-services-title h3 i,.titleh{color:var(--pinkd) !important}
.icon-line{background:linear-gradient(90deg,var(--org) 0 34%,var(--blue) 34% 67%,var(--pink) 67%) !important;height:6px !important;border-radius:9px}

/* ---------- الأزرار (3D مثل أزرار اللعبة) ---------- */
.btn,button.btn,input[type=submit],input[type=button],.pl-btn{
  border-radius:.55em !important;font-weight:700;
  transition:transform .12s,box-shadow .12s,opacity .2s;
}
.btn-primary,.btn-success,.btn-danger,.btn-info,.btn-warning,input[type=submit]:not(.btn-light):not(.btn-secondary){
  background:var(--pink) !important;border:0 !important;color:#fff !important;
  box-shadow:0 4px 0 var(--pinkd) !important;
}
.btn-primary:hover,.btn-success:hover,.btn-danger:hover,.btn-info:hover,.btn-warning:hover{
  transform:translateY(-2px);box-shadow:0 6px 0 var(--pinkd) !important;color:#fff !important;
}
.btn-primary:active,.btn-success:active,.btn-danger:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pinkd) !important}
.btn:disabled,.btn.disabled{opacity:.4;background:#c9b99a !important;box-shadow:0 4px 0 #d9c9a8 !important}
.btn-secondary,.btn-light,.btn-default,.btn-outline-primary,.btn-outline-secondary{
  background:var(--card) !important;color:var(--pinkd) !important;border:0 !important;
  box-shadow:inset 0 0 0 2px var(--pink),0 3px 0 var(--peach) !important;
}
.btn-secondary:hover,.btn-light:hover,.btn-default:hover{transform:translateY(-2px)}

/* ---------- الحقول ---------- */
.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea,select{
  background:var(--card) !important;color:var(--ink) !important;
  border:2px solid var(--line) !important;border-radius:.55em !important;
  box-shadow:0 2px 0 var(--line) !important;
}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  border-color:var(--pink) !important;outline:0 !important;box-shadow:0 0 0 3px var(--peach) !important;
}
input::placeholder,textarea::placeholder{color:var(--mut) !important;opacity:.8}
label{color:var(--ink)}

/* ---------- الترقيم والشارات والتبويبات ---------- */
.page-link{background:var(--card);border:2px solid var(--line);color:var(--ink);border-radius:.5em !important;margin:0 2px}
.page-item.active .page-link,.page-link:hover{background:var(--pink) !important;border-color:var(--pink) !important;color:#fff !important}
.badge,.bg-primary,.bg-danger{background-color:var(--pink) !important;color:#fff}
.bg-success{background-color:var(--ok) !important}
.bg-info{background-color:var(--blue) !important}
.bg-warning{background-color:var(--org) !important}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--pink) !important;color:#fff !important;border-color:var(--pink) !important}
.progress{background:#eadfc8;border:1px solid var(--line);border-radius:9px}
.progress-bar{background:linear-gradient(90deg,var(--org) 0 34%,var(--blue) 34% 67%,var(--pink) 67%) !important}
.alert{border-radius:.55em;border:2px solid var(--line);background:var(--card)}
.alert-success{background:var(--okb);border-color:var(--ok)}
.alert-danger,.alert-warning{background:var(--nob);border-color:var(--pink)}
table,.table{color:var(--ink)}
.table th,.table td{border-color:var(--line) !important}
.table thead th{background:#fbf3e0 !important;color:var(--ink)}

/* ---------- الفوتر ---------- */
.pl-footer{background:var(--paper) !important;border-top:3px double #d6c39b}
.pl-footer:before{background:rgba(248,240,223,.96) !important}
.pl-footer h3{color:var(--pinkd) !important}
.pl-footer .pl-links ul li a{color:var(--ink) !important}
.pl-footer .pl-links ul li:hover a,.pl-footer .pl-links ul li:hover:before{color:var(--pink) !important}

/* ---------- الأيقونات: لا نغيّر خطوطها أبداً ---------- */
.fa,.fas,.far,.fal,.fad,[class*=" fa-"],[class^="fa-"]{font-family:"Font Awesome 5 Free" !important}
.fab{font-family:"Font Awesome 5 Brands" !important}
.icons,[class*=" icon-"],[class^="icon-"]{font-family:"simple-line-icons" !important}

/* ---------- صفحات الأقسام المضمّنة (حلول الكتب / مراجعة / ألعاب / اختبارات) ---------- */
[id$="-wrapper"] [class$="-header"]{background:var(--pink) !important;box-shadow:0 4px 0 var(--pinkd)}
[id$="-wrapper"] .app{background:var(--card) !important;border:3px double #d6c39b;box-shadow:var(--sh) !important}
[id$="-wrapper"] .breadcrumb{background:#fbf3e0 !important;border:1px solid var(--line)}
[id$="-wrapper"] .card:not(.empty){background:var(--card) !important;border:2px solid var(--line) !important;box-shadow:0 3px 0 var(--line) !important;transition:transform .15s,box-shadow .15s,border-color .15s}
[id$="-wrapper"] .card:not(.empty):hover{border-color:var(--pink) !important;background:var(--card) !important;transform:translateY(-2px);box-shadow:0 5px 0 var(--peach) !important}
[id$="-wrapper"] .back{background:var(--blue) !important;box-shadow:0 3px 0 var(--blued);border-radius:.55em}