/*
Theme Name: منصة الانتساب
Theme URI: https://example.com
Author: منصة الانتساب
Description: ثيم ووردبريس رسمي فاخر مخصص لمنصة دليل الانتساب في الجامعات السعودية. مبني على محرر الكتل (Gutenberg) بحيث يمكن تعديل كل نص وصورة وصفحة من لوحة التحكم دون الحاجة لأي تعديل برمجي.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alintisab
*/

/* ===== المتغيرات العامة ===== */
:root{
  --ai-green:#1F3D2E;
  --ai-green-dark:#0F2118;
  --ai-green-soft:#2E5744;
  --ai-green-light:#3E6E56;
  --ai-beige:#F8F4EA;
  --ai-beige-dark:#E9DEC3;
  --ai-gold:#C29A54;
  --ai-gold-light:#E4C88B;
  --ai-text:#20261F;
  --ai-white:#FFFFFF;
  --ai-radius:16px;
  --ai-radius-sm:10px;
  --ai-shadow:0 6px 24px rgba(15,33,24,.08);
  --ai-shadow-lg:0 18px 48px rgba(15,33,24,.16);
  --ai-font:'Almarai','Tahoma',sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family:var(--ai-font);
  background:var(--ai-beige);
  color:var(--ai-text);
  line-height:1.9;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; display:block; }
a{ color:var(--ai-green); text-decoration:none; transition:.2s; }
a:hover{ color:var(--ai-gold); }

h1,h2,h3,h4,h5{
  font-family:var(--ai-font);
  color:var(--ai-green-dark);
  font-weight:800;
  line-height:1.45;
  margin:0 0 18px;
}
h1{ font-size:clamp(30px,4.4vw,50px); }
h2{ font-size:clamp(24px,3.2vw,34px); }
h3{ font-size:21px; }
p{ margin:0 0 18px; }

.container{ max-width:1180px; margin-inline:auto; padding-inline:24px; }

/* عنصر زخرفي: خط ذهبي تحت العناوين الرئيسية داخل المحتوى */
.ai-content h2{ position:relative; padding-bottom:14px; margin-bottom:30px; }
.ai-content h2::after{
  content:"";
  position:absolute;
  bottom:0; right:50%;
  transform:translateX(50%);
  width:64px; height:4px;
  background:var(--ai-gold);
  border-radius:4px;
}
.ai-content .entry-content h2{ text-align:center; }

/* ===== الشريط العلوي الإعلاني ===== */
.ai-topbar{
  background:var(--ai-green-dark);
  color:var(--ai-beige);
  text-align:center;
  font-size:14px;
  padding:11px 16px;
  letter-spacing:.2px;
}
.ai-topbar a{ color:var(--ai-gold-light); font-weight:700; }
.ai-topbar a:hover{ color:var(--ai-white); }

/* ===== الهيدر ===== */
.ai-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--ai-beige-dark);
  position:sticky; top:0; z-index:100;
  transition:box-shadow .25s;
}
.ai-header.is-scrolled{ box-shadow:0 6px 20px rgba(15,33,24,.10); }

.ai-header-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; padding-block:14px;
}
.ai-logo{ display:flex; align-items:center; gap:12px; }
.ai-logo img{ max-height:54px; width:auto; }
.ai-logo-text{ font-weight:800; font-size:21px; color:var(--ai-green-dark); }

.ai-nav ul{ list-style:none; display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:0; }
.ai-nav a{
  position:relative;
  display:inline-block; padding:11px 18px; border-radius:999px;
  color:var(--ai-green-dark); font-weight:700; font-size:15px;
}
.ai-nav a:hover, .ai-nav .current-menu-item > a{
  background:var(--ai-green); color:var(--ai-beige);
}
.ai-menu-toggle{
  display:none; align-items:center; gap:8px;
  background:var(--ai-green); color:#fff; border:0; border-radius:10px;
  padding:11px 16px; font-size:15px; font-weight:700; cursor:pointer;
  font-family:var(--ai-font);
}

@media (max-width:880px){
  .ai-menu-toggle{ display:inline-flex; }
  .ai-nav{ display:none; width:100%; order:3; }
  .ai-nav.is-open{ display:block; }
  .ai-nav ul{ flex-direction:column; gap:2px; padding-block:12px; }
  .ai-header-inner{ flex-wrap:wrap; }
}

/* ===== الهيرو (الصفحة الرئيسية) ===== */
.ai-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(196,160,90,.20) 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(196,160,90,.14) 0%, transparent 40%),
    linear-gradient(150deg, var(--ai-green) 0%, var(--ai-green-dark) 100%);
  color:var(--ai-beige);
  padding:96px 0 88px;
  text-align:center;
}
.ai-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.6), transparent 75%);
  pointer-events:none;
}
.ai-hero-inner{ position:relative; z-index:1; max-width:760px; margin-inline:auto; }
.ai-hero-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18);
  color:var(--ai-gold-light); font-weight:700; font-size:14px;
  padding:8px 18px; border-radius:999px; margin-bottom:26px;
}
.ai-hero h1{ color:var(--ai-white); margin-bottom:20px; }
.ai-hero p.ai-lead{
  color:var(--ai-beige); opacity:.92; font-size:19px;
  max-width:620px; margin:0 auto 36px;
}
.ai-hero-buttons{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }

.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--ai-font); font-weight:800; font-size:16px;
  padding:16px 36px; border-radius:12px; cursor:pointer;
  border:2px solid transparent; transition:.2s;
}
.btn-primary{ background:var(--ai-gold); color:var(--ai-green-dark); border-color:var(--ai-gold); box-shadow:0 10px 26px rgba(194,154,84,.35); }
.btn-primary:hover{ background:var(--ai-gold-light); border-color:var(--ai-gold-light); color:var(--ai-green-dark); transform:translateY(-2px); }
.btn-outline{ background:transparent; color:var(--ai-white); border-color:rgba(255,255,255,.55); }
.btn-outline:hover{ background:rgba(255,255,255,.12); color:var(--ai-white); border-color:var(--ai-white); }

/* ===== شريط المميزات (شارات ثابتة) ===== */
.ai-badges{
  background:var(--ai-white);
  margin-top:-46px; position:relative; z-index:2;
  border-radius:var(--ai-radius);
  box-shadow:var(--ai-shadow-lg);
  display:grid; grid-template-columns:repeat(4,1fr);
  max-width:1080px; margin-inline:auto;
}
.ai-badge{
  padding:30px 20px; text-align:center;
  border-inline-end:1px solid var(--ai-beige-dark);
}
.ai-badge:last-child{ border-inline-end:0; }
.ai-badge-icon{
  width:52px; height:52px; margin:0 auto 14px;
  background:linear-gradient(150deg,var(--ai-green),var(--ai-green-soft));
  color:var(--ai-gold-light);
  border-radius:14px; display:flex; align-items:center; justify-content:center;
}
.ai-badge-icon svg{ width:26px; height:26px; }
.ai-badge h4{ font-size:15.5px; margin-bottom:6px; color:var(--ai-green-dark); }
.ai-badge p{ font-size:13.5px; color:var(--ai-green-soft); margin:0; line-height:1.6; }

@media (max-width:820px){
  .ai-badges{ grid-template-columns:repeat(2,1fr); }
  .ai-badge{ border-bottom:1px solid var(--ai-beige-dark); }
}

/* ===== قسم عام داخل الصفحة الرئيسية (خارج المحرر) ===== */
.ai-section{ padding:76px 0; }
.ai-section-alt{ background:var(--ai-white); }
.ai-section-head{ text-align:center; max-width:680px; margin:0 auto 46px; }
.ai-section-head h2{ margin-bottom:14px; }
.ai-section-head p{ color:var(--ai-green-soft); font-size:16px; margin:0; }

.ai-uni-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media (max-width:980px){ .ai-uni-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .ai-uni-grid{ grid-template-columns:1fr; } }

.ai-uni-card{
  background:var(--ai-beige);
  border:1px solid var(--ai-beige-dark);
  border-radius:var(--ai-radius);
  padding:30px 24px;
  text-align:center;
  transition:.25s;
}
.ai-uni-card:hover{ transform:translateY(-6px); box-shadow:var(--ai-shadow-lg); background:var(--ai-white); border-color:transparent; }
.ai-uni-avatar{
  width:58px; height:58px; margin:0 auto 16px;
  background:var(--ai-green); color:var(--ai-gold-light);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
}
.ai-uni-avatar svg{ width:28px; height:28px; }
.ai-uni-card h4{ font-size:16.5px; margin-bottom:8px; }
.ai-uni-card p{ font-size:14px; color:var(--ai-green-soft); margin:0; }

.ai-cta-band{
  background:linear-gradient(140deg,var(--ai-green) 0%,var(--ai-green-dark) 100%);
  color:var(--ai-beige);
  border-radius:var(--ai-radius);
  padding:56px 40px;
  text-align:center;
  max-width:1000px; margin-inline:auto;
}
.ai-cta-band h2{ color:var(--ai-white); }
.ai-cta-band h2::after{ background:var(--ai-gold); }
.ai-cta-band p{ color:var(--ai-beige); opacity:.9; max-width:560px; margin:0 auto 30px; }

/* ===== رأس الصفحات الداخلية ===== */
.ai-page-header{
  background:linear-gradient(160deg,var(--ai-green) 0%,var(--ai-green-dark) 100%);
  color:var(--ai-beige);
  padding:64px 0;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.ai-page-header::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 85% 20%, rgba(194,154,84,.18), transparent 40%);
}
.ai-page-header h1{ color:var(--ai-white); margin:0; position:relative; }

.ai-content{ padding:64px 0 80px; }
.entry-content{ max-width:920px; margin-inline:auto; }
.entry-content.is-wide{ max-width:1180px; }

/* ===== تنسيق كتل جوتنبرغ الافتراضية بشكل فاخر وموحّد ===== */
.entry-content .wp-block-column{
  background:var(--ai-white);
  border:1px solid var(--ai-beige-dark);
  border-radius:var(--ai-radius);
  padding:30px;
  box-shadow:var(--ai-shadow);
  transition:.25s;
}
.entry-content .wp-block-column:hover{ box-shadow:var(--ai-shadow-lg); transform:translateY(-3px); }
.entry-content .wp-block-columns{ margin-bottom:30px; gap:24px; }

.entry-content .wp-block-buttons{ justify-content:center; }
.entry-content .wp-block-button__link{
  background:var(--ai-green);
  color:var(--ai-beige) !important;
  padding:15px 36px;
  border-radius:12px;
  font-weight:800;
  border:2px solid var(--ai-green);
  transition:.2s;
}
.entry-content .wp-block-button__link:hover{
  background:var(--ai-gold);
  border-color:var(--ai-gold);
  color:var(--ai-green-dark) !important;
  transform:translateY(-2px);
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;
  color:var(--ai-green) !important;
}

.entry-content .wp-block-table table{
  border-collapse:collapse;
  width:100%;
  background:var(--ai-white);
  border-radius:var(--ai-radius);
  overflow:hidden;
  box-shadow:var(--ai-shadow);
}
.entry-content .wp-block-table th{
  background:var(--ai-green);
  color:var(--ai-white);
  padding:17px 16px;
  font-weight:800;
  text-align:start;
}
.entry-content .wp-block-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--ai-beige-dark);
  text-align:center;
}
.entry-content .wp-block-table td:first-child{ text-align:start; font-weight:700; }
.entry-content .wp-block-table tr:last-child td{ border-bottom:0; }
.entry-content .wp-block-table tr:nth-child(even) td{ background:var(--ai-beige); }

.entry-content .wp-block-list{ padding-inline-start:22px; }
.entry-content .wp-block-list li{ margin-bottom:10px; }
.entry-content ol.wp-block-list li{ padding-inline-start:8px; margin-bottom:16px; }

.entry-content .wp-block-quote{
  background:var(--ai-white);
  border-inline-start:5px solid var(--ai-gold);
  border-radius:10px;
  padding:24px 28px;
  box-shadow:var(--ai-shadow);
  font-size:16px;
  color:var(--ai-green-dark);
}
.entry-content .wp-block-quote p:last-child{ margin-bottom:0; }

.entry-content hr{ border:0; border-top:2px dashed var(--ai-beige-dark); margin:40px 0; }
.entry-content .wp-block-column h4{ color:var(--ai-green); margin-bottom:8px; }
.entry-content .wp-block-column p:last-child{ margin-bottom:0; }

/* الأسئلة الشائعة: تمييز العناوين كأسئلة */
.entry-content h3{
  position:relative;
  padding-inline-start:34px;
  color:var(--ai-green-dark);
}
.entry-content h3::before{
  content:"؟";
  position:absolute; right:0; top:-2px;
  width:26px; height:26px; line-height:26px; text-align:center;
  background:var(--ai-gold); color:var(--ai-white);
  border-radius:50%; font-size:15px; font-weight:800;
}

/* ===== الفوتر ===== */
.ai-footer{ background:var(--ai-green-dark); color:var(--ai-beige); padding:56px 0 0; margin-top:0; }
.ai-footer-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:32px; padding-bottom:36px; border-bottom:1px solid rgba(246,241,231,.15);
}
.ai-footer h5{ color:var(--ai-gold-light); font-size:16px; margin-bottom:18px; }
.ai-footer p{ margin:0 0 10px; color:var(--ai-beige); opacity:.85; font-size:15px; display:flex; align-items:center; gap:8px; }
.ai-footer p svg{ width:16px; height:16px; flex-shrink:0; opacity:.8; }
.ai-footer ul{ list-style:none; margin:0; padding:0; }
.ai-footer ul li{ margin-bottom:10px; }
.ai-footer a{ color:var(--ai-beige); opacity:.85; }
.ai-footer a:hover{ color:var(--ai-gold-light); opacity:1; }
.ai-footer-bottom{ text-align:center; padding:22px 0; font-size:14px; opacity:.7; }

@media (max-width:600px){
  .ai-hero{ padding:70px 0 64px; }
  .ai-badges{ margin-top:-30px; }
  .ai-cta-band{ padding:40px 24px; }
}