/* إزالة أي شادو أو جلو من كروت "في الإعلام" بالكامل */
.estrha-press .p-card,
.estrha-press .p-card-inner,
.estrha-press .p-card::before,
.estrha-press .p-card::after{
  box-shadow: none !important;
  filter: none !important;
}

/* لو محتاج تحتفظ بالحد المتوهّج بس بدون شادو، خليه بسيط كده: */
.estrha-press .p-card::before{
  background: var(--ring);
  opacity: 1;
}
/* ===== Estrha Press (RTL) ===== */
.estrha-press{
  --blue:#1269FF;
  --blur-card: 14px;
  --card-bg: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.68));
  --ring: linear-gradient(180deg, rgba(152,202,255,.55), rgba(255,180,220,.45));
  --shadow: 0 20px 60px rgba(25,45,90,.12);
  --soft: #6e7899;
  font-family:"MadaniArabic","Cairo","Tajawal","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI","Roboto",sans-serif;
  padding: clamp(40px,6vw,70px) 0;
  background:
    radial-gradient(900px 380px at 15% 25%, rgba(160,194,232,.20), transparent 60%),
    radial-gradient(900px 380px at 85% 75%, rgba(237,120,165,.15), transparent 60%);
}
.estrha-press *{ box-sizing:border-box }
.p-container{ width:min(1200px, 100% - 48px); margin-inline:auto; }

.p-head{ text-align:center; margin-bottom: clamp(26px,4.2vw,42px); }
.p-title{
  margin:0; color:var(--blue); font-weight:400; letter-spacing:.3px;
  font-size: clamp(22px, 3vw, 34px);
  text-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.p-sub{ margin:10px auto 0; color:var(--soft); max-width: 68ch; line-height:1.9; }

/* grid */
.p-grid{
  display:grid; gap: clamp(14px,2.4vw,28px);
  grid-template-columns: repeat(3, 1fr);
  align-items:stretch;
}

/* card */
.p-card{
  position: relative;
  border-radius: 26px;
  background: transparent;
  isolation: isolate;
  min-height: 280px;    /* نفس الارتفاع اللي كان على الـ inner */
  display: flex;        /* عشان الـ inner يقدر يتمدّد لحد آخر الكارد */
}

.p-card:before{
  /* الحافة المتوهّجة */
  content:""; position:absolute; inset:-1px; border-radius:28px;
  background: var(--ring); z-index:0; filter: blur(0);
}
.p-card-inner{
  position: relative;
  z-index: 1;
  border-radius: 26px;
  background: var(--card-bg);
  backdrop-filter: blur(var(--blur-card));
  -webkit-backdrop-filter: blur(var(--blur-card));
  padding: clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px) clamp(24px,2.6vw,34px);
  box-shadow: var(--shadow);
  flex: 1;                        /* يملى ارتفاع الكارد كله */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.p-logo{
  width: 72px; height:72px; object-fit:contain; display:block; margin:10px auto 14px;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.12));
}
.p-name{
  margin:0 0 10px; font-weight:400; color:#1670ff; font-size: clamp(18px, 2vw, 24px);
}
.p-desc{
  margin:0; color:#1f2640; opacity:.85; line-height:2; max-width: 32ch;
}

/* reveal on scroll */
.reveal{ opacity:0; transform: translateY(14px) scale(.98); }
.reveal.in{
  opacity:1; transform:none;
  transition: opacity 900ms ease, transform 900ms cubic-bezier(.19,.9,.22,1);
  transition-delay: var(--rev-delay, 0s);
}

/* responsive */
@media (max-width: 992px){
  .p-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px){
  .p-grid{ grid-template-columns: 1fr; }
  .p-card-inner{ min-height: 240px; }
}
/* ===== Mobile (<=600px): كروت بعرض طبيعي + في المنتصف ===== */
@media (max-width: 600px){
  .p-grid{
    grid-template-columns: 1fr;   /* عمود واحد */
    justify-items: center;         /* وسط الشبكة */
    gap: 18px;
  }
  /* خَلّي كل كارد أصغر من عرض الحاوية وفي النص */
  .p-card{
    width: min(440px, 100% - 32px);   /* فراغ ~16px يمين/يسار */
    margin-inline: auto;              /* تمركز */
  }
  .p-card-inner{
    min-height: 240px;
  }
}

/* ======= قابلية النقر عند وجود رابط ======= */
.p-card.is-link {
  position: relative;
}
.p-card.is-link .p-card-anchor{
  position: absolute;
  inset: 0;               /* يغطي الكارت بالكامل بدون تغيير الشكل */
  z-index: 2;
  text-decoration: none;
  /* طبقة غير مرئية، تضمن أن النقر في أي مكان يفتح الرابط */
}
.p-card.is-link .p-card-inner{
  position: relative;
  z-index: 1;
  transition: transform 260ms cubic-bezier(.2,.9,.25,1), box-shadow 260ms ease;
  will-change: transform, box-shadow;
  cursor: pointer;
}

/* تكبير لطيف عند المرور بالماوس (أجهزة تدعم hover) */
@media (hover: hover) and (pointer: fine){
  .p-card.is-link:hover .p-card-inner,
  .p-card.is-link:focus-within .p-card-inner{
    transform: scale(1.03);
    box-shadow: 0 24px 68px rgba(25,45,90,.16);
  }
}

/* وصولية: إظهار إطار تركيز ناعم عند استخدام الكيبورد */
.p-card.is-link .p-card-inner:focus{
  outline: none;
}
.p-card.is-link .p-card-inner:focus-visible{
  outline: 2px solid rgba(18,105,255,.55);
  outline-offset: 3px;
  border-radius: 26px;
}
/* إزالة أي شادو أو جلو من كروت "في الإعلام" بالكامل */
.estrha-press .p-card,
.estrha-press .p-card-inner,
.estrha-press .p-card::before,
.estrha-press .p-card::after{
  box-shadow: none !important;
  filter: none !important;
}

/* لو محتاج تحتفظ بالحد المتوهّج بس بدون شادو، خليه بسيط كده: */
.estrha-press .p-card::before{
  background: var(--ring);
  opacity: 1;
}