.elementor-897 .elementor-element.elementor-element-cceda1c{--display:flex;}.elementor-897 .elementor-element.elementor-element-127efc6{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:0px 0px 0px 0px;}.elementor-897 .elementor-element.elementor-element-5da9dc1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5a9a32a *//* ===============================
   Reciters Profiles – Quran Style
================================ */

.reciters-section{
  padding: 40px 20px;
  font-family: "Cairo", system-ui, sans-serif;
}

.reciters-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 26px;
}

/* البطاقة */
.reciter-card{
  background: linear-gradient(135deg, #0f5a3f, #1f7f56);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.28);
  transition: transform .35s ease, box-shadow .35s ease;
}

.reciter-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0,0,0,.35);
}

.reciter-link{
  display: block;
  color: #fff;
  text-decoration: none;
  height: 100%;
}

/* الصورة */
.reciter-image{
  position: relative;
  height: 210px;
  overflow: hidden;
}

.reciter-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.reciter-card:hover img{
  transform: scale(1.08);
}

/* المحتوى */
.reciter-content{
  padding: 20px 18px 22px;
  text-align: center;
}

.reciter-name{
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}

.reciter-meta{
  font-size: 15px;
  opacity: .95;
  margin-bottom: 6px;
}

.reciter-meta span{
  font-weight: 700;
  opacity: .85;
}

/* زر */
.reciter-cta{
  display: inline-block;
  margin-top: 14px;
  padding: 8px 18px;
  background: rgba(255,255,255,.15);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 700;
  transition: background .3s ease;
}

.reciter-card:hover .reciter-cta{
  background: rgba(255,255,255,.25);
}

/* ===============================
   بطاقة افتراضية
================================ */

.reciter-placeholder{
  background: linear-gradient(135deg, #3a3a3a, #2a2a2);
}

.placeholder-img{
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.08) 10px,
    transparent 10px,
    transparent 20px
  );
  color: #fff;
  font-weight: 900;
  font-size: 22px;
}

.muted{
  opacity: .7;
}

.reciter-cta.disabled{
  background: rgba(255,255,255,.08);
  cursor: not-allowed;
}


/* منع قالب GeneratePress من تغيير لون النص */
.reciter-card a,
.reciter-card a:hover{
  color: #fff !important;
}

/* تأكيد على جميع العناصر النصية داخل البطاقة */
.reciter-card h3,
.reciter-card p,
.reciter-card span{
  color: #fff;
}

/* حتى عند hover */
.reciter-card:hover h3,
.reciter-card:hover p,
.reciter-card:hover span{
  color: #fff;
}/* End custom CSS */