/* ============================================================
   03 — COMPONENTS
   ============================================================ */

/* ---------- الأسطح الزجاجية المشتركة ---------- */
.ibn-ultra-tool,
.ibn-ultra-card,
.ibn-ultra-panel,
.ibn-thani-widget,
.auto-youtube-widget,
.auto-quicklinks-widget,
.related-posts,
.royal-share-box,
.ibn-thani-card,
.ibn-thani-footer{
  position:relative;
  isolation:isolate;
  border:1px solid var(--ibn-border);
  box-shadow:var(--ibn-shadow-soft);
  color:var(--ibn-ink);
}
.ibn-ultra-tool::before,
.ibn-ultra-card::before,
.ibn-ultra-panel::before,
.ibn-thani-widget::before,
.auto-youtube-widget::before,
.auto-quicklinks-widget::before,
.related-posts::before,
.royal-share-box::before,
.ibn-thani-card::before,
.ibn-thani-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:var(--ibn-z-surface);
  border-radius:inherit;
  pointer-events:none;
  background:var(--ibn-sheen),var(--ibn-surface);
  box-shadow:inset 0 0 0 1px var(--ibn-hairline);
  backdrop-filter:blur(var(--ibn-blur)) saturate(1.32);
  -webkit-backdrop-filter:blur(var(--ibn-blur)) saturate(1.32);
}
.ibn-ultra-tool > *,
.ibn-ultra-card > *,
.ibn-ultra-panel > *,
.ibn-thani-widget > *,
.auto-youtube-widget > *,
.auto-quicklinks-widget > *,
.related-posts > *,
.royal-share-box > *,
.ibn-thani-card > *,
.ibn-thani-footer > *{position:relative;z-index:var(--ibn-z-content)}

/* ---------- بطاقات الأدوات ---------- */
.ibn-ultra-tool{
  display:grid;
  grid-template-rows:34px auto;
  place-items:center;
  gap:3px;
  flex:0 0 90px;
  width:90px;
  min-width:90px;
  height:64px;
  min-height:0;
  padding:5px 6px 4px;
  overflow:hidden;
  border-radius:12px;
  color:var(--ibn-blue);
  text-align:center;
}
.ibn-ultra-tool i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(241,210,124,.38);
  border-radius:10px;
  color:var(--ibn-on-dark);
  background:linear-gradient(145deg,var(--ibn-blue-2),var(--ibn-blue));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  font-size:20px;
  line-height:1;
  font-style:normal;
}
.ibn-ultra-tool strong{
  overflow:hidden;
  max-width:100%;
  color:var(--ibn-blue);
  font-size:11px;
  line-height:1.05;
  font-weight:var(--ibn-w-title);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ibn-ultra-tool:hover{transform:translateY(-1px);border-color:var(--ibn-border-strong)}

/* ---------- بطاقات المقالات (الرئيسية) ---------- */
.ibn-ultra-card{
  display:block;
  height:auto;
  min-height:0;
  align-self:start;
  overflow:hidden;
  border-radius:18px;
}
.ibn-ultra-card__inner{display:block;height:auto;min-height:0}
.ibn-ultra-card__media{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  margin:0;
  border:0;
  background:linear-gradient(135deg,var(--ibn-blue),var(--ibn-blue-2));
  line-height:0;
}
.ibn-ultra-card__media img{display:block;width:100%;height:100%;margin:0;object-fit:cover;filter:saturate(1.04) contrast(1.02);transition:transform .22s ease,filter .22s ease}
.ibn-ultra-card:hover .ibn-ultra-card__media img{transform:scale(1.03);filter:saturate(1.1) contrast(1.04)}
.ibn-ultra-card__body{
  display:block;
  height:auto;
  min-height:0;
  margin:0;
  padding:7px 11px 10px;
}
.ibn-ultra-card__body time{
  display:block;
  margin:0 0 3px;
  padding:0;
  color:var(--ibn-muted);
  font-size:11.5px;
  line-height:1.15;
  font-weight:var(--ibn-w-medium);
}
.ibn-ultra-card__body h3{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  padding:0;
  color:var(--ibn-ink);
  font-size:16px;
  line-height:1.38;
  font-weight:var(--ibn-w-title);
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.ibn-ultra-card__body h3 a{color:inherit}
.ibn-ultra-card__body h3 a:hover{color:var(--ibn-blue-2)}

/* ---------- بطاقات المقالات (الأرشيف/البحث — بلوكات ووردبريس) ---------- */
.ibn-thani-post-template{gap:16px}
.ibn-thani-card{border-radius:var(--ibn-radius);overflow:hidden}
.ibn-thani-card .wp-block-post-featured-image{
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:linear-gradient(135deg,var(--ibn-blue),var(--ibn-blue-2));
}
.ibn-thani-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.ibn-thani-card-body{padding:12px 14px 14px}
.ibn-thani-card .wp-block-post-terms{font-size:13px;color:var(--ibn-muted);font-weight:var(--ibn-w-medium);margin:0 0 5px}
.ibn-thani-card .wp-block-post-title{font-size:17px;line-height:1.55;font-weight:var(--ibn-w-title);margin:0;color:var(--ibn-ink)}
.ibn-thani-card .wp-block-post-title a{color:inherit}
.ibn-thani-card .wp-block-post-title a:hover{color:var(--ibn-blue-2)}

/* ============================================================
   الودجات
   إصلاح جوهري: القاعدة القديمة `.widget ul` كانت تحوّل كل قائمة
   داخل أي ودجت إلى شبكة بطاقات كحلية — بما فيها القوائم المتداخلة
   وأحدث التعليقات والأرشيف. الشبكة الآن مقيّدة بالودجات التي
   تعرض روابط تنقّل فقط، والقوائم المتداخلة تعود لسلوكها الطبيعي.
   ============================================================ */
.ibn-ultra-panel,
.ibn-thani-widget,
.auto-youtube-widget,
.auto-quicklinks-widget{
  height:auto;
  min-height:0;
  align-self:start;
  margin:0;
  padding:11px;
  border-radius:17px;
}
.ibn-ultra-panel h2,
.ibn-thani-widget__title,
.widget-title,
.ibn-quicklinks-head{
  margin:0 0 7px;
  color:var(--ibn-blue);
  font-size:15px;
  line-height:1.35;
  font-weight:var(--ibn-w-title);
}

/* حاويات الودجات */
.ibn-thani-widget-area{display:grid;gap:10px;align-content:start}
.ibn-widget,
.ibn-quicklinks-widget,
.ibnthani-youtube-widget{display:block}

/* قائمة افتراضية نظيفة لأي ودجت */
.ibn-thani-widget ul,
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ibn-thani-widget li,
.widget li{margin:0;min-width:0}
.ibn-thani-widget li a,
.widget li a{color:var(--ibn-blue-2)}
.ibn-thani-widget li a:hover,
.widget li a:hover{color:var(--ibn-gold)}

/* شبكة بطاقات الروابط — فقط لودجات التنقّل الصريحة */
.ibn-ultra-panel > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_archive > ul,
.widget_nav_menu .menu,
.ibn-links-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  align-items:start;
  align-content:start;
}
.ibn-ultra-panel > ul > li > a,
.widget_categories > ul > li > a,
.widget_pages > ul > li > a,
.widget_archive > ul > li > a,
.widget_nav_menu .menu > li > a,
.ibn-link-card{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:38px;
  height:auto;
  padding:5px 6px;
  border-radius:10px;
  text-align:center;
  background:linear-gradient(145deg,rgba(6,42,86,.90),rgba(11,62,122,.82));
  border:1px solid rgba(241,210,124,.30);
  color:var(--ibn-on-dark);
  font-size:11.5px;
  line-height:1.2;
  font-weight:var(--ibn-w-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.ibn-ultra-panel > ul > li > a:hover,
.widget_categories > ul > li > a:hover,
.widget_pages > ul > li > a:hover,
.widget_archive > ul > li > a:hover,
.widget_nav_menu .menu > li > a:hover,
.ibn-link-card:hover{
  border-color:rgba(241,210,124,.56);
  color:var(--ibn-gold-3);
  transform:translateY(-1px);
}

/* القوائم المتداخلة تعود لقائمة نصية عادية — لا شبكة داخل شبكة */
.ibn-ultra-panel ul ul,
.widget ul ul,
.widget .children,
.widget .sub-menu{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin-block-start:8px;
  padding-inline-start:12px;
  border-inline-start:2px solid var(--ibn-border);
}
.ibn-ultra-panel ul ul > li > a,
.widget ul ul > li > a,
.widget .children > li > a,
.widget .sub-menu > li > a{
  display:block;
  min-height:0;
  padding:4px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  text-align:start;
  color:var(--ibn-blue-2);
  font-weight:var(--ibn-w-medium);
}
.ibn-ultra-panel ul ul > li > a:hover,
.widget ul ul > li > a:hover{transform:none;color:var(--ibn-gold)}

/* عدّاد المقالات بجانب التصنيف */
.widget_categories .post-count,
.ibn-ultra-panel .post-count{opacity:.8;font-size:12px}

/* ---------- ودجت الروابط السريعة ---------- */
.ibn-link-card{grid-template-columns:20px minmax(0,1fr);place-items:center stretch;gap:4px;text-align:start}
.ibn-link-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.10);font-size:10px}
.ibn-link-content{display:grid;gap:0;align-content:center}
.ibn-link-title{overflow-wrap:anywhere;color:inherit;font-size:11.5px;line-height:1.2;font-weight:var(--ibn-w-strong)}
.ibn-link-desc,.ibn-link-arrow{display:none}

.ibn-link-card:has(.ibn-link-title:empty),
.ibn-link-card:not(:has(.ibn-link-title)),
.ibn-links-grid > :empty,
.widget li:empty{display:none}

.widget:not(.widget_categories):not(.widget_pages):not(.widget_archive):not(.widget_nav_menu) ul{display:grid;grid-template-columns:1fr;gap:5px}
.widget:not(.widget_categories):not(.widget_pages):not(.widget_archive):not(.widget_nav_menu) li a{min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--ibn-blue-2);text-align:start}

/* ---------- ودجت يوتيوب ---------- */
.ibnthani-youtube-frame{
  position:relative;
  aspect-ratio:16/9;
  border-radius:18px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(241,210,124,.26);
}
.ibnthani-youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ibnthani-youtube-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}
.ibnthani-youtube-meta a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:var(--ibn-radius-pill);
  border:1px solid var(--ibn-border);
  font-size:13px;
  font-weight:var(--ibn-w-strong);
  background:rgba(255,255,255,.18);
  color:var(--ibn-blue);
}
.ibnthani-youtube-channel{direction:ltr;unicode-bidi:isolate}
/* الإجراء الأساسي في الودجت — كان بلا تمييز */
.ibnthani-youtube-open{
  background:linear-gradient(135deg,var(--ibn-gold),var(--ibn-gold-2));
  border-color:var(--ibn-gold-2);
  color:#111827;
}
.ibnthani-youtube-open:hover{filter:brightness(1.06);color:#111827}
.ibnthani-youtube-meta a:hover{border-color:var(--ibn-border-strong);color:var(--ibn-gold)}

/* خطّاف سلوكي لا بصري: share-card.js يستدعي preventDefault على كل عنصر
   يحمل هذا الكلاس، فيصير سلوكه زرًّا حتى لو كان <a>. المؤشر يعكس ذلك. */
.royal-share-card-trigger{cursor:pointer}

/* ---------- البحث ---------- */
.search-form,
.wp-block-search__inside-wrapper{display:flex;gap:8px;align-items:stretch}
.search-field,
.wp-block-search__input,
input[type="search"]{
  min-width:0;
  width:100%;
  border-radius:var(--ibn-radius-sm);
  border:1px solid var(--ibn-border);
  background:rgba(255,255,255,.58);
  color:var(--ibn-ink);
  padding:10px 12px;
  font-size:15px;
}
.search-submit,
.wp-block-search__button,
button[type="submit"]{
  border:0;
  border-radius:var(--ibn-radius-sm);
  background:linear-gradient(135deg,var(--ibn-gold),var(--ibn-gold-2));
  color:#111827;
  font-weight:var(--ibn-w-title);
  padding:10px 14px;
}

/* ---------- صندوق المشاركة ---------- */
.royal-share-box{margin-top:24px;border-radius:24px;padding:18px}
.royal-share-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--ibn-blue);font-size:18px;font-weight:var(--ibn-w-title)}
.royal-share-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:13px;background:linear-gradient(145deg,var(--ibn-blue),var(--ibn-blue-2));color:var(--ibn-on-dark)}
.royal-share-buttons{display:flex;flex-wrap:wrap;gap:9px}
.royal-share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:8px 14px;
  border-radius:var(--ibn-radius-pill);
  border:1px solid var(--ibn-border);
  background:rgba(255,255,255,.30);
  color:var(--ibn-blue);
  font-weight:var(--ibn-w-strong);
  font-size:14px;
}
.royal-share-btn:hover{background:linear-gradient(135deg,var(--ibn-gold),var(--ibn-gold-2));color:#111827;border-color:var(--ibn-border-strong)}

/* هوية كل منصة — كانت مفقودة تمامًا */
.royal-share-twitter{border-color:rgba(0,0,0,.28)}
.royal-share-twitter:hover{background:#0f1419;color:#fff;border-color:#0f1419}
.royal-share-whatsapp{border-color:rgba(37,211,102,.42)}
.royal-share-whatsapp:hover{background:#25d366;color:#04240f;border-color:#25d366}
.royal-share-telegram{border-color:rgba(34,158,217,.42)}
.royal-share-telegram:hover{background:#229ed9;color:#fff;border-color:#229ed9}
.royal-share-email{border-color:rgba(89,103,122,.42)}
.royal-share-email:hover{background:var(--ibn-blue-2);color:var(--ibn-on-dark);border-color:var(--ibn-blue-2)}
.royal-share-system{border-color:var(--ibn-border-strong);background:linear-gradient(135deg,rgba(217,174,69,.22),rgba(255,255,255,.30))}
.royal-share-copy.is-copied{background:linear-gradient(135deg,var(--ibn-gold),var(--ibn-gold-2));color:#111827}

.royal-share-feedback{
  margin-top:10px;
  min-height:20px;
  font-size:14px;
  font-weight:var(--ibn-w-strong);
  color:var(--ibn-blue-2);
}
.royal-share-feedback:empty{margin-top:0;min-height:0}

/* ---------- مقالات ذات صلة ---------- */
.related-posts{margin-top:24px;border-radius:24px;padding:18px}
.related-title{margin:0 0 12px;color:var(--ibn-blue);font-size:20px;line-height:1.35;font-weight:var(--ibn-w-title)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.related-card{
  display:grid;
  gap:6px;
  align-content:start;
  min-height:96px;
  padding:13px;
  border-radius:18px;
  background:rgba(255,255,255,.34);
  border:1px solid var(--ibn-border);
  color:var(--ibn-ink);
}
.related-card:hover{border-color:var(--ibn-border-strong);transform:translateY(-1px)}
.related-card-title{font-size:15px;line-height:1.55;font-weight:var(--ibn-w-title)}
.related-card-meta{font-size:13px;color:var(--ibn-muted);font-weight:var(--ibn-w-medium)}

/* ---------- الفوتر ----------
   الماركب يستخدم layout:default (is-layout-flow) الآن، فلا يتصادم
   display:flex الخاص بووردبريس مع display:grid هنا.
------------------------------------------------------------- */
.ibn-thani-footer{
  width:min(var(--ibn-max),calc(100% - (var(--ibn-gutter) * 2)));
  margin:30px auto 16px;
  border-radius:var(--ibn-radius-xl);
  padding:24px;
}
.ibn-thani-footer-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  width:100%;
  margin:0;
}
.ibn-thani-footer p{margin:0;color:var(--ibn-blue);font-weight:var(--ibn-w-title)}
.ibn-thani-footer-copy{
  padding-top:16px;
  border-top:1px solid var(--ibn-border);
  text-align:center;
}
.ibn-thani-footer-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  width:100%;
}
.ibn-thani-footer-links__group{min-width:0}
.ibn-thani-footer-links__title{margin:0 0 10px;color:var(--ibn-blue);font-size:17px;line-height:1.35;font-weight:var(--ibn-w-title)}
.ibn-thani-footer-links__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ibn-thani-footer-links__list a{
  display:block;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.26);
  border:1px solid var(--ibn-border);
  font-size:14px;
  font-weight:var(--ibn-w-strong);
  color:var(--ibn-ink);
}
.ibn-thani-footer-links__list a:hover{border-color:var(--ibn-border-strong);color:var(--ibn-blue-2)}

/* ودجات الفوتر: أفقية، لا شبكة بطاقات كحلية */
.ibn-thani-widget-area--ibn-footer-widgets{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
}
.ibn-thani-widget-area--ibn-footer-widgets .ibn-thani-widget{
  margin:0;
  background:none;
  border:0;
  box-shadow:none;
  padding:0;
}
.ibn-thani-widget-area--ibn-footer-widgets .ibn-thani-widget::before{content:none}

/* ---------- بيانات القراءة ---------- */
.ibn-reading-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  margin:0 0 8px;
  color:var(--ibn-muted);
  font-size:15px;
  font-weight:var(--ibn-w-medium);
}
.ibn-reading-meta span + span::before{content:"·";margin-inline-end:12px;opacity:.6}