/* =====================================================================
   Açık tema — beyaz zemin, gri yüzeyler, siyah vurgular.
   site.css'ten sonra yüklenir; yalnızca renkleri ve gölgeleri değiştirir.
   Yönetim panelinde "Site renkleri: Açık" seçildiğinde devreye girer.
   ===================================================================== */

:root {
  --bg-top:    #ffffff;
  --bg:        #ffffff;
  --bg-deep:   #ffffff;
  --surface:   #f4f5f6;
  --surface-2: #eaecee;
  --edge:      #dfe2e6;
  --edge-soft: #eceef1;
  --text:      #0f1113;
  --ink-2:     #2b2f35;
  --muted:     #5c636d;
  --dim:       #8b929c;
  --cyan:      15, 17, 19;          /* site.css'teki parıltılar koyu, yumuşak gölgeye döner */
  --cyan-hi:   #0f1113;
  --amber:     #6b727c;
  --footer:    #141619;
  --graphite:  linear-gradient(180deg, #4a5059 0%, #17191c 48%, #0f1113 62%, #3b4047 100%);
  --chrome:    var(--graphite);
}

body {
  background:
    radial-gradient(80% 380px at 50% 0%, #eef0f2 0%, rgba(238, 240, 242, 0) 100%),
    #ffffff;
  background-color: #ffffff;
  color: var(--text);
}
:focus-visible { outline-color: #0f1113; }
::selection { background: #0f1113; color: #fff; }
.skip-link { background: #0f1113; color: #fff; }

/* ---------- Düğmeler: siyah ---------- */
.btn-neon {
  border-color: #0f1113;
  background: #0f1113;
  color: #ffffff;
  text-shadow: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 8px 18px -10px rgba(15, 17, 19, .55);
}
.btn-neon:hover {
  background: #2b2f35;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 12px 24px -12px rgba(15, 17, 19, .6);
}
.btn-neon--solid { background: #0f1113; color: #fff; }
.btn-neon--solid:hover { background: #2b2f35; }

/* Açık zeminde ikincil düğme: beyaz, ince çerçeve */
.part-dialog__actions .btn-neon:not(.btn-neon--solid) {
  background: #ffffff;
  color: #0f1113;
  border-color: #cfd3d8;
  box-shadow: none;
}
.part-dialog__actions .btn-neon:not(.btn-neon--solid):hover { border-color: #0f1113; background: #f4f5f6; }

/* ---------- Üst bant ---------- */
.site-header__inner {
  border-color: var(--edge);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 1px 0 #fff inset, 0 18px 40px -28px rgba(15, 17, 19, .35);
}
.site-header__inner::after {
  left: 38%;
  right: 38%;
  height: 2px;
  background: linear-gradient(90deg, rgba(15, 17, 19, 0), #0f1113, rgba(15, 17, 19, 0));
  box-shadow: none;
}
.brand__name { filter: none; }
.brand__tagline { border-left-color: #0f1113; color: var(--muted); }
.site-nav__link { color: var(--ink-2); }
.site-nav__link:hover, .site-nav__link[aria-current="true"] { color: #000; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }

/* ---------- Bize Ulaşın kutusu ---------- */
.cpop__box {
  border-color: var(--edge);
  background: #ffffff;
  color: var(--text);
  box-shadow: 0 30px 60px -24px rgba(15, 17, 19, .35), 0 2px 6px rgba(15, 17, 19, .05);
}
.cpop__row { border-top-color: var(--edge-soft); }
.cpop__icon { background: var(--surface); color: #0f1113; }
.cpop__value { color: #0f1113; }
a.cpop__value:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; }
.cpop__map { color: #0f1113; text-decoration: underline; text-underline-offset: 3px; }
.cpop__cta { background: #0f1113; color: #fff; box-shadow: 0 10px 20px -12px rgba(15, 17, 19, .7); }
.cpop__cta:hover { background: #2b2f35; }

/* ---------- Başlık ---------- */
.hero__line1, .hero__line2 { filter: none; }
.hero__line1 { background-image: linear-gradient(180deg, #2a2e34 0%, #0f1113 55%, #24282d 100%); }
.hero__line2 { background-image: linear-gradient(180deg, #8a919b 0%, #5c636d 60%, #707782 100%); }
.hero .hero__text { color: var(--muted); }
.hero .hero__notice { border-color: var(--edge); background: var(--surface); color: var(--text); }

/* ---------- Model kartları: açık gri alüminyum ---------- */
.model-card {
  border-color: var(--edge);
  color: var(--text);
  background:
    radial-gradient(90% 70% at 50% 35%, #ffffff 0%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(160deg, #f6f7f8 0%, #eceef0 55%, #e1e4e7 100%);
  box-shadow: 0 1px 0 #fff inset, 0 22px 40px -30px rgba(15, 17, 19, .45);
}
.model-card:hover {
  border-color: #0f1113;
  box-shadow: 0 1px 0 #fff inset, 0 30px 50px -28px rgba(15, 17, 19, .5);
}
.model-card:focus-visible { outline-color: #0f1113; }
.model-card.is-selected {
  border-color: #0f1113;
  box-shadow: 0 0 0 1px #0f1113, 0 30px 50px -28px rgba(15, 17, 19, .5);
}
.model-cards.has-selection .model-card:not(.is-selected) { opacity: .55; }

.model-card__brand { color: var(--amber); font-weight: 500; letter-spacing: .02em; }
.model-card__name { filter: none; }
.model-card__media img { filter: drop-shadow(0 16px 12px rgba(15, 17, 19, .22)); }
.model-card__meta { color: var(--muted); }

/* Çizim (fotoğraf yoksa): koyu grafit çizgiler */
.model-card__drawing { color: #2b2f35; filter: none; }
.model-card__drawing .lights { stroke: #0f1113; }
.model-card__drawing circle.acc { fill: #0f1113; }

/* Tam kaplayan fotoğraf: yazılar okunsun diye koyu geçiş korunur, yazılar beyaz */
.model-card--photo { border-color: #cfd3d8; }
.model-card--photo .model-card__media::after {
  background: linear-gradient(180deg,
    rgba(12, 13, 15, .78) 0%,
    rgba(12, 13, 15, .4) 24%,
    rgba(12, 13, 15, 0) 44%,
    rgba(12, 13, 15, 0) 58%,
    rgba(12, 13, 15, .5) 78%,
    rgba(12, 13, 15, .88) 100%);
}
.model-card--photo .model-card__brand { color: #d5d9de; }
.model-card--photo .model-card__name {
  background: linear-gradient(180deg, #ffffff 0%, #eef0f2 40%, #b9bfc6 54%, #e6e9ec 72%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .5));
}
.model-card--photo .model-card__meta { color: #eef0f2; }
.model-card--photo .model-card__go { background: #ffffff; color: #0f1113; }
.model-card--photo:hover .model-card__go { background: #ffffff; }

.model-card__go {
  background: #0f1113;
  color: #ffffff;
  box-shadow: 0 10px 20px -12px rgba(15, 17, 19, .7);
}
.model-card:hover .model-card__go {
  background: #2b2f35;
  box-shadow: 0 14px 24px -12px rgba(15, 17, 19, .75);
}

/* ---------- Parça kataloğu ---------- */
.catalog__bar {
  background: rgba(255, 255, 255, .94);
  border-block-color: var(--edge);
  box-shadow: 0 14px 30px -26px rgba(15, 17, 19, .45);
}
.catalog__count { color: var(--muted); }
.search .icon { color: var(--dim); }
.search input {
  background: var(--surface);
  border-color: var(--edge);
  color: var(--text);
}
.search input::placeholder { color: var(--dim); }
.search input:focus { background: #fff; border-color: #0f1113; box-shadow: 0 0 0 3px rgba(15, 17, 19, .08); }

.segmented { background: var(--surface); border-color: var(--edge); }
.segmented a { color: var(--muted); }
.segmented a:hover { color: #0f1113; }
.segmented a[aria-current="true"] { background: #0f1113; color: #ffffff; box-shadow: 0 6px 14px -8px rgba(15, 17, 19, .7); }

.part__link {
  border-color: var(--edge);
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 17, 19, .04);
}
.part__link:hover {
  border-color: #0f1113;
  box-shadow: 0 18px 34px -22px rgba(15, 17, 19, .45);
}
.part__media { background: var(--surface); }
.part__placeholder { color: #c3c8ce; }
.part__code { color: var(--dim); }
.part__name { color: var(--text); }
.part__desc { color: var(--muted); }
.part__fits span { background: var(--surface-2); color: var(--ink-2); }
.part__foot { border-top-color: var(--edge-soft); }
.part__price { color: var(--text); }
.part__price--ask { color: var(--muted); }
.part__more { color: #0f1113; }

.catalog__empty p { color: var(--muted); }

/* ---------- Parça detay penceresi ---------- */
.part-dialog {
  border-color: var(--edge);
  background: #ffffff;
  color: var(--text);
  box-shadow: 0 40px 90px -30px rgba(15, 17, 19, .5);
}
.part-dialog::backdrop { background: rgba(15, 17, 19, .5); }
.part-dialog__close { border-color: var(--edge); background: #fff; color: #0f1113; }
.part-dialog__close:hover { border-color: #0f1113; }
.part-dialog__media { background: var(--surface); }
.part-dialog__code, .part-dialog__fits { color: var(--muted); }
.part-dialog__desc { border-top-color: var(--edge-soft); color: var(--ink-2); }
.part-dialog__price { color: var(--text); }
.part-dialog__price.is-ask { color: var(--muted); }

/* ---------- Tanıtım yazısı ---------- */
.about__box { border-color: var(--edge-soft); background: var(--surface); }
.about__box h2 { color: var(--text); }
.about__box p { color: var(--muted); }

/* ---------- Alt bilgi: koyu grafit, beyaz sayfadan kavisle ayrılır ---------- */
.site-footer {
  background: linear-gradient(180deg, #1b1e22 0%, var(--footer) 60%, #0e1012 100%);
  color: #a3a9b1;
}
.site-footer::before { background: #ffffff; box-shadow: none; }
.site-footer__brand {
  background: linear-gradient(180deg, #ffffff 0%, #e6e9ec 40%, #a7aeb6 55%, #dfe3e7 72%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.site-footer__credit { border-top-color: rgba(255, 255, 255, .07); }
.site-footer__credit-inner { color: #7f8690; }
.site-footer__credit a { color: #ffffff; }

/* ---------- Mobil hızlı arama çubuğu ---------- */
@media (max-width: 760px) {
  .quick-bar { background: rgba(15, 17, 19, .97); border-top-color: rgba(255, 255, 255, .08); }
  .quick-bar a { color: #fff; }
  .quick-bar a + a { border-left-color: rgba(255, 255, 255, .1); }
  .quick-bar .icon { color: #fff; }
}