/* =============================================================================
 * home.css — ana sayfa katmanı ([mulubey_home])
 *
 * Tasarımın görsel değerleri (zemin, kenarlık, gölge, geçiş) markup'ta inline
 * `style` olarak durur — `mulubey.css`'teki `.mu-hv-*` hover kuralları
 * `!important` taşıdığı için inline bildirimleri sorunsuz yenerler.
 *
 * Buraya YALNIZ inline'da ifade edilemeyenler girer:
 *   1) tasarımın geçersiz `background-image` katmanı için çalışan karşılık
 *   2) JS'siz durumda çalışan carousel taşması ve slayt genişliği
 *   3) durum seçicileri (`:disabled`, `:hover`) ve tabloda olmayan hover
 * Özgüllük (0,2,0); inline'ı yenmesi gereken kurallar `!important` alır.
 * ========================================================================== */

/* ── Hizmet kartı zemini ───────────────────────────────────────────────────
 * Tasarımdaki `background-image:linear-gradient(90deg,#9A7A50,#9A7A50),#FFFFFF`
 * geçersiz bir değer (renk, background-image katmanı olamaz) — tarayıcı inline
 * bildirimi tümüyle atar. Markup'ta tasarımın yazımıyla duruyor; çalışan
 * karşılığı burada: beyaz zemin ayrı özellikte, bronz çentik tek katman olarak.
 * Inline `background-size/-position/-repeat` bu katmana uygulanır.
 * hover: .mu-hv-card-b */
.mulubey-app .mu-home-svc {
  background-color: #FFFFFF;
  background-image: linear-gradient(90deg, #9A7A50, #9A7A50);
}

/* ── Yorum carousel'i ──────────────────────────────────────────────────────── */

/* JS kapalıyken şerit yatay kaydırılabilir kalır; mulubey.js açıkken
 * home.js kabı `is-js` ile işaretler ve taşma gizlenir. */
.mulubey-app .mu-home-rvview {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.mulubey-app .mu-home-rvview::-webkit-scrollbar { display: none; }
.mulubey-app .mu-home-rv.is-js .mu-home-rvview { overflow: hidden; }

/* Slayt genişliği: mulubey.js perView'ı inline `flex` ile yazar (3/2/1);
 * buradaki değerler JS'siz durum içindir, aynı kırılımları kullanır. */
.mulubey-app .mu-home-rvslide {
  flex: 0 0 33.3333%;
  box-sizing: border-box;
}
@media (max-width: 940px) {
  .mulubey-app .mu-home-rvslide { flex: 0 0 50%; }
}
@media (max-width: 767px) {
  .mulubey-app .mu-home-rvslide { flex: 0 0 100%; }
}

/* Şerit başında/sonunda mulubey.js ok düğmesini disabled yapar. */
.mulubey-app .mu-home-rvbtn:disabled {
  opacity: .42;
  cursor: default;
}
/* Bastırma kuralı hem inline `style`ı hem de `.mu-hv-chip:hover`u yenmeli. */
.mulubey-app .mu-home-rvbtn:disabled:hover {
  border-color: #E3D9C8 !important;
  background-color: #FFFFFF !important;
  color: #56583C !important;
}

/* ── Koyu banttaki çerçeveli buton ─────────────────────────────────────────
 * style-hover="border-color:#FBF8F2;background:rgba(251,248,242,.1);color:#FBF8F2"
 * — §3 tablosunda karşılığı yok. Inline kenarlık/renk bildirimlerini yenmesi
 * için `!important` gerekir. */
.mulubey-app .mu-home-hv-dcta:hover,
.mulubey-app .mu-home-hv-dcta:focus-visible {
  border-color: #FBF8F2 !important;
  background-color: rgba(251, 248, 242, .1) !important;
  color: #FBF8F2 !important;
}