/* =============================================================
   schön Core — Widget'a özel stiller
   (Ortak bileşen stilleri temanın components.css'inde.)
   ============================================================= */

/* ---------- Hero: Katalog Vitrini ---------- */
.schon-hero-katalog { display: grid; grid-template-columns: 1.62fr 1fr; gap: 20px; }
.schon-hero-katalog__main {
  position: relative; height: 452px; border-radius: var(--sch-r-card); overflow: hidden; background: var(--sch-ink);
}
.schon-hero-katalog__main img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.schon-hero-katalog__scrim { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, rgba(15,15,15,.94) 0%, rgba(15,15,15,.82) 42%, rgba(15,15,15,.15) 78%); }
.schon-hero-katalog__content { position: absolute; inset: 0; padding: 48px 52px; display: flex; flex-direction: column; color: #fff; }
.schon-hero-katalog__badge {
  display: inline-flex; align-self: flex-start; align-items: center; gap: 9px;
  background: rgba(242,194,0,.16); border: 1px solid rgba(242,194,0,.5); color: var(--sch-yellow);
  font: 700 11.5px var(--sch-font); letter-spacing: .11em; padding: 7px 13px; border-radius: 4px;
}
.schon-hero-katalog__title { font: 900 60px/.96 var(--sch-font); letter-spacing: var(--sch-ls-hero); margin-top: 22px; max-width: 480px; }
.schon-hero-katalog__sub { font: 400 16.5px/1.6 var(--sch-font); color: #cfcac2; max-width: 400px; margin-top: 18px; text-wrap: pretty; }
.schon-hero-katalog__cta { margin-top: auto; display: flex; gap: 12px; }
.schon-hero-katalog__cta .schon-btn--ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.5); }
.schon-hero-katalog__cta .schon-btn--ghost:hover { background: rgba(255,255,255,.1); }
.schon-hero-katalog__side { display: flex; flex-direction: column; gap: 20px; }
.schon-hero-card { flex: 1; border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); padding: 22px; display: flex; flex-direction: column; }
.schon-hero-card--soft { background: var(--sch-bg-soft); }

/* ---------- Hero: İşe Göre Bul ---------- */
.schon-hero-job { position: relative; background: var(--sch-ink); padding: 56px 40px 48px; overflow: hidden; }
.schon-hero-job__bg { position: absolute; inset: 0; opacity: .35; }
.schon-hero-job__bg img { width: 100%; height: 100%; object-fit: cover; }
.schon-hero-job__scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(15,15,15,.75), rgba(15,15,15,.95)); }
.schon-hero-job__head { position: relative; max-width: 900px; color: #fff; }
.schon-hero-job__title { font: 900 54px/1 var(--sch-font); letter-spacing: var(--sch-ls-hero); }
.schon-hero-job__sub { font: 400 16.5px/1.6 var(--sch-font); color: #cfcac2; margin-top: 14px; max-width: 480px; }
.schon-jobfinder { position: relative; background: #fff; border-radius: var(--sch-r-card); padding: 20px; margin-top: 26px; display: flex; gap: 14px; align-items: flex-end; box-shadow: var(--sch-shadow-dark); }
.schon-jobfinder__col { flex: 1; }
.schon-jobfinder__col select { width: 100%; border: 1px solid var(--sch-border-input); border-radius: var(--sch-r-btn); padding: 13px 14px; font: 600 14.5px var(--sch-font); }
.schon-jobfinder__col:first-child select { border: 2px solid var(--sch-ink); }
.schon-jobfinder__go { background: var(--sch-red); color: #fff; border: 0; font: 700 15px var(--sch-font); padding: 16px 30px; border-radius: var(--sch-r-btn); cursor: pointer; }
.schon-jobfinder__go:disabled { opacity: .6; cursor: not-allowed; }
.schon-hero-job__chips { position: relative; display: flex; gap: 9px; align-items: center; margin-top: 18px; font-size: 12.5px; color: var(--sch-topbar-text); flex-wrap: wrap; }
.schon-hero-job__chips a { border: 1px solid #3a3a3a; padding: 6px 12px; border-radius: var(--sch-r-pill); color: var(--sch-topbar-strong); }

/* ---------- Hero: Hızlı Sipariş ---------- */
.schon-hero-quick { background: var(--sch-bg-soft); border-bottom: 1px solid var(--sch-border); padding: 56px 40px; }
.schon-hero-quick__inner { max-width: 720px; margin: 0 auto; text-align: center; }
.schon-hero-quick__title { font: 900 44px/1.04 var(--sch-font); letter-spacing: -.04em; }
.schon-hero-quick__search { display: flex; height: 60px; border: 2px solid var(--sch-ink); border-radius: 8px; background: #fff; overflow: hidden; margin-top: 24px; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.schon-hero-quick__search input { flex: 1; border: 0; outline: 0; padding: 0 20px; font-size: 16px; }
.schon-hero-quick__search button { border: 0; background: var(--sch-ink); color: #fff; font: 700 15px var(--sch-font); letter-spacing: .03em; padding: 0 32px; cursor: pointer; }

/* ---------- Quick order form ---------- */
.schon-quickorder { display: flex; flex-direction: column; }
.schon-quickorder__row { display: flex; gap: 8px; }
.schon-quickorder input[name="sku"] { flex: 2; }
.schon-quickorder input[name="qty"] { flex: .7; }
.schon-quickorder input { border: 1px solid var(--sch-border-input); border-radius: 5px; padding: 11px 12px; font-size: 13px; outline: 0; font-family: var(--sch-font); }
.schon-quickorder__msg { font-size: 12px; color: var(--sch-red); min-height: 16px; margin-top: 6px; }
.schon-quickorder.is-loading { opacity: .6; pointer-events: none; }

/* ---------- Bayi paneli ---------- */
.schon-dealer { display: grid; grid-template-columns: 248px 1fr; gap: 28px; }
.schon-dealer__aside { border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); overflow: hidden; align-self: start; }
.schon-dealer__firm { padding: 18px; border-bottom: 1px solid var(--sch-border); }
.schon-dealer__nav { display: flex; flex-direction: column; padding: 8px; }
.schon-dealer__nav a { padding: 11px 12px; border-radius: 6px; font: 600 13.5px var(--sch-font); color: var(--sch-ink); }
.schon-dealer__nav a.is-active { background: var(--sch-ink); color: #fff; }
.schon-dealer__rep { margin: 8px; padding: 14px; background: var(--sch-bg-soft); border-radius: 8px; font-size: 12.5px; }
.schon-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

/* ---------- Boş sonuç ---------- */
.schon-empty__title { font: 900 24px var(--sch-font); letter-spacing: -.03em; }
.schon-empty__suggest { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }

/* ---------- Elementor editör içi görünürlük ---------- */
.elementor-editor-active .schon-quickorder { pointer-events: auto; }
