/* Salam X Pulse 2.9.3 — X-style editorial card for Jannah */
.sxp-feed{margin:28px 0;direction:rtl;font-family:inherit}
.sxp-feed-title{margin:0 0 18px;font-size:22px;line-height:1.4;font-weight:800}
.sxp-feed-grid{display:grid;grid-template-columns:repeat(var(--sxp-cols,3),minmax(0,1fr));gap:18px;align-items:start}
.sxp-card{position:relative;min-width:0;overflow:hidden;border:1px solid #eff3f4;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:box-shadow .18s ease,transform .18s ease}
.sxp-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.11)}
.sxp-card-topline{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px 0;color:#536471;font-size:11px}
.sxp-live-badge{display:none}
.sxp-card-time{color:#536471;white-space:nowrap}
.sxp-card-head{display:flex;align-items:center;gap:10px;padding:13px 14px 0}
.sxp-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;border:0;background:#e8eef0}
.sxp-avatar-fallback{display:flex;align-items:center;justify-content:center;color:#536471;font-weight:700;font-size:17px}
.sxp-author{min-width:0;flex:1}
.sxp-author-name{display:flex;align-items:center;gap:4px;font-size:14px;line-height:1.35;font-weight:700;color:#0f1419;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxp-verified{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:-3px}.sxp-verified-blue{color:#1d9bf0}.sxp-verified-gold{color:#e7b008}.sxp-verified-gray{color:#829aab}
.sxp-author-handle{margin-top:1px;color:#536471;font-size:12px;line-height:1.35;direction:ltr;text-align:right}
.sxp-x-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#0f1419;background:transparent;flex:0 0 30px}
.sxp-x-link:hover{background:#eff3f4;color:#0f1419}
.sxp-x-link svg{width:18px;height:18px;fill:#0f1419;color:#0f1419}.sxp-x-logo{fill:#0f1419!important;color:#0f1419!important}
.sxp-card-text{margin:12px 14px 0;font-size:14px;line-height:1.65;color:#0f1419;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.sxp-media{display:block;margin:12px 14px 0;border-radius:10px;overflow:hidden;background:#e8eef0}
.sxp-media-video{position:relative;background:#000}.sxp-media-video video{display:block;width:100%;height:auto;max-height:420px;min-height:180px;object-fit:contain;background:#000}

.sxp-media-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.sxp-media-images.sxp-media-count-1{grid-template-columns:1fr}
.sxp-media-images img{width:100%;height:145px;object-fit:cover;display:block}.sxp-media-images.sxp-media-count-1 img{height:235px}
.sxp-stats{display:flex;align-items:center;direction:ltr;gap:0;margin:13px 14px 0;padding:11px 0 12px;border-top:1px solid #eff3f4}
.sxp-stat{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;flex:1;padding:0 6px;color:#536471;text-decoration:none;white-space:nowrap}
.sxp-stat:first-child{padding-left:0}.sxp-stat:last-child{padding-right:0}
.sxp-stat-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px}
.sxp-stat-value{color:#536471;font-size:11px;font-weight:400;line-height:1}
.sxp-stat-like:hover{color:#e0245e}.sxp-stat-like:hover .sxp-stat-value{color:#e0245e}.sxp-stat-repost:hover{color:#00ba7c}.sxp-stat-reply:hover,.sxp-stat-views:hover,.sxp-stat-bookmark:hover,.sxp-stat-share:hover{color:#1d9bf0}
.sxp-stat-share{flex:0 0 22px;padding:0!important;justify-content:flex-end}
.sxp-stat-share .sxp-stat-icon{width:16px;height:16px}
@media(max-width:980px){.sxp-feed-grid{grid-template-columns:repeat(min(2,var(--sxp-cols,2)),minmax(0,1fr))}}
@media(max-width:640px){.sxp-feed{margin:20px 0}.sxp-feed-grid{grid-template-columns:1fr;gap:14px}.sxp-card-text{font-size:13px}.sxp-stat{padding-inline:4px}.sxp-stat-value{font-size:10px}}
.sxp-load-more-wrap{display:flex;justify-content:center;margin:22px 0 4px}.sxp-load-more{position:relative;min-width:170px;min-height:44px;padding:0 22px;border:1px solid #cfd9de;border-radius:999px;background:#fff;color:#0f1419;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.sxp-load-more:hover{background:#f7f9f9;box-shadow:0 2px 8px rgba(0,0,0,.08)}.sxp-load-more:disabled{cursor:wait;opacity:.75}.sxp-load-more-spinner{display:none;width:16px;height:16px;margin-right:8px;border:2px solid #cfd9de;border-top-color:#0f1419;border-radius:50%;vertical-align:-3px;animation:sxp-spin .7s linear infinite}.sxp-load-more.is-loading .sxp-load-more-spinner{display:inline-block}@keyframes sxp-spin{to{transform:rotate(360deg)}}

/* Salam X Pulse — custom "more tweets" button */
.hn-btn-wrap{
  text-align:center !important;
  margin:30px 0 !important;
  clear:both !important;
  position:relative !important;
  z-index:20 !important;
}

.hn-btn-wrap .btn{
  outline:0;
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between;
  background:#40B3A2 !important;
  min-width:200px;
  min-height:0 !important;
  border:0 !important;
  border-radius:4px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
  box-sizing:border-box;
  padding:16px 20px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:1.2px;
  text-transform:uppercase;
  overflow:hidden;
  cursor:pointer;
  transition:none !important;
}

.hn-btn-wrap .btn:hover{
  opacity:.95 !important;
  transform:none !important;
  box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
  background:#40B3A2 !important;
}

.hn-btn-wrap .btn:disabled{
  cursor:wait;
  opacity:.75 !important;
}

.hn-btn-wrap .btn .animation{
  display:block;
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:100%;
  animation:sxp-btn-ripple .6s linear infinite;
}

@keyframes sxp-btn-ripple{
  0%{
    box-shadow:
      0 0 0 0 rgba(255,255,255,.1),
      0 0 0 20px rgba(255,255,255,.1),
      0 0 0 40px rgba(255,255,255,.1),
      0 0 0 60px rgba(255,255,255,.1);
  }
  100%{
    box-shadow:
      0 0 0 20px rgba(255,255,255,.1),
      0 0 0 40px rgba(255,255,255,.1),
      0 0 0 60px rgba(255,255,255,.1),
      0 0 0 80px rgba(255,255,255,0);
  }
}
/* ===== START: SXP CUSTOM BUTTON — ORIGINAL RIPPLE MOTION ===== */

.hn-btn-wrap{
    text-align:center !important;
    margin:30px 0 !important;
    clear:both !important;
    position:relative !important;
    z-index:20 !important;
}

.hn-btn-wrap .btn{
    outline:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#40B3A2 !important;
    min-width:200px !important;

    border:0 !important;
    border-radius:4px !important;

    box-shadow:0 4px 12px rgba(0,0,0,.1) !important;

    box-sizing:border-box !important;
    padding:16px 20px !important;

    color:#fff !important;
    font-size:18px !important;
    font-weight:900 !important;
    letter-spacing:1.2px !important;

    text-transform:uppercase !important;
    overflow:hidden !important;
    cursor:pointer !important;

    transition:none !important;
}

.hn-btn-wrap .btn:hover{
    opacity:.95 !important;
    transform:none !important;
    box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
    background:#40B3A2 !important;
}

/* النقاط الجانبية */
.hn-btn-wrap .btn .animation{
    display:block !important;

    width:8px !important;
    height:8px !important;

    min-width:8px !important;
    min-height:8px !important;

    flex:0 0 8px !important;

    border-radius:100% !important;

    background:rgba(255,255,255,.9) !important;

    animation:sxp-original-ripple .6s linear infinite !important;
}

/* نفس حركة الزر الأصلي */
@keyframes sxp-original-ripple{

    0%{
        box-shadow:
            0 0 0 0 rgba(255,255,255,.1),
            0 0 0 20px rgba(255,255,255,.1),
            0 0 0 40px rgba(255,255,255,.1),
            0 0 0 60px rgba(255,255,255,.1);
    }

    100%{
        box-shadow:
            0 0 0 20px rgba(255,255,255,.1),
            0 0 0 40px rgba(255,255,255,.1),
            0 0 0 60px rgba(255,255,255,.1),
            0 0 0 80px rgba(255,255,255,0);
    }
}

/* أثناء التحميل */
.hn-btn-wrap .btn:disabled{
    cursor:wait !important;
    opacity:.75 !important;
}

/* ===== END: SXP CUSTOM BUTTON — ORIGINAL RIPPLE MOTION ===== */

/* =========================================================
   Salam X Pulse — توحيد أحجام البطاقات
   ========================================================= */

/* منطقة الوسائط موحدة */
.sxp-card .sxp-media{
    height:235px !important;
    margin-top:12px;
}

/* الصور */
.sxp-card .sxp-media-images{
    height:235px !important;
}

.sxp-card .sxp-media-images img,
.sxp-card .sxp-media-images.sxp-media-count-1 img{
    width:100% !important;
    height:235px !important;
    object-fit:cover !important;
    display:block;
}

/* الفيديو */
.sxp-card .sxp-media-video{
    height:235px !important;
    position:relative;
    overflow:hidden;
    background:#000;
}

.sxp-card .sxp-media-video video{
    display:block !important;
    width:100% !important;
    height:235px !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    background:#000;
}

/* منع أي قواعد خارجية من تكبير البطاقة بسبب الفيديو */
.sxp-card .sxp-media-video video[poster]{
    object-fit:cover !important;
}

/* توحيد البطاقة بصريًا */
.sxp-card{
    height:auto;
}


/* =========================================================
   Salam X Pulse — FINAL CARD GRID ALIGNMENT
   ========================================================= */

/* جعل بطاقات الصف الواحد متساوية الارتفاع */
.sxp-feed-grid{
    align-items:stretch !important;
}

/* البطاقة تتمدد مع ارتفاع الصف */
.sxp-feed-grid > .sxp-card{
    height:100% !important;
    box-sizing:border-box;
}

/* الحفاظ على الوسائط بحجم موحد */
.sxp-card .sxp-media{
    height:235px !important;
}

.sxp-card .sxp-media-images{
    height:235px !important;
}

.sxp-card .sxp-media-images img,
.sxp-card .sxp-media-images.sxp-media-count-1 img{
    height:235px !important;
    object-fit:cover !important;
}

.sxp-card .sxp-media-video{
    height:235px !important;
}

.sxp-card .sxp-media-video video{
    width:100% !important;
    height:235px !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
}


/*
 * Salam X Pulse homepage slider.
 *
 * Isolated from the normal X Pulse grid.
 * The X Pulse page remains a regular AJAX grid.
 */
.sxp-feed-slider.slick-initialized{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.sxp-feed-slider.slick-initialized .slick-list{
    margin:0 -9px !important;
    overflow:hidden !important;
}

.sxp-feed-slider.slick-initialized .slick-track{
    display:flex !important;
    align-items:stretch !important;
}

.sxp-feed-slider.slick-initialized .slick-slide{
    height:auto !important;
    box-sizing:border-box !important;
    padding:0 9px !important;
}

.sxp-feed-slider.slick-initialized .slick-slide > div{
    height:100% !important;
}

.sxp-feed-slider.slick-initialized .sxp-card{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

.sxp-feed-slider .sxp-slider-prev,
.sxp-feed-slider .sxp-slider-next{
    position:absolute !important;
    top:50% !important;
    z-index:30 !important;
    width:38px !important;
    height:38px !important;
    margin-top:-19px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#222 !important;
    box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
    cursor:pointer !important;
    font-size:22px !important;
    line-height:38px !important;
    text-align:center !important;
}

.sxp-feed-slider .sxp-slider-prev{
    right:-4px !important;
}

.sxp-feed-slider .sxp-slider-next{
    left:-4px !important;
}

.sxp-feed-slider .slick-disabled{
    opacity:.45 !important;
    cursor:default !important;
}

@media(max-width:640px){
    .sxp-feed-slider.slick-initialized .slick-list{
        margin:0 -7px !important;
    }

    .sxp-feed-slider.slick-initialized .slick-slide{
        padding:0 7px !important;
    }

    .sxp-feed-slider .sxp-slider-prev{
        right:2px !important;
    }

    .sxp-feed-slider .sxp-slider-next{
        left:2px !important;
    }
}

/*
 * Salam X Pulse — homepage slider.
 * Slider only. Normal X Pulse grid is untouched.
 */

.sxp-feed-slider.slick-initialized {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 44px !important;
    box-sizing: border-box !important;
}

.sxp-feed-slider.slick-initialized .slick-list {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.sxp-feed-slider.slick-initialized .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.sxp-feed-slider.slick-initialized .slick-slide {
    float: none !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
}

.sxp-feed-slider.slick-initialized .slick-slide > div {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.sxp-feed-slider.slick-initialized .sxp-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}

/* Equal media area for cards containing media. */
.sxp-feed-slider.slick-initialized .sxp-card .sxp-media,
.sxp-feed-slider.slick-initialized .sxp-card .sxp-media-images,
.sxp-feed-slider.slick-initialized .sxp-card .sxp-media-video {
    flex: 0 0 235px !important;
    height: 235px !important;
    min-height: 235px !important;
    max-height: 235px !important;
}

/* Equal text/body distribution. */
.sxp-feed-slider.slick-initialized .sxp-card-text {
    flex: 1 1 auto !important;
    min-height: 150px !important;
    box-sizing: border-box !important;
}

.sxp-feed-slider.slick-initialized .sxp-stats {
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

/* Slider arrows stay outside the cards. */
.sxp-feed-slider.slick-initialized .sxp-slider-prev,
.sxp-feed-slider.slick-initialized .sxp-slider-next {
    position: absolute !important;
    top: 50% !important;
    z-index: 30 !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.18) !important;
    cursor: pointer !important;
    font-size: 20px !important;
    line-height: 40px !important;
    text-align: center !important;
}

.sxp-feed-slider.slick-initialized .sxp-slider-prev {
    right: 0 !important;
}

.sxp-feed-slider.slick-initialized .sxp-slider-next {
    left: 0 !important;
}

.sxp-feed-slider.slick-initialized .slick-disabled {
    opacity: .45 !important;
    cursor: default !important;
}

@media (max-width: 980px) {
    .sxp-feed-slider.slick-initialized {
        padding-left: 38px !important;
        padding-right: 38px !important;
    }

    .sxp-feed-slider.slick-initialized .slick-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .sxp-feed-slider.slick-initialized .sxp-card {
        min-height: 500px !important;
    }
}

@media (max-width: 640px) {
    .sxp-feed-slider.slick-initialized {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .sxp-feed-slider.slick-initialized .slick-slide {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .sxp-feed-slider.slick-initialized .sxp-card {
        min-height: 0 !important;
    }

    .sxp-feed-slider.slick-initialized .sxp-card-text {
        min-height: 120px !important;
    }

    .sxp-feed-slider.slick-initialized .sxp-slider-prev,
    .sxp-feed-slider.slick-initialized .sxp-slider-next {
        width: 34px !important;
        height: 34px !important;
        margin-top: -17px !important;
        line-height: 34px !important;
        font-size: 17px !important;
    }
}