/* Koyu tema: temel temanın (base/style.css) üstüne yalnız farkları yazar. Zemin koyu; ana renk düğme ve şerit zeminidir, koyu zeminde metin
   olarak kullanıldığı yerlerde (fiyat, vurgu yazısı) açılmış tonu (--koyu-vurgu) okunur. */
:root {
  color-scheme: dark;
  --koyu-vurgu: color-mix(in srgb, var(--color-primary) 55%, #fff);
  --body-text-color: var(--color-text);
  --foreground-sub-color: var(--color-muted);
  --bg-black-color: #07080a;
  --bg-light-dark-color: var(--color-border);
  --white-color: var(--color-surface);
}
body { background-color: var(--color-bg); color: var(--color-text); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--color-text); }
a { color: inherit; }
::selection { background: var(--color-primary); color: #fff; }

/* Bootstrap'in sabit açık zeminleri */
.form-control, .form-control:focus, .form-select, .form-check-input, .dropdown-menu, .card, .modal-content, .offcanvas, .page-link,
.page-item.disabled .page-link, .img-thumbnail, .skeleton-card, .widget__form--check__label, .offcanvas__filter--close {
  background-color: var(--color-surface); color: var(--color-text); border-color: var(--color-border);
}
.form-control:disabled, .form-control[readonly], .form-select:disabled, .dropdown-item:hover, .dropdown-item:focus, .page-link:hover { background-color: var(--color-border); }
.dropdown-item, .table, .btn, .btn:hover { color: var(--color-text); }
input, select, textarea { color: var(--color-text); }
::placeholder { color: var(--color-muted) !important; }
.header__search--input:focus::placeholder, .predictive__search--input:focus::placeholder { color: var(--color-muted); }
li.additional__info_list--item:nth-child(even), .checkout__sidebar { background: var(--color-surface); }
.mega__model .model-name { color: var(--color-text); }
.text-muted { color: var(--color-muted) !important; }
/* Temel tema vurgu rengini (koyu gri) metin rengi olarak da kullanır; koyu zeminde okunmaz */
.continue__shopping--link, .continue__shopping--clear, .contact__info--content__desc a:hover { color: var(--color-text); }
.continue__shopping--clear:hover, .continue__shopping--link:hover { color: var(--koyu-vurgu); }
/* Temel temanın ana rengi metin olarak kullandığı yerler: koyu zeminde açılmış ton (base/style.css'ten çıkarıldı) */
a:hover, .text__secondary, .header__info--link.text-white:hover, .header__link--menu__text.text-white:hover, .predictive__search--close__btn:hover, .header__account--btn:hover, .minicart__btn--text__price, .header__menu--items:hover .header__menu--link, .header__menu--link.active, .header__mega--menu li a:hover .model-name, .minicart__close--btn:hover, .minicart__product--remove:hover, .minicart__current--price, .social__share--icon.text-white:hover, .slider__subtitle.style4, .current__price, .widget__filter--btn:hover, .widget__filter--btn:hover span, .offcanvas__filter--close:hover, .widget__form--check__label:hover, .product__details--tab__list.active, .product__details--tab__list:hover, .contact__section--heading__maintitle, .contact__form--label__star, .cart__remove--btn:hover, .continue__shopping--clear:hover, .checkout__input--label__star, .layout__flex--item__link, .previous__link--content, .account__menu--list:hover, .account__menu--list.active a, .account__login--signup__text button, .account__login--forgot, .header__sub--flyout a:hover, .error__chip:hover, .rich a, .mega__model a:hover .model-name, .minicart__issue, .shop__chip:hover, .shop__menu--link:hover, .widget__categories--sub__menu--link:hover, .cart__issue, .cart__quantity--update, .account__notice--error, .account__login--signup__text a, .account__remove, .account__status, .consent .button--outline, .widget__categories--menu__list.is-active > .shop__menu--row .shop__menu--link, .widget__categories--sub__menu--list.is-active > .widget__categories--sub__menu--link, .widget__categories--sub__menu--list.is-active > .shop__menu--row .widget__categories--sub__menu--link, .widget__form--check__list.is-active .widget__form--check__label, .breadcrumb__content--menu__items a:hover, .offcanvas__icon--letter, .is-open > .offcanvas__row > .offcanvas__menu_item, .is-open > .offcanvas__row > .offcanvas__sub_menu_item { color: var(--koyu-vurgu); }

/* ---------- Başlık: tek koyu blok, alt kenarda ana renk çizgisi ---------- */
.header__section { background: var(--color-bg); border-bottom: 3px solid var(--color-primary); }
.header__topbar { background: #07080a; border-color: var(--color-border) !important; }
.header__info--link { color: var(--color-muted); }
.header__info--link:hover { color: var(--color-text); }
.main__logo--text { color: var(--color-text); font-family: var(--font-family-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.header__search--input { background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius) 0 0 var(--radius); }
.header__search--input:focus { border-color: var(--color-primary); outline: 0; }
.header__search--button { border-radius: 0 var(--radius) var(--radius) 0; }
.header__account--btn, .minicart__btn--text { color: var(--color-text); }
.minicart__btn--text__price { color: var(--koyu-vurgu); }
.header__bottom--inner__style3 { border-top-color: var(--color-border); }
.header__menu--link { color: var(--color-text); font-family: var(--font-family-heading); letter-spacing: 0.05em; border-radius: var(--radius); }
.header__menu--link::before { background: var(--color-border); opacity: 1; }
.header__sub--menu, .header__mega--menu, .header__sub--flyout { background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: 0 18px 40px rgba(0, 0, 0, .5); }
.header__sub--menu__link, .header__sub--flyout a, .mega__model a { color: var(--color-text); }
.header__sub--menu__link:hover, .header__sub--flyout a:hover { color: var(--koyu-vurgu); }
.offcanvas__header, .offcanvas__sub_menu, .offcanvas__more > .offcanvas__row, .offcanvas__stikcy--toolbar, .minicart, .predictive__search--box { background: var(--color-surface); color: var(--color-text); }
.offcanvas__stikcy--toolbar { border-top: 1px solid var(--color-border); }

/* ---------- Ana sayfa ---------- */
.breadcrumb__section, .product__details--tab__section, .section--bg, .bg__gray--color { background: var(--color-surface) !important; }
.section__heading { border-bottom-color: var(--color-border) !important; }
.section__heading::before, .section__heading::after { display: none; }
.section__heading--maintitle { position: relative; padding-left: 1.6rem; font-family: var(--font-family-heading); font-style: italic; letter-spacing: 0.02em; }
.section__heading--maintitle::before { content: ""; position: absolute; left: 0; top: 0.2em; bottom: 0.2em; width: 5px; background: var(--color-primary); transform: skewX(-12deg); }
.section__heading--maintitle span { font-weight: 700; }
.tab__btn--link { background: transparent; border-radius: var(--radius); }
.tab__btn--link:hover, .tab__btn--link.active { text-decoration: none; }
.categories__card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); }
.categories__card:hover { border-color: var(--color-primary); }
.categories__title { color: var(--color-text); text-transform: uppercase; letter-spacing: 0.03em; }
.categories__icon .initial { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--color-primary); color: #fff; font-weight: 700; transform: skewX(-8deg); }
.btn-all-products { background: var(--color-primary); color: #fff; border: 0; border-radius: var(--radius); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; height: 4.6rem; line-height: 4.6rem; }
.btn-all-products:hover { background: var(--color-accent); color: #fff; }
.brand-strip a { background: var(--color-surface); border-color: var(--color-border); color: var(--color-text); }
.brand-strip a:hover { border-color: var(--color-primary); }

/* ---------- Ürün kartı (temel temanın işaretlemesi): fiyat ve düğme hep görünür ---------- */
.product__card { background: var(--color-surface); border-color: var(--color-border); border-radius: var(--radius); height: 100%; transition: border-color .2s, transform .2s; }
.product__card:hover { border-color: var(--color-primary); transform: translateY(-2px); }
.product__card--thumbnail { background: #fff; margin: 1rem; padding: 1.2rem; border-radius: var(--radius); }
.product__card--content { padding: 0.4rem 1.4rem 1.6rem; }
.product__card--title { font-size: 1.4rem; line-height: 2rem; margin-bottom: 0.4rem; }
.product__card--content .product__card--title { margin-bottom: 0.2rem; }
.product__card--code { margin-top: 0; }
.product__card--brand { height: auto; min-height: 3.6rem; margin: 0 0 0.4rem; }
.product__card--brand span { font-size: 1.4rem; }
.product__card--brand img { max-height: 3.6rem; width: auto; max-width: 100px; }
.product__card--name a { color: var(--color-text); }
.product__card--code { font-size: 1.2rem; letter-spacing: 0.04em; }
.product__card--brand { color: var(--color-muted); font-size: 1.3rem; }
.product__card--price .current__price { font-size: 1.9rem; font-family: var(--font-family-heading); font-weight: 700; }
.product__card:hover .product__card--price { opacity: 1; visibility: visible; }
.product__card--footer, .product__card:hover .product__card--footer { position: static; opacity: 1; visibility: visible; padding: 1rem 0 0; background: transparent; width: 100%; }
.product__card--footer::before { display: none; }
.product__card--btn { border-radius: var(--radius); font-weight: 700; letter-spacing: 0.06em; }

/* ---------- Ürün sayfası, sepet, hesap ---------- */
.product__details--info__meta--list, .product__details--info__meta--list strong { color: var(--color-text); }
.quantity__box, .quantity__value, .quantity__number { background: var(--color-surface); color: var(--color-text); border-color: var(--color-border); }
.product__details--tab__list.active, .product__details--tab__list:hover { color: var(--color-text); }
.product__tab--content, .product__details--tab__inner { background: var(--color-surface); color: var(--color-text); }
.cart__summary, .account__login, .account__wrapper, .checkout__content--step, .order__summary, .account__table, .cart__summary--total { background: var(--color-surface); color: var(--color-text); border-color: var(--color-border); }

/* ---------- Alt bilgi ---------- */
.footer__bg { background: #07080a; border-top: 1px solid var(--color-border); }
.shipping__items:hover { background: var(--color-surface); }

/* Çerez bandı */
.consent { background: var(--color-surface); color: var(--color-text); border-color: var(--color-border); }

@media (max-width: 991.98px) {
  .product__card--btn { height: 4.8rem; line-height: 4.8rem; }
}