/* Sobhe Kish Pro 2.17.0 — homepage content and service column alignment. */
@media (min-width: 901px) {
  /* Stretch the two full-height columns to the same measured grid row. */
  .skh-news-services { align-items: stretch; }
  .skh-news-services > .skh-latest {
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .skh-news-services > .skh-latest > .skh-news-item {
    flex: 1 1 auto;
  }
  .skh-news-services > .skh-services-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--skh-gap, 22px);
    min-width: 0;
    height: 100%;
  }
  .skh-news-services > .skh-services-stack > * {
    flex: 1 1 auto;
    min-width: 0;
  }
  /* Distribute any slack in the prayer card rather than leaving a blank section below. */
  .skh-news-services .skh-prayer-card {
    display: flex;
    flex-direction: column;
  }
  .skh-news-services .skh-prayer-card > .skh-prayer-credit {
    margin-top: auto;
  }
}
/* Section headings are deliberately removed in HTML; avoid the leftover top margin. */
.skh-categories > .skh-category-grid,
.skh-editorial > .skh-editorial-grid { margin-top: 0; }
/* Keep category cards visually equal even when categories have fewer than five stories. */
.skh-category-grid { align-items: stretch; }
.skh-category-card { min-width: 0; display: flex; flex-direction: column; }
.skh-cat-top, .skh-cat-cover { flex-shrink: 0; }
.skh-cat-list { flex: 1 1 auto; }
.skh-cat-list a { max-width: 100%; }
/* Standard tablet/mobile stacking: never constrain a whole page column to desktop height. */
@media (max-width: 900px) {
  .skh-news-services { align-items: start; }
  .skh-news-services > .skh-latest,
  .skh-news-services > .skh-services-stack { height: auto; }
}
@media (max-width: 650px) {
  .skh-categories > .skh-category-grid,
  .skh-editorial > .skh-editorial-grid { margin-top: 0; }
}

/* 2.17.0 — accessible editorial fade for featured news, RTL arrow orientation. */
.skh-hero-slider{isolation:isolate}
.skh-hero-slider .skh-slide{
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:1;
  transition:opacity .62s cubic-bezier(.22,.8,.23,1),visibility 0s linear .62s;
  will-change:opacity;
}
.skh-hero-slider .skh-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
  transition:opacity .62s cubic-bezier(.22,.8,.23,1),visibility 0s;
}
.skh-hero-slider .skh-slide-image .skh-picture{
  transition:transform 4s ease-out;
  transform:scale(1.018);
}
.skh-hero-slider .skh-slide.is-active .skh-slide-image .skh-picture{transform:scale(1)}
/* Explicit requested navigation: next is the right-hand button, previous is the left. */
.skh-hero-slider .skh-slide-control.skh-next{right:14px;left:auto;z-index:5}
.skh-hero-slider .skh-slide-control.skh-prev{left:14px;right:auto;z-index:5}
.skh-hero-slider .skh-dots{z-index:5}
.skh-hero-slider .skh-slide-caption{pointer-events:none}
.skh-hero-slider .skh-slide-caption a{pointer-events:auto}
@media (prefers-reduced-motion:reduce){
  .skh-hero-slider .skh-slide,
  .skh-hero-slider .skh-slide.is-active,
  .skh-hero-slider .skh-slide-image .skh-picture{transition:none!important;transform:none!important}
}

/* 2.23.0 — controlled slider headline size, all viewports. */
.skh-hero-slider .skh-slide-caption h2{
    font-size:clamp(17px,1.55vw,23px);
    line-height:1.5;
    max-width:min(100%,650px);
    text-wrap:pretty;
}
@media (max-width:650px){
    .skh-hero-slider .skh-slide-caption h2{font-size:17px;line-height:1.5}
}
@media (max-width:380px){
    .skh-hero-slider .skh-slide-caption h2{font-size:16px}
}