/* =============================================================================
 * mulubey.css — mehmetulubey.com tasarım sistemi
 *
 * Yapı:
 *   0) ARMOR — hello-elementor reset.css + Elementor Kit çakışmalarını yenen blok
 *   1) Token'lar
 *   2) Temel katman (.mulubey-app kapsamında)
 *   3) Ornament / yardımcılar
 *   4) Hover sınıfları — tasarımdaki style-hover değerlerinin karşılığı
 *   5) Izgara + responsive kuralları (tasarımın data-* seçicileri)
 *   6) Hareket ve erişilebilirlik
 *
 * Kapsam kökü: .mulubey-app · Tasarım hifi; ölçüler handoff'tan birebir.
 * ========================================================================== */

/* ───────────────────────────────────────────────────────────────────────────
 * 0) ARMOR
 * hello-elementor reset.css ve Elementor Kit, eklenti CSS'inden SONRA yüklenir
 * ve genel eleman seçicileriyle tek sınıflı bileşen kurallarını ezer. Aşağıdaki
 * seçiciler (#CC3366, .elementor img, .elementor-field-textual, ...) EVRENSELDİR
 * — Elementor'a aittir, değiştirilmez.
 * ─────────────────────────────────────────────────────────────────────────── */

/* Reset pembesi: `button{color:#CC3366;border:1px solid #CC3366}` (0,0,1) */
.mulubey-app button { color: inherit; border: 0; background: transparent; font-family: inherit; }

/* reset hover/focus'ta PEMBE ARKA PLAN da veriyor — `[type=submit]:hover` (0,2,0).
 * Gerçek <button>'ların hover'ını (0,2,1) ile geri al. Altın/zeytin CTA'lar <a>. */
.mulubey-app button:hover,
.mulubey-app button:focus,
.mulubey-app [type="submit"]:hover,
.mulubey-app [type="submit"]:focus,
.mulubey-app [type="button"]:hover,
.mulubey-app [type="button"]:focus { background-color: transparent; }

/* Kenarlık İSTEYEN butonlar — reset onları da sildi, (0,2,0) ile geri ver. */
.mulubey-app .mu-btn-bordered { border: 1px solid #E3D9C8; }
.mulubey-app .mu-btn-bordered-gold { border: 1px solid rgba(154, 122, 80, .42); }

/* `.elementor img{height:auto}` (0,1,1) logo yüksekliğini eziyor → (0,2,1) */
.mulubey-app .mu-logo img { display: block; width: auto; height: 46px; max-height: 46px; }
.mulubey-app .mu-logo--mobile img { height: 38px; max-height: 38px; }
.mulubey-app .mu-logo--footer img { height: 52px; max-height: 52px; }

/* Başlık renkleri: Kit'in h1–h6 kuralı koyu panelde metni karartıyor. */
.mulubey-app :is(h1, h2, h3, h4, h5, h6) { font-optical-sizing: auto; margin: 0; }
.mulubey-app .mu-on-dark :is(h1, h2, h3, h4, h5, h6) { color: #FBF8F2; }

/* Bağlantı temel rengi — :where() ile (0,0,0), bileşen kuralları her zaman yener. */
.mulubey-app :where(a) { color: #56583C; text-decoration: none; }

/* Tablo: Kit'in `td` kuralı gri katman bindiriyor. */
.mulubey-app :where(table) { border-collapse: collapse; width: 100%; }
.mulubey-app :where(th, td) { background: transparent; border: 0; }

/* Burger: reset `button{display:block}` masaüstünde görünür bırakıyor. */
.mulubey-app .mu-burger { display: none !important; }
@media (max-width: 1199px) {
  .mulubey-app .mu-burger { display: inline-flex !important; align-items: center; }
}

/* [hidden] inline display:flex'e kaybeder — toggle öğede inline display kullanma. */
.mulubey-app [hidden] { display: none !important; }

/* Kenarlık sıfırlama (mu-border-reset-fix)
 * Bazı tema/eklenti reset'leri (Tailwind preflight deseni) `border-style: solid`
 * verip genişlik vermez. Bu durumda yalnız BİR kenarı inline tanımlanan öğelerde
 * (ör. "Bu Yazıda" bağlantıları `border-left` alır) kalan üç kenar `medium` =
 * 3px ve `currentColor` olarak hesaplanır; ekranda kalın koyu çerçeve çıkar.
 * Genişliği sıfırla — `:where()` özgüllüğü 0 olduğu için inline stiller ve
 * bileşen kuralları kendi kenarlığını sorunsuz tanımlamaya devam eder. */
.mulubey-app :where(*) { border-width: 0; }

/* Sticky header: shortcode header Elementor'un KISA header kabında render olur;
 * position:sticky viewport'a değil o kaba yapışır. Sticky'yi location kabına ver. */
.elementor-location-header { position: sticky !important; top: 0 !important; z-index: 100; }

/* Hello Elementor'un `main.site-main` genişlik/padding sınırı tam-genişlik tasarımı kırpar. */
.mulubey-app { max-width: none; }
body:has(.mulubey-app) main.site-main { max-width: none; padding-left: 0; padding-right: 0; }

/* ───────────────────────────────────────────────────────────────────────────
 * 1) TOKEN'LAR
 * ─────────────────────────────────────────────────────────────────────────── */
.mulubey-app {
  /* Metin */
  --mu-ink: #24251F;            /* başlıklar, birincil metin */
  --mu-body: #42413A;           /* uzun paragraflar */
  --mu-text-2: #4B4A42;         /* kart metni */
  --mu-muted: #6E6C60;          /* tarih, meta */
  --mu-muted-dark: #5F5D52;     /* kum zemin üzerinde yardımcı (AA) */

  /* Zeytin */
  --mu-olive: #56583C;          /* bağlantı, ikon */
  --mu-olive-btn-top: #61633F;
  --mu-olive-btn-bot: #4C4E33;
  --mu-olive-hov-top: #6E7052;
  --mu-olive-hov-bot: #565839;
  --mu-cta-top: #5C5E3F;
  --mu-cta-bot: #4A4C32;

  /* Bronz — ornament ile metin AYRI token (13px altı AA eşiği için) */
  --mu-bronze: #9A7A50;         /* yalnız ornament ve kenarlık */
  --mu-bronze-text: #86673A;    /* fildişi zeminde metin */
  --mu-bronze-text-dark: #7A5730; /* kum zeminde metin */
  --mu-bronze-light: #C2A374;   /* koyu zeminde ornament */
  --mu-bronze-lighter: #D9C49F; /* koyu zeminde bağlantı hover */

  /* Zeminler */
  --mu-white: #FFFFFF;
  --mu-ivory: #FBF8F2;
  --mu-ivory-2: #FEFCF9;
  --mu-root: #FCFAF6;
  --mu-sand-light: #FAF7F0;
  --mu-sand: #F1EBE0;
  --mu-sand-dark: #E9E1D3;
  --mu-border: #E3D9C8;
  --mu-border-light: #E9E1D3;
  --mu-border-lighter: #EDE4D4;
  --mu-border-lightest: #F2EBDD;

  /* Koyu */
  --mu-dark-top: #26271F;
  --mu-dark-bot: #191A15;
  --mu-dark-card-top: #2B2C24;
  --mu-dark-card-bot: #1F201A;
  --mu-on-dark: #FBF8F2;
  --mu-on-dark-body: rgba(251, 248, 242, .74);
  --mu-on-dark-muted: rgba(251, 248, 242, .58);

  /* Tipografi */
  --mu-serif: Newsreader, Georgia, serif;
  --mu-sans: 'Source Sans 3', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Geometri */
  --mu-radius: 2px;
  --mu-container: 1240px;
  --mu-container-post: 1080px;
  --mu-pad-x: clamp(20px, 3vw, 32px);
  --mu-section-y: clamp(48px, 6vw, 96px);
  --mu-section-y-lg: clamp(58px, 7.5vw, 124px);
  --mu-shadow: 0 1px 1px rgba(36, 37, 31, .02), 0 20px 38px -28px rgba(36, 37, 31, .3);
  --mu-shadow-lift: 0 1px 1px rgba(36, 37, 31, .02), 0 28px 46px -26px rgba(36, 37, 31, .34);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 2) TEMEL KATMAN
 * ─────────────────────────────────────────────────────────────────────────── */
body:has(.mulubey-app) { background: var(--mu-root, #FCFAF6); }

.mulubey-app {
  background: #FCFAF6;
  color: #24251F;
  font-family: 'Source Sans 3', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16.5px;
  line-height: 1.72;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.mulubey-app *,
.mulubey-app *::before,
.mulubey-app *::after { box-sizing: border-box; }

.mulubey-app :where(p, ul, ol, figure) { margin: 0; }
.mulubey-app :where(ul, ol) { padding: 0; list-style: none; }
.mulubey-app :where(img) { max-width: 100%; }
.mulubey-app :where(input, select, textarea) { font-family: inherit; font-size: inherit; }

.mulubey-app :focus-visible { outline: 2px solid #9A7A50; outline-offset: 3px; }

html { scroll-behavior: smooth; }

/* Çapa hedefleri sticky header'ın altında kalmasın. */
.mulubey-app [id] { scroll-margin-top: 118px; }

/* Kapsayıcı */
.mulubey-app .mu-container {
  max-width: var(--mu-container);
  margin: 0 auto;
  padding-inline: var(--mu-pad-x);
}
.mulubey-app .mu-container--post { max-width: var(--mu-container-post); }

/* ───────────────────────────────────────────────────────────────────────────
 * 3) ORNAMENT VE YARDIMCILAR
 * ─────────────────────────────────────────────────────────────────────────── */

/* Bağlantı altı çizgisi: soldan sağa açılan */
.mulubey-app [data-ul] { position: relative; }
.mulubey-app [data-ul]::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 1px;
  background: #9A7A50;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s cubic-bezier(.22, .8, .28, 1);
}
.mulubey-app [data-ul]:hover::after { transform: scaleX(1); }
.mulubey-app .mu-on-dark [data-ul]::after { background: #C2A374; }

/* Türkçe büyük harf: Latin marka adları lang="en" ile İ/ı bozulmasından korunur. */
.mulubey-app [lang="en"] { text-transform: uppercase; }

/* ───────────────────────────────────────────────────────────────────────────
 * 4) HOVER SINIFLARI
 * Tasarımdaki `style-hover="..."` değerlerinin birebir karşılığı. Markup'ta
 * inline stil kalır, hover bu sınıflardan gelir. Özgüllük (0,2,1) — Elementor
 * reset'inin `[type=submit]:hover` (0,2,0) kuralını yener.
 * ─────────────────────────────────────────────────────────────────────────── */

/* color:#56583C */
.mulubey-app .mu-hv-link:hover, .mulubey-app .mu-hv-link:focus-visible { color: #56583C !important; }
/* background:#E9E1D3;color:#24251F */
.mulubey-app .mu-hv-tint:hover, .mulubey-app .mu-hv-tint:focus-visible { background-color: #E9E1D3 !important; color: #24251F !important; }
/* color:#D9C49F (koyu zemin) */
.mulubey-app .mu-hv-dlink:hover, .mulubey-app .mu-hv-dlink:focus-visible { color: #D9C49F !important; }
/* border-color:#86673A;background:rgba(86,88,60,.05);color:#56583C */
.mulubey-app .mu-hv-ghost:hover, .mulubey-app .mu-hv-ghost:focus-visible { border-color: #86673A !important; background-color: rgba(86, 88, 60, .05) !important; color: #56583C !important; }
/* background:linear-gradient(180deg,#6E7052,#565839);color:#FFFFFF */
.mulubey-app .mu-hv-cta:hover, .mulubey-app .mu-hv-cta:focus-visible { background: linear-gradient(180deg, #6E7052 0%, #565839 100%) !important; color: #FFFFFF !important; }
/* yalnız gradyan */
.mulubey-app .mu-hv-cta-bg:hover, .mulubey-app .mu-hv-cta-bg:focus-visible { background: linear-gradient(180deg, #6E7052 0%, #565839 100%) !important; }
/* color:#24251F */
.mulubey-app .mu-hv-ink:hover, .mulubey-app .mu-hv-ink:focus-visible { color: #24251F !important; }
/* background:#FFFFFF;color:#3C3E29 */
.mulubey-app .mu-hv-white:hover, .mulubey-app .mu-hv-white:focus-visible { background-color: #FFFFFF !important; color: #3C3E29 !important; }
/* transform:translateY(-3px);border-color:#B7B49C */
.mulubey-app .mu-hv-card-b:hover, .mulubey-app .mu-hv-card-b:focus-visible { transform: translateY(-3px) !important; border-color: #B7B49C !important; }
/* transform:translateY(-3px);border-color:#C2A374 */
.mulubey-app .mu-hv-card:hover, .mulubey-app .mu-hv-card:focus-visible { transform: translateY(-3px) !important; border-color: #C2A374 !important; }
/* border-color:#9A7A50;background:#FBF8F2;color:#24251F */
.mulubey-app .mu-hv-chip:hover, .mulubey-app .mu-hv-chip:focus-visible { border-color: #9A7A50 !important; background-color: #FBF8F2 !important; color: #24251F !important; }
/* border-color:#86673A;color:#56583C */
.mulubey-app .mu-hv-ghost2:hover, .mulubey-app .mu-hv-ghost2:focus-visible { border-color: #86673A !important; color: #56583C !important; }
/* border-color:#C2A374;background:#FFFFFF;color:#56583C */
.mulubey-app .mu-hv-soc:hover, .mulubey-app .mu-hv-soc:focus-visible { border-color: #C2A374 !important; background-color: #FFFFFF !important; color: #56583C !important; }
/* transform:translateY(-3px);border-color:rgba(154,122,80,.45);shadow */
.mulubey-app .mu-hv-card-lift:hover, .mulubey-app .mu-hv-card-lift:focus-visible { transform: translateY(-3px) !important; border-color: rgba(154, 122, 80, .45) !important; box-shadow: 0 1px 1px rgba(36, 37, 31, .02), 0 26px 44px -26px rgba(36, 37, 31, .34) !important; }
/* transform:translateY(-3px);border-color:rgba(154,122,80,.4);shadow */
.mulubey-app .mu-hv-card-lift3:hover, .mulubey-app .mu-hv-card-lift3:focus-visible { transform: translateY(-3px) !important; border-color: rgba(154, 122, 80, .4) !important; box-shadow: 0 1px 1px rgba(36, 37, 31, .02), 0 30px 50px -28px rgba(36, 37, 31, .34) !important; }
/* transform:translateY(-4px);border-color:#C2A374;shadow */
.mulubey-app .mu-hv-card-lift4:hover, .mulubey-app .mu-hv-card-lift4:focus-visible { transform: translateY(-4px) !important; border-color: #C2A374 !important; box-shadow: 0 1px 1px rgba(36, 37, 31, .02), 0 28px 46px -26px rgba(36, 37, 31, .36) !important; }
/* border-color:#C2A374;transform:translateY(-2px) */
.mulubey-app .mu-hv-card-sm:hover, .mulubey-app .mu-hv-card-sm:focus-visible { border-color: #C2A374 !important; transform: translateY(-2px) !important; }
/* border-color:#C2A374;transform:translateY(-3px) */
.mulubey-app .mu-hv-card-md:hover, .mulubey-app .mu-hv-card-md:focus-visible { border-color: #C2A374 !important; transform: translateY(-3px) !important; }
/* color:#56583C;border-left-color:#9A7A50 (Bu Sayfada rail) */
.mulubey-app .mu-hv-toc:hover, .mulubey-app .mu-hv-toc:focus-visible { color: #56583C !important; border-left-color: #9A7A50 !important; }
/* border-color:#D9C49F;background:rgba(251,248,242,.06);color:#FBF8F2 (koyu) */
.mulubey-app .mu-hv-dchip:hover, .mulubey-app .mu-hv-dchip:focus-visible { border-color: #D9C49F !important; background-color: rgba(251, 248, 242, .06) !important; color: #FBF8F2 !important; }
/* border-color:#D9C49F;background:rgba(251,248,242,.06) */
.mulubey-app .mu-hv-dchip2:hover, .mulubey-app .mu-hv-dchip2:focus-visible { border-color: #D9C49F !important; background-color: rgba(251, 248, 242, .06) !important; }
/* color:#86673A */
.mulubey-app .mu-hv-bronze:hover, .mulubey-app .mu-hv-bronze:focus-visible { color: #86673A !important; }
/* border-color:#9A7A50;color:#24251F */
.mulubey-app .mu-hv-bord-ink:hover, .mulubey-app .mu-hv-bord-ink:focus-visible { border-color: #9A7A50 !important; color: #24251F !important; }
/* border-color:#C2A374;color:#56583C */
.mulubey-app .mu-hv-bord2:hover, .mulubey-app .mu-hv-bord2:focus-visible { border-color: #C2A374 !important; color: #56583C !important; }
/* border-color:#86673A;color:#24251F */
.mulubey-app .mu-hv-bord3:hover, .mulubey-app .mu-hv-bord3:focus-visible { border-color: #86673A !important; color: #24251F !important; }
/* color:#24251F;background:#FBF8F2 */
.mulubey-app .mu-hv-ink-tint:hover, .mulubey-app .mu-hv-ink-tint:focus-visible { color: #24251F !important; background-color: #FBF8F2 !important; }
/* background:#FBF8F2 */
.mulubey-app .mu-hv-ivory:hover, .mulubey-app .mu-hv-ivory:focus-visible { background-color: #FBF8F2 !important; }
/* background:#F4EFE4 */
.mulubey-app .mu-hv-sand:hover, .mulubey-app .mu-hv-sand:focus-visible { background-color: #F4EFE4 !important; }
/* transform:translateY(-2px);background:#FFFFFF;color:#4C4E33 */
.mulubey-app .mu-hv-card-white:hover, .mulubey-app .mu-hv-card-white:focus-visible { transform: translateY(-2px) !important; background-color: #FFFFFF !important; color: #4C4E33 !important; }
/* transform:translateY(-2px);background:gradient;color:#FBF8F2 */
.mulubey-app .mu-hv-card-cta:hover, .mulubey-app .mu-hv-card-cta:focus-visible { transform: translateY(-2px) !important; background: linear-gradient(180deg, #6E7052 0%, #565839 100%) !important; color: #FBF8F2 !important; }

/* ───────────────────────────────────────────────────────────────────────────
 * 5) IZGARA + RESPONSIVE — tasarımın data-* seçicileri
 * Kritik kural: çökmede `1fr` değil `minmax(0,1fr)`; ızgara çocuklarına min-width:0.
 * Yoksa carousel gibi `flex:0 0` içerikler track'i şişirip yatay taşma yaratır.
 * ─────────────────────────────────────────────────────────────────────────── */
.mulubey-app [data-split] > *,
.mulubey-app [data-svc-body] > *,
.mulubey-app [data-prose] > *,
.mulubey-app [data-post] > *,
.mulubey-app [data-hk-body] > *,
.mulubey-app [data-author] > *,
.mulubey-app [data-3col] > *,
.mulubey-app [data-4col] > *,
.mulubey-app [data-foot] > *,
.mulubey-app [data-fbot] > * { min-width: 0; }

/* Masaüstü / mobil menü anahtarı — 1199px */
@media (max-width: 1199px) {
  .mulubey-app [data-desk] { display: none !important; }
  .mulubey-app [data-mob] { display: inline-flex !important; }
  .mulubey-app [data-svc-body] { grid-template-columns: 220px minmax(0, 1fr) !important; }
}
@media (min-width: 1200px) {
  .mulubey-app [data-mob] { display: none !important; }
}

@media (max-width: 1100px) {
  .mulubey-app [data-svc] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-segments] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-svccards] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-cards] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-process] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
  .mulubey-app [data-connector] { display: none !important; }
}

@media (max-width: 1000px) {
  .mulubey-app [data-post] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 940px — iki kolonlu ızgaralar tek kolon, sticky kapanır, carousel 2 kart */
@media (max-width: 940px) {
  .mulubey-app [data-arch] { grid-template-columns: 1fr !important; }
  .mulubey-app [data-catrail] { display: none !important; }
  .mulubey-app [data-catsel] { display: flex !important; }
  .mulubey-app [data-split] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-sticky] { position: static !important; top: auto !important; }
  .mulubey-app [data-facts] { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; row-gap: 20px !important; }
  .mulubey-app [data-hk-body] > [data-sticky] { order: -1; }
  .mulubey-app [data-author] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-author] > div:first-child { max-width: 320px; }
  .mulubey-app [data-post] > [data-sticky] { order: -1; }
  .mulubey-app [data-facts] > div { padding-left: 0 !important; border-left: 0 !important; }
  .mulubey-app [data-svc-body] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-prose] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-topics] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-topic] { border-right: 1px solid #E9E1D3 !important; border-bottom: 1px solid #E9E1D3 !important; }
  .mulubey-app [data-topic]:nth-child(2n) { border-right-color: transparent !important; }
  .mulubey-app [data-topic]:nth-last-child(-n+2) { border-bottom-color: transparent !important; }
  .mulubey-app [data-fade] { display: none !important; }
  .mulubey-app [data-split-rev] > [data-first] { order: 2; }
  .mulubey-app [data-3col] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-4col] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-foot] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-fbot] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-foot-svc] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 767px — künye şeritleri sıkışır, rozet metni gizlenir, carousel 1 kart */
@media (max-width: 767px) {
  .mulubey-app [data-facts] { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; }
  .mulubey-app [data-gbadge-count] { display: none !important; }
  .mulubey-app [data-gbadge] { left: 14px !important; }
}

@media (max-width: 700px) {
  .mulubey-app [data-svccards] { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 640px) {
  .mulubey-app [data-process] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-svc] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-4col] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-topics] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mulubey-app [data-foot] { grid-template-columns: minmax(0, 1fr) !important; }
  .mulubey-app [data-fhours] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 12px; }
  .mulubey-app [data-fhours] > span { padding: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(194, 163, 116, .18); padding-bottom: 10px !important; }
  .mulubey-app [data-hide-sm] { display: none !important; }
  .mulubey-app [data-gbadge] { display: none !important; }
  .mulubey-app [data-legal] { justify-content: center !important; text-align: center !important; }
}

@media (max-width: 560px) {
  .mulubey-app [data-segments] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Mobil: uzun SSS sorusu akordeon butonunda sarsın (reset button{white-space:nowrap}) */
.mulubey-app [data-acc-btn] { white-space: normal; text-align: left; }
/* Mobil: grid item'ı track'e sığsın (min-width:auto taşması) */
.mulubey-app [data-grid] > * { min-width: 0; }

/* ───────────────────────────────────────────────────────────────────────────
 * 6) HAREKET VE ERİŞİLEBİLİRLİK
 * ─────────────────────────────────────────────────────────────────────────── */
@keyframes muProg { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes muRise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes muFade { from { opacity: 0; } to { opacity: 1; } }

@supports (animation-timeline: scroll()) {
  .mulubey-app [data-progress] { animation: muProg linear both; animation-timeline: scroll(root block); }
}
@supports (animation-timeline: view()) {
  .mulubey-app [data-reveal] { animation: muRise linear both; animation-timeline: view(); animation-range: entry 4% entry 46%; }
}

/* Kart ve bağlantı geçişleri */
.mulubey-app [class*="mu-hv-card"] { transition: transform .2s, border-color .2s, box-shadow .2s, background-color .18s; }
.mulubey-app [class*="mu-hv-"]:not([class*="mu-hv-card"]) { transition: color .18s, background-color .18s, border-color .18s; }

@media (prefers-reduced-motion: reduce) {
  .mulubey-app *,
  .mulubey-app *::before,
  .mulubey-app *::after { transition: none !important; animation: none !important; }
  html { scroll-behavior: auto; }
  .mulubey-app [data-reveal] { opacity: 1 !important; }
}

/* ───────────────────────────────────────────────────────────────────────────
 * 7) ELEMENTOR PRO FORM
 * Formlar Elementor Pro Form template'inden gelir; .mulubey-elform kabı onları
 * tasarımın alan görünümüne çeker. Elementor per-element CSS'i özgül olduğu için
 * !important gerekir. Seçici adları EVRENSELDİR.
 * ─────────────────────────────────────────────────────────────────────────── */
.mulubey-elform .elementor-form-fields-wrapper { margin: 0; }
.mulubey-elform .elementor-field-group { margin-bottom: 16px; }
.mulubey-elform .elementor-field-group.elementor-field-type-submit { margin-bottom: 2px; margin-top: 6px; }
/* Ölçüler tasarımın kendi form alanlarından birebir alınmıştır:
 * input  → height 52px · padding 0 14px · 15px · 1px #E3D9C8 · radius 2px
 * label  → alanla arası 8px
 * submit → height 58px · padding 0 36px · 11.5px/.16em · 1px #4C4E33 */
.mulubey-elform .elementor-field-group > label {
  display: block;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif);
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: .04em;
  color: #4B4A42;
  margin-bottom: 8px;
  line-height: 1.3;
}
/* Elementor `select`'e `.elementor-field` sinifini vermez - o sinif sarmalayiciya
 * (`.elementor-select-wrapper`) gider. Bu yuzden temel secici tek sinifa indirildi;
 * aksi halde acilir listeler armor'in disinda kalip tarayici varsayilaniyla cizilir. */
.mulubey-elform .elementor-field-textual {
  width: 100%;
  border: 1px solid #E3D9C8 !important;
  border-radius: 2px !important;
  padding: 0 14px !important;
  height: 52px !important;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif) !important;
  font-size: 15px !important;
  color: #24251F !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  transition: border-color .16s, box-shadow .16s;
}
.mulubey-elform .elementor-field-textual:focus {
  border-color: #9A7A50 !important;
  box-shadow: 0 0 0 3px rgba(154, 122, 80, .13) !important;
  outline: none !important;
}
/* Seçici, yukarıdaki `.elementor-field.elementor-field-textual` kuralıyla (0,3,0)
 * aynı özgüllüğe çıkarılır — aksi hâlde iki !important çarpışır ve textarea
 * tek satırlık alanın yatay dolgusunu miras alır. */
.mulubey-elform textarea.elementor-field.elementor-field-textual {
  height: auto !important;
  min-height: 128px !important;
  padding: 14px !important;
  line-height: 1.65 !important;
  resize: vertical;
}
/* Native ok isareti tasarimin bronz cizgi diline uymuyor - kapatilip yerine
 * ayni tondaki chevron konur. Secici (0,2,1), temel kuraldan daha ozgul oldugu
 * icin oradaki `background: #FFFFFF` kisayolunu guvenle gecer. */
.mulubey-elform select.elementor-field-textual {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 38px !important;
  background-color: #FFFFFF !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%239A7A50' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
}
.mulubey-elform .elementor-select-wrapper::before { display: none !important; }
.mulubey-elform ::placeholder { color: #8C8A7C !important; opacity: 1; }
.mulubey-elform .elementor-field-type-acceptance .elementor-field-subgroup { align-items: flex-start; gap: 10px; }
.mulubey-elform .elementor-field-type-acceptance .elementor-field-option label {
  font-size: 13px;
  color: #4B4A42;
  line-height: 1.6;
  font-weight: 400;
}
.mulubey-elform input[type="checkbox"],
.mulubey-elform input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #56583C;
  margin-top: 2px;
  flex: none;
}
.mulubey-elform .elementor-button {
  width: 100%;
  justify-content: center;
  border: 1px solid #4C4E33 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #61633F 0%, #4C4E33 100%) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 12px 24px -14px rgba(76, 78, 51, .6) !important;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 11.5px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  padding: 0 36px !important;
  height: 58px !important;
  transition: background .18s;
}
.mulubey-elform .elementor-button:hover,
.mulubey-elform .elementor-button:focus {
  background: linear-gradient(180deg, #6E7052 0%, #565839 100%) !important;
  color: #FFFFFF !important;
}
.mulubey-elform .elementor-message {
  border-radius: 2px;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif);
  font-size: 14px;
  margin-top: 8px;
}