/* ==========================================================================
   شبكة بادل — أنماط الهوية
   كحلي #17334A · ليموني #D3F04B · Tajawal + Poppins
   ========================================================================== */

:root {
  --pn-ground: #0C1B2A;
  --pn-panel: #12293C;
  --pn-panel-2: #17334A;
  --pn-lime: #D3F04B;
  --pn-lime-deep: #A9C232;
  --pn-ink: #EDF4F8;
  --pn-muted: #8CA7B9;
  --pn-live: #FF5A52;
  --pn-hair: rgba(233, 244, 250, .08);
  --pn-hair-lime: rgba(211, 240, 75, .18);
  --pn-ar: 'Tajawal', 'Segoe UI', system-ui, sans-serif;
  --pn-lat: 'Poppins', 'Segoe UI', system-ui, sans-serif;
}

body.padel-network {
  background: var(--pn-ground);
  color: var(--pn-ink);
  font-family: var(--pn-ar);
}

/* الأرقام واللاتيني بخط Poppins حتى داخل نص عربي */
.padel-network :is(.pn-num, .pn-lat, time, .wp-block-post-date) {
  font-family: var(--pn-lat);
  font-variant-numeric: tabular-nums;
}

/* ── العناوين ── */
.padel-network :is(h1, h2, h3, h4) {
  font-family: var(--pn-ar);
  letter-spacing: -.015em;
  text-wrap: balance;
}

/* ── بطاقات المباريات ── */
.pn-matches {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 880px) {
  .pn-matches { grid-template-columns: 1fr; }
}

.pn-match {
  background: var(--pn-panel);
  border: 1px solid var(--pn-hair);
  border-radius: 10px;
  padding: 13px 15px;
}
.pn-match__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 11px;
}
.pn-match__comp { font-size: 12.5px; font-weight: 700; }
.pn-match__when {
  font-family: var(--pn-lat);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--pn-muted);
}
.pn-match__when--done { color: var(--pn-lime-deep); }
.pn-match__when--live { color: var(--pn-live); }

.pn-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
}
.pn-side {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pn-muted);
  min-width: 0;
}
.pn-side--win { color: var(--pn-ink); font-weight: 800; }

.pn-sets { display: flex; gap: 5px; flex: 0 0 auto; }
.pn-set {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--pn-lat);
  font-size: 12.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  background: rgba(237, 244, 248, .05);
  color: var(--pn-muted);
}
.pn-set--win { background: var(--pn-lime); color: var(--pn-ground); }
.pn-set sup { font-size: 8px; font-weight: 700; opacity: .8; }

/* ── صناديق الشريط الجانبي ── */
.pn-box {
  background: var(--pn-panel);
  border: 1px solid var(--pn-hair);
  border-radius: 10px;
  overflow: hidden;
}
.pn-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 15px;
  border-bottom: 1px solid var(--pn-hair);
  font-weight: 800;
  font-size: 15px;
}
.pn-rank {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 11px;
  align-items: center;
  padding: 9px 15px;
  border-bottom: 1px solid var(--pn-hair);
  font-size: 13.5px;
}
.pn-rank:last-child { border-bottom: 0; }
.pn-rank__n {
  font-family: var(--pn-lat);
  font-size: 11px;
  font-weight: 800;
  width: 21px;
  height: 21px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(237, 244, 248, .06);
  color: var(--pn-muted);
}
.pn-rank:first-of-type .pn-rank__n {
  background: var(--pn-lime);
  color: var(--pn-ground);
}

/* ── وسم مباشر ── */
.pn-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--pn-live);
  font-weight: 700;
  font-size: 11.5px;
}
.pn-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pn-live);
  display: block;
}

/* ── وسم القسم ── */
.pn-kicker {
  display: inline-block;
  font-family: var(--pn-lat);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--pn-ground);
  background: var(--pn-lime);
  padding: 4px 9px;
  border-radius: 3px;
}

/* ── معالجات عامة ── */
.padel-network :is(.wp-block-post-title, .wp-block-heading) a { color: inherit; }
.padel-network .wp-block-separator { border-color: var(--pn-hair); }
.padel-network table { font-variant-numeric: tabular-nums; }

/* المحتوى العريض لا يدفع الصفحة أفقياً */
.padel-network :is(table, pre, .wp-block-table) {
  display: block;
  overflow-x: auto;
  max-width: 100%;
}

/* إتاحة التركيز بلوحة المفاتيح */
.padel-network :is(a, button):focus-visible {
  outline: 2px solid var(--pn-lime);
  outline-offset: 3px;
  border-radius: 3px;
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .padel-network * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* ── تذييل الصندوق ورسائل الفراغ ── */
.pn-box__foot {
  padding: 10px 15px;
  font-size: 11.5px;
  color: var(--pn-muted);
  border-top: 1px solid var(--pn-hair);
}
.pn-empty {
  padding: 14px 16px;
  border: 1px dashed var(--pn-hair-lime);
  border-radius: 10px;
  background: rgba(211, 240, 75, .04);
  color: var(--pn-muted);
  font-size: 13.5px;
}
.pn-rank b { font-weight: 700; }
.pn-rank .pn-num { color: var(--pn-muted); font-size: 12.5px; }


/* ── الصفحة الرئيسية ── */
.home .wp-site-blocks { display: none; }
.pn-home {
  min-height: 100vh;
  max-width: 1120px;
  margin: 0 auto;
  padding: 26px 24px 56px;
  color: var(--pn-ink);
}
.pn-home a { color: inherit; text-decoration: none; }
.pn-home__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--pn-hair);
}
.pn-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 25px; font-weight: 900; line-height: .85; white-space: nowrap; }
.pn-brand small { display: block; margin-top: 7px; color: var(--pn-muted); font: 700 8px/1 var(--pn-lat); letter-spacing: .25em; direction: ltr; }
.pn-brand__ball { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--pn-ground); background: var(--pn-lime); font-size: 21px; }
.pn-nav { display: flex; align-items: center; gap: 28px; font-weight: 800; font-size: 14px; }
.pn-nav a { padding: 10px 0; color: var(--pn-ink); border-bottom: 3px solid transparent; }
.pn-nav .is-current, .pn-nav a:hover { color: var(--pn-lime); border-color: var(--pn-lime); }
.pn-home__matches { padding: 28px 0 25px; }
.pn-section-title { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 14px; }
.pn-section-title h1, .pn-section-title h2 { margin: 0; font-size: 24px; font-weight: 900; }
.pn-section-title .pn-kicker { margin-left: 9px; vertical-align: 4px; }
.pn-section-title > a { color: var(--pn-lime); font-size: 12px; font-weight: 800; white-space: nowrap; }
.pn-home__layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 24px; align-items: start; }
.pn-home__layout { direction: ltr; }
.pn-news, .pn-sidebar { direction: rtl; }
.pn-news__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pn-news-card { overflow: hidden; min-height: 210px; background: var(--pn-panel); border: 1px solid var(--pn-hair); border-radius: 12px; }
.pn-news-card--lead { grid-column: 1 / -1; min-height: 300px; }
.pn-news-card__image { display: block; height: 135px; overflow: hidden; background: linear-gradient(135deg, #17334A 0%, #0C1B2A 55%, #273e33 100%); }
.pn-news-card--lead .pn-news-card__image { height: 205px; }
.pn-news-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.pn-news-card:hover .pn-news-card__image img { transform: scale(1.04); }
.pn-news-card__fallback { display: flex; align-items: end; height: 100%; padding: 18px; color: rgba(211,240,75,.55); font: 800 18px/1 var(--pn-ar); }
.pn-news-card__body { padding: 14px 16px 16px; }
.pn-news-card__body .pn-kicker { font-size: 8px; padding: 3px 6px; }
.pn-news-card h3 { margin: 9px 0 5px; font-size: 17px; line-height: 1.45; }
.pn-news-card--lead h3 { font-size: 25px; }
.pn-news-card time { color: var(--pn-muted); font-size: 11px; }
.pn-sidebar .pn-box { margin-bottom: 18px; }
@media (max-width: 780px) {
  .pn-home { padding: 20px 16px 38px; }
  .pn-home__header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .pn-nav { width: 100%; justify-content: space-between; gap: 8px; font-size: 12px; }
  .pn-home__layout { grid-template-columns: 1fr; }
  .pn-news__grid { grid-template-columns: 1fr; }
  .pn-news-card--lead { grid-column: auto; }
}


/* رأس الصفحات الداخلية */
body:not(.home) .wp-site-blocks > header { display: none; }
.pn-global-header {
  max-width: 1120px;
  margin: 0 auto;
  padding: 26px 24px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-bottom: 1px solid var(--pn-hair);
}
body:not(.home) .wp-site-blocks > main { padding-top: 30px; }
@media (max-width: 780px) {
  .pn-global-header { padding: 20px 16px 16px; align-items: flex-start; flex-direction: column; gap: 12px; }
  .pn-global-header .pn-nav { width: 100%; justify-content: space-between; gap: 8px; font-size: 12px; }
}


/* mobile preview spacing */
@media (max-width: 780px) {
  .pn-home { padding: 14px 12px 32px; }
  .pn-home__header { flex-direction: row; align-items: center; gap: 12px; padding-bottom: 14px; }
  .pn-brand { font-size: 20px; gap: 7px; }
  .pn-brand__ball { width: 25px; height: 25px; font-size: 17px; }
  .pn-brand small { margin-top: 4px; font-size: 6px; }
  .pn-nav { width: auto; flex: 1; justify-content: flex-start; gap: 13px; overflow-x: auto; font-size: 11px; white-space: nowrap; }
  .pn-nav a { padding: 8px 0; }
  .pn-home__matches { padding: 18px 0 20px; }
  .pn-section-title { margin-bottom: 10px; }
  .pn-section-title h1, .pn-section-title h2 { font-size: 20px; }
  .pn-section-title > a { font-size: 11px; }
  /* الجوال: المباريات تتكدّس عمودياً — الشريط الأفقي كان يخفي بقية المباريات بلا أي مؤشر */
  .pn-matches { display: grid; grid-template-columns: 1fr; gap: 10px; overflow-x: visible; padding: 0; }
  .pn-match { padding: 12px; }
  .pn-home__layout { gap: 18px; }
  .pn-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pn-news-card { min-height: 155px; border-radius: 10px; }
  .pn-news-card--lead { grid-column: 1 / -1; min-height: 260px; }
  .pn-news-card__image { height: 82px; }
  .pn-news-card--lead .pn-news-card__image { height: 178px; }
  .pn-news-card__body { padding: 10px 11px 12px; }
  .pn-news-card h3 { margin: 7px 0 4px; font-size: 13px; line-height: 1.4; }
  .pn-news-card--lead h3 { font-size: 20px; line-height: 1.35; }
  .pn-news-card time { font-size: 9px; }
  .pn-sidebar { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .pn-sidebar .pn-box { margin-bottom: 0; }
  .pn-box__head { padding: 11px 12px; font-size: 14px; }
  .pn-rank { padding: 8px 12px; font-size: 12px; }
}


/* ── أعلام اللاعبين والخبر الرئيسي المتبدل ── */
.pn-flag { display: inline-flex; align-items: center; justify-content: center; font-size: 15px; line-height: 1; flex: 0 0 auto; }
.pn-news-slider { position: relative; height: 332px; overflow: hidden; border: 1px solid var(--pn-hair); border-radius: 12px; background: var(--pn-panel); margin-bottom: 16px; }
.pn-news-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .55s ease; }
.pn-news-slide.is-active { opacity: 1; pointer-events: auto; }
.pn-news-slide .pn-news-card__image { height: 100%; }
.pn-news-slide .pn-news-card__image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,18,29,.96) 0%, rgba(7,18,29,.1) 60%); }
.pn-news-slide .pn-news-card__image { position: absolute; inset: 0; }
.pn-news-slide__body { position: absolute; z-index: 1; right: 0; left: 0; bottom: 0; padding: 22px; }
.pn-news-slide__body h3 { margin: 9px 0 4px; max-width: 82%; font-size: 27px; line-height: 1.28; }
.pn-news-slide__body time { color: var(--pn-muted); font-size: 11px; }
.pn-slider-dots { position: absolute; z-index: 2; left: 18px; bottom: 19px; display: flex; gap: 6px; direction: ltr; }
.pn-slider-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 99px; background: rgba(237,244,248,.38); cursor: pointer; transition: width .2s ease, background .2s ease; }
.pn-slider-dots button.is-active { width: 22px; background: var(--pn-lime); }
@media (max-width: 780px) {
  .pn-news-slider { height: 260px; margin-bottom: 10px; border-radius: 10px; }
  .pn-news-slide__body { padding: 15px; }
  .pn-news-slide__body h3 { max-width: 100%; font-size: 20px; }
  .pn-slider-dots { left: 13px; bottom: 14px; }
  .pn-flag { font-size: 14px; }
}