/* =======================================================================

   KAPSAMLI UI ONARIM DOSYASI

   Kapsam: Login form, Sidebar filtre, Product tabs, Cart, Mobile arama

   =======================================================================

   Tüm genel UI çökmeleri burada düzeltilmiştir.

   Bu dosya utilities.css'den sonra yüklenir.

   ======================================================================= */



/* ═══════════════════════════════════════════════════════════════════════

   1. GİRİŞ YAP SAYFASI — Sayfa formu modal kutusu düzeltmesi

   ═══════════════════════════════════════════════════════════════════════ */



/* Hesabım sayfasında sidebar yokken içerik tam genişlik olsun */

.woocommerce-account .sk-page-content-inner {

  max-width: 700px;

  margin: 0 auto;

  width: 100%;

}



/* WooCommerce'in hesabım inner layout'unu kapsa */

.woocommerce-account .woocommerce {

  width: 100%;

}



/* Giriş ekranındaki modalin tam genişlik kullanması */

.sk-auth-wrap {

  padding: 40px 16px;

  min-height: 60vh;

}



.sk-auth-modal {

  max-width: 620px;

}



/* Modaldaki form inputları — WooCommerce override */

.sk-auth-wrap .woocommerce-form input[type="text"],

.sk-auth-wrap .woocommerce-form input[type="email"],

.sk-auth-wrap .woocommerce-form input[type="password"],

.sk-auth-wrap .woocommerce-Input,

.sk-auth-wrap .sk-auth-input {

  display: block !important;

  width: 100% !important;

  min-height: 48px !important;

  padding: 12px 16px !important;

  background-color: #2A2A2A !important;

  border: 1.5px solid #3D3D3D !important;

  border-radius: 6px !important;

  color: #E8E8E8 !important;

  font-size: 14px !important;

  box-sizing: border-box !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

}



.sk-auth-wrap .woocommerce-form input:focus,

.sk-auth-wrap .woocommerce-Input:focus,

.sk-auth-wrap .sk-auth-input:focus {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.14) !important;

  outline: none !important;

  background-color: #303030 !important;

}



/* Form label */

.sk-auth-wrap .woocommerce-form label,

.sk-auth-wrap label {

  display: block;

  font-size: 13px;

  color: #C0C0C0;

  margin-bottom: 8px;

  font-weight: 500;

}



/* Submit butonu WooCommerce */

.sk-auth-wrap .woocommerce-button.button,

.sk-auth-wrap button[type="submit"],

.sk-auth-wrap .sk-auth-submit {

  display: block !important;

  width: 100% !important;

  min-height: 50px !important;

  background-color: #FFD700 !important;

  color: #121212 !important;

  border: none !important;

  border-radius: 6px !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: background-color 0.2s ease !important;

}



.sk-auth-wrap .woocommerce-button.button:hover,

.sk-auth-wrap button[type="submit"]:hover {

  background-color: #FFC200 !important;

}



/* ═══════════════════════════════════════════════════════════════════════

   2. SOL FİLTRE SİDEBAR — Profesyonel CSS iyileştirmeleri

   ═══════════════════════════════════════════════════════════════════════ */



/* Sidebar genel hover ve aktif iyileştirmeleri */

.sk-category-nav__link {

  padding: 11px 16px;

  border-radius: 0 6px 6px 0;

  margin-right: 6px;

}



.sk-category-nav__item:hover .sk-category-nav__link {

  background-color: rgba(255, 215, 0, 0.08);

  color: #FFD700;

  border-right-color: #FFD700;

}



/* Aktif kategori daha belirgin */

.sk-category-nav__item--active > .sk-category-nav__link {

  background-color: rgba(255, 215, 0, 0.12);

  color: #FFD700;

  border-right: 3px solid #FFD700;

  font-weight: 600;

}



/* Kategori badge (ürün sayısı) */

.sk-category-nav__count {

  background-color: rgba(255,255,255,0.06);

  color: #888;

  font-size: 10px;

  padding: 2px 7px;

  border-radius: 20px;

}



/* ── Sidebar içine Filtre Arama ── */

.sk-sidebar-filter-search {

  padding: 10px 12px 6px;

  border-bottom: 1px solid var(--border-color);

  flex-shrink: 0;

}



.sk-sidebar-filter-form {

  display: flex;

  gap: 6px;

  align-items: center;

}



.sk-sidebar-filter-input {

  flex: 1;

  background: #222;

  border: 1px solid #333;

  border-radius: 6px;

  padding: 8px 12px;

  color: #E0E0E0;

  font-size: 13px;

  outline: none;

  transition: border-color 0.2s;

}



.sk-sidebar-filter-input:focus {

  border-color: #FFD700;

  box-shadow: 0 0 0 2px rgba(255,215,0,0.1);

}



.sk-sidebar-filter-btn {

  background: #FFD700;

  color: #121212;

  border: none;

  border-radius: 6px;

  padding: 8px 12px;

  font-size: 13px;

  font-weight: 700;

  cursor: pointer;

  transition: background 0.2s;

  white-space: nowrap;

}



.sk-sidebar-filter-btn:hover {

  background: #FFC200;

}



/* ═══════════════════════════════════════════════════════════════════════

   3. ÜRÜN SEKME SİSTEMİ — Yan yana tab, akordeon değil

   Açıklama direkt açık, sekmeler yatay

   ═══════════════════════════════════════════════════════════════════════ */



/* WooCommerce'in varsayılan .tabs ul'unu komple override et */

.sk-sp__tabs-section,

.woocommerce-product-details .sk-sp__tabs-section {

  margin-top: 32px;

  border-top: none;

}



/* Tab header şeridi */

.sk-sp__tabs-section .wc-tabs-wrapper > ul.tabs,

.sk-sp__tabs-section ul.wc-tabs {

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: nowrap;

  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #1A1A1A;

  border-bottom: 2px solid #2A2A2A;

  gap: 0;

}



.sk-sp__tabs-section ul.tabs li,

.sk-sp__tabs-section ul.wc-tabs li {

  flex: 0 0 auto;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  border: none !important;

  border-radius: 0 !important;

}



/* Tab linkleri */

.sk-sp__tabs-section ul.tabs li a,

.sk-sp__tabs-section ul.wc-tabs li a {

  display: block;

  padding: 14px 24px;

  color: #888;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

  border-bottom: 3px solid transparent;

  margin-bottom: -2px;

  transition: color 0.2s ease, border-color 0.2s ease;

  white-space: nowrap;

  background: transparent !important;

}



.sk-sp__tabs-section ul.tabs li a:hover,

.sk-sp__tabs-section ul.wc-tabs li a:hover {

  color: #E0E0E0;

}



.sk-sp__tabs-section ul.tabs li.active a,

.sk-sp__tabs-section ul.wc-tabs li.active a {

  color: #FFD700 !important;

  border-bottom-color: #FFD700;

  background: transparent !important;

}



/* Panel içeriği */

.sk-sp__tabs-section .woocommerce-Tabs-panel,

.sk-sp__tabs-section .panel {

  display: none;

  padding: 28px 0;

  color: #E0E0E0;

  font-size: 15px;

  line-height: 1.75;

  border: none;

  background: transparent;

  border-radius: 0;

}



/* Aktif panel visible — WooCommerce JS .active class ekler */

.sk-sp__tabs-section .woocommerce-Tabs-panel.active,

.sk-sp__tabs-section .panel.active,

.sk-sp__tabs-section #tab-description,

.sk-sp__tabs-section #tab-reviews {

  display: block;

}



/* Açıklama paneli varsayılan açık gelsin */

.sk-sp__tabs-section .panel#tab-description {

  display: block;

}



/* Değerlendirme formu düzeni */

.sk-sp__tabs-section #reviews #comments {

  background: #1A1A1A;

  border: 1px solid #2A2A2A;

  border-radius: 8px;

  padding: 20px;

  margin-bottom: 20px;

}



.sk-sp__tabs-section #reviews #respond {

  background: #1A1A1A;

  border: 1px solid #2A2A2A;

  border-radius: 8px;

  padding: 20px;

}



.sk-sp__tabs-section #reviews #respond .comment-form-rating a,

.sk-sp__tabs-section #reviews .stars a {

  color: #FFD700;

  text-decoration: none;

  font-weight: 600;

}



.sk-sp__tabs-section #reviews input[type="text"],

.sk-sp__tabs-section #reviews input[type="email"],

.sk-sp__tabs-section #reviews textarea {

  background: #2A2A2A;

  border: 1.5px solid #3D3D3D;

  border-radius: 6px;

  color: #E0E0E0;

  padding: 10px 14px;

  font-size: 14px;

  width: 100%;

  box-sizing: border-box;

}



.sk-sp__tabs-section #reviews input:focus,

.sk-sp__tabs-section #reviews textarea:focus {

  border-color: #FFD700;

  outline: none;

  box-shadow: 0 0 0 3px rgba(255,215,0,0.1);

}



.sk-sp__tabs-section #reviews #submit {

  background: #FFD700;

  color: #121212;

  border: none;

  border-radius: 6px;

  padding: 12px 28px;

  font-size: 14px;

  font-weight: 700;

  cursor: pointer;

  transition: background 0.2s ease;

}



.sk-sp__tabs-section #reviews #submit:hover {

  background: #FFC200;

}



/* ═══════════════════════════════════════════════════════════════════════

   4. SEPET SAYFASI — Layout düzeltmesi

   ═══════════════════════════════════════════════════════════════════════ */



/* Sepet sidebar gizlenince içerik tam genişliğe yayılsın */

.woocommerce-cart .sk-page-content-inner {

  width: 100%;

  max-width: 100%;

}



.woocommerce-cart .woocommerce {

  width: 100%;

}



/* Cart table full width */

.woocommerce-cart-form,

.woocommerce-cart table.cart,

.woocommerce-cart .cart-collaterals {

  width: 100% !important;

}



/* Boş sepet */

.woocommerce-cart .woocommerce-cart-form__contents,

.woocommerce-cart .cart-empty {

  text-align: center;

  padding: 40px 0;

  color: #999;

  font-size: 16px;

}



.woocommerce-cart .return-to-shop {

  text-align: center;

  margin-top: 20px;

}



.woocommerce-cart .return-to-shop .button {

  display: inline-block;

  padding: 12px 28px;

  background: #FFD700 !important;

  color: #121212 !important;

  border-radius: 6px;

  font-weight: 700;

  text-decoration: none;

}



/* Cart 2 kolon layout (tablo + toplam yan yana) */

.woocommerce-cart .woocommerce {

  display: flex;

  flex-wrap: wrap;

  gap: 24px;

  align-items: flex-start;

}



.woocommerce-cart .woocommerce-cart-form {

  flex: 1 1 60%;

  min-width: 0;

}



.woocommerce-cart .cart-collaterals {

  flex: 0 0 320px;

}



@media (max-width: 768px) {

  .woocommerce-cart .woocommerce {

    flex-direction: column;

  }

  .woocommerce-cart .cart-collaterals {

    flex: 0 0 100%;

    width: 100%;

  }

}



/* ═══════════════════════════════════════════════════════════════════════

   5. MOBİL HEADER — Arama popup

   ═══════════════════════════════════════════════════════════════════════ */



/* Masaüstünde normal, mobilde gizle — popup ile aç */

@media (max-width: 768px) {

  .sk-header__search-wrap {

    display: none !important;

  }



  /* Mobil arama ikonu */

  .sk-mobile-search-btn {

    display: flex !important;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    background: transparent;

    border: none;

    color: #E0E0E0;

    cursor: pointer;

    flex-shrink: 0;

  }

}



@media (min-width: 769px) {

  .sk-mobile-search-btn {

    display: none !important;

  }

}



/* ── Mobil Arama Popup ── */

.sk-mobile-search-overlay {

  display: none;

  position: fixed;

  inset: 0;

  z-index: 999999 !important;

  background: rgba(0,0,0,0.85);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  align-items: flex-start;

  justify-content: center;

  padding-top: 80px;

}



.sk-mobile-search-overlay--open {

  display: flex;

  animation: sk-fade-in 0.2s ease;

}



.sk-mobile-search-popup {

  width: calc(100% - 32px);

  max-width: 500px;

  background: #1A1A1A;

  border: 1px solid #2E2E2E;

  border-radius: 12px;

  padding: 20px;

  box-shadow: 0 20px 60px rgba(0,0,0,0.8);

}



.sk-mobile-search-popup__header {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 14px;

}



.sk-mobile-search-popup__title {

  flex: 1;

  font-size: 16px;

  font-weight: 600;

  color: #E0E0E0;

  margin: 0;

}



.sk-mobile-search-close {

  background: transparent;

  border: none;

  color: #888;

  cursor: pointer;

  padding: 4px;

  display: flex;

  align-items: center;

}



.sk-mobile-search-close:hover { color: #fff; }



.sk-mobile-search-form {

  display: flex;

  gap: 8px;

}



.sk-mobile-search-input {

  flex: 1;

  background: #2A2A2A;

  border: 1.5px solid #3D3D3D;

  border-radius: 8px;

  padding: 12px 16px;

  color: #E0E0E0;

  font-size: 15px;

  outline: none;

  transition: border-color 0.2s;

}



.sk-mobile-search-input:focus {

  border-color: #FFD700;

  box-shadow: 0 0 0 2px rgba(255,215,0,0.12);

}



.sk-mobile-search-submit {

  background: #FFD700;

  color: #121212;

  border: none;

  border-radius: 8px;

  padding: 12px 16px;

  font-weight: 700;

  font-size: 14px;

  cursor: pointer;

  transition: background 0.2s;

  white-space: nowrap;

}



.sk-mobile-search-submit:hover { background: #FFC200; }



/* ═══════════════════════════════════════════════════════════════════════

   6. CHECKOUT SAYFASI — WooCommerce default layout

   ═══════════════════════════════════════════════════════════════════════ */

.woocommerce-checkout .sk-page-content-inner {

  width: 100%;

  max-width: 100%;

}



/* ═══════════════════════════════════════════════════════════════════════

   7. AUTH MODAL POPUP — WooCommerce login formu stil override

   Kapsam: #sk-auth-modal içindeki WooCommerce formu

   ═══════════════════════════════════════════════════════════════════════ */



/* Modal popup içindeki tüm input'lar */

#sk-auth-modal .sk-modal__panel input[type="text"],

#sk-auth-modal .sk-modal__panel input[type="email"],

#sk-auth-modal .sk-modal__panel input[type="password"],

#sk-auth-modal .sk-modal__panel input[type="tel"],

#sk-auth-modal .sk-modal__panel .input-text,

#sk-auth-modal .sk-modal__panel .woocommerce-Input {

  display: block !important;

  width: 100% !important;

  min-height: 46px !important;

  padding: 11px 14px !important;

  background-color: #252525 !important;

  border: 1.5px solid #383838 !important;

  border-radius: 6px !important;

  color: #E8E8E8 !important;

  font-size: 14px !important;

  font-family: var(--font-sans, inherit) !important;

  box-sizing: border-box !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

  -webkit-appearance: none;

  appearance: none;

}



#sk-auth-modal .sk-modal__panel input[type="text"]:focus,

#sk-auth-modal .sk-modal__panel input[type="email"]:focus,

#sk-auth-modal .sk-modal__panel input[type="password"]:focus,

#sk-auth-modal .sk-modal__panel .input-text:focus,

#sk-auth-modal .sk-modal__panel .woocommerce-Input:focus {

  outline: none !important;

  border-color: #FFD700 !important;

  background-color: #2E2E2E !important;

  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.14) !important;

}



/* Label stilleri */

#sk-auth-modal .sk-modal__panel label {

  display: block;

  font-size: 13px;

  color: #C0C0C0;

  margin-bottom: 7px;

  font-weight: 500;

}



/* Form satır boşlukları */

#sk-auth-modal .sk-modal__panel .form-row {

  margin-bottom: 16px;

}



#sk-auth-modal .sk-modal__panel .form-row-first,

#sk-auth-modal .sk-modal__panel .form-row-last {

  float: none;

  width: 100%;

}



/* Beni hatırla checkbox satırı */

#sk-auth-modal .sk-modal__panel .woocommerce-form-login__rememberme {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #999;

  font-size: 13px;

  margin-bottom: 16px;

  cursor: pointer;

}



#sk-auth-modal .sk-modal__panel input[type="checkbox"] {

  width: 16px !important;

  min-height: unset !important;

  height: 16px !important;

  accent-color: #FFD700;

  cursor: pointer;

  flex-shrink: 0;

  padding: 0 !important;

}



/* WooCommerce giriş submit butonu */

#sk-auth-modal .sk-modal__panel .woocommerce-button.button,

#sk-auth-modal .sk-modal__panel button[name="login"],

#sk-auth-modal .sk-modal__panel .woocommerce-form-login__submit {

  display: block !important;

  width: 100% !important;

  min-height: 50px !important;

  padding: 13px 20px !important;

  background-color: #FFD700 !important;

  color: #121212 !important;

  border: none !important;

  border-radius: 6px !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  letter-spacing: 0.3px !important;

  transition: background-color 0.2s ease, transform 0.15s ease !important;

  margin-top: 4px !important;

}



#sk-auth-modal .sk-modal__panel .woocommerce-button.button:hover,

#sk-auth-modal .sk-modal__panel .woocommerce-form-login__submit:hover {

  background-color: #FFC200 !important;

  transform: translateY(-1px) !important;

}



/* Şifremi unuttum linki */

#sk-auth-modal .sk-modal__panel .lost_password {

  margin-top: 16px;

  text-align: center;

  font-size: 13px;

}



#sk-auth-modal .sk-modal__panel .lost_password a {

  color: #FFD700;

  text-decoration: none;

}



#sk-auth-modal .sk-modal__panel .lost_password a:hover {

  text-decoration: underline;

}



/* Clear fix */

#sk-auth-modal .sk-modal__panel .clear {

  clear: both;

}



/* required yıldız sarı */

#sk-auth-modal .sk-modal__panel .required {

  color: #FFD700;

}







/* ============================================================

   WOOCOMMERCE HESABIM (MY ACCOUNT) & DARK MODE STİLLERİ

   ============================================================ */



/* 1. Hesabım Sayfa ve Grid Yapısı */

.woocommerce-account.logged-in .sk-page-content-inner {

  max-width: 1200px !important;

  margin: 0 auto;

  width: 100%;

}



.woocommerce-account .woocommerce {

  display: flex !important;

  flex-wrap: wrap !important;

  justify-content: space-between !important;

  gap: 30px !important;

  align-items: flex-start !important;

  width: 100% !important;

  margin-top: 20px;

}



.woocommerce-account .woocommerce-MyAccount-navigation {

  flex: 0 0 25% !important;

  width: 25% !important;

  background-color: #1a1a1a !important;

  border: 1px solid #2d2d2d !important;

  border-radius: 8px !important;

  overflow: hidden !important;

  margin-bottom: 24px !important;

}



.woocommerce-account .woocommerce-MyAccount-content {

  flex: 0 0 calc(75% - 30px) !important;

  width: calc(75% - 30px) !important;

  background-color: #1a1a1a !important;

  border: 1px solid #2d2d2d !important;

  border-radius: 8px !important;

  padding: 28px !important;

  color: #e0e0e0 !important;

}



@media (max-width: 850px) {

  .woocommerce-account .woocommerce {

    flex-direction: column !important;

    gap: 20px !important;

  }

  .woocommerce-account .woocommerce-MyAccount-navigation,

  .woocommerce-account .woocommerce-MyAccount-content {

    flex: 0 0 100% !important;

    width: 100% !important;

  }

}



/* 2. Sol Menü (.woocommerce-MyAccount-navigation) */

.woocommerce-MyAccount-navigation ul {

  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;

}



.woocommerce-MyAccount-navigation ul li {

  margin: 0 !important;

  padding: 0 !important;

}



.woocommerce-MyAccount-navigation ul li a {

  display: block !important;

  padding: 14px 20px !important;

  background-color: #1a1a1a !important;

  color: #c0c0c0 !important;

  text-decoration: none !important;

  font-size: 14px !important;

  font-weight: 500 !important;

  border-bottom: 1px solid #282828 !important;

  border-left: 4px solid transparent !important;

  transition: all 0.2s ease !important;

}



.woocommerce-MyAccount-navigation ul li:last-child a {

  border-bottom: none !important;

}



.woocommerce-MyAccount-navigation ul li a:hover,

.woocommerce-MyAccount-navigation ul li.is-active a {

  background-color: #242424 !important;

  color: #FFD700 !important;

  border-left-color: #FFD700 !important;

}



/* 3. Input ve Formlar */

.woocommerce-form-row input.input-text,

.woocommerce-account input[type="text"],

.woocommerce-account input[type="email"],

.woocommerce-account input[type="password"],

.woocommerce-account input[type="tel"],

.woocommerce-account textarea,

.woocommerce-account select,

.woocommerce-Input {

  background-color: #2a2a2a !important;

  color: #ffffff !important;

  border: 1px solid #333333 !important;

  width: 100% !important;

  border-radius: 6px !important;

  padding: 12px 14px !important;

  font-size: 14px !important;

  box-sizing: border-box !important;

  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;

  outline: none !important;

}



.woocommerce-form-row input.input-text:focus,

.woocommerce-account input[type="text"]:focus,

.woocommerce-account input[type="email"]:focus,

.woocommerce-account input[type="password"]:focus,

.woocommerce-account input[type="tel"]:focus,

.woocommerce-account textarea:focus,

.woocommerce-account select:focus,

.woocommerce-Input:focus {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.25) !important;

  outline: none !important;

  background-color: #2e2e2e !important;

}



.woocommerce-form-row label,

.woocommerce-account label {

  color: #d5d5d5 !important;

  font-size: 14px !important;

  margin-bottom: 6px !important;

  display: inline-block !important;

}



.woocommerce-form-row .required {

  color: #FFD700 !important;

}



/* 4. Butonlar */

.woocommerce-account .woocommerce-Button,

.woocommerce-account .button,

.woocommerce-account button[type="submit"],

.woocommerce .woocommerce-Button,

.woocommerce .button.woocommerce-form-login__submit,

.woocommerce .button.woocommerce-Button {

  background-color: #FFD700 !important;

  background: #FFD700 !important;

  color: #121212 !important;

  border: none !important;

  padding: 12px 24px !important;

  font-weight: bold !important;

  border-radius: 6px !important;

  font-size: 14px !important;

  cursor: pointer !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-decoration: none !important;

  transition: background-color 0.2s ease, transform 0.1s ease !important;

}



.woocommerce-account .woocommerce-Button:hover,

.woocommerce-account .button:hover,

.woocommerce-account button[type="submit"]:hover,

.woocommerce .woocommerce-Button:hover,

.woocommerce .button.woocommerce-form-login__submit:hover {

  background-color: #e6c200 !important;

  background: #e6c200 !important;

  color: #000000 !important;

}



/* 5. Uyarı ve Bilgi Kutuları */

.woocommerce-info,

.woocommerce-message,

.woocommerce-error,

.woocommerce-NoticeGroup .woocommerce-info,

.woocommerce-NoticeGroup .woocommerce-message,

.woocommerce-NoticeGroup .woocommerce-error {

  background-color: #1e1e1e !important;

  background: #1e1e1e !important;

  border-left: 4px solid #FFD700 !important;

  border-top: none !important;

  border-right: none !important;

  border-bottom: none !important;

  border-radius: 6px !important;

  color: #ffffff !important;

  padding: 14px 20px 14px 45px !important;

  margin-bottom: 20px !important;

  font-size: 14px !important;

  line-height: 1.6 !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;

}



.woocommerce-error {

  border-left-color: #e53935 !important;

}



.woocommerce-message {

  border-left-color: #43a047 !important;

}



.woocommerce-info a,

.woocommerce-message a,

.woocommerce-error a {

  color: #FFD700 !important;

  font-weight: bold !important;

  text-decoration: underline !important;

}



.woocommerce-info a:hover,

.woocommerce-message a:hover,

.woocommerce-error a:hover {

  color: #ffffff !important;

}



.woocommerce-info::before,

.woocommerce-message::before,

.woocommerce-error::before {

  color: #FFD700 !important;

  top: 14px !important;

  left: 16px !important;

}



.woocommerce-error::before {

  color: #e53935 !important;

}



.woocommerce-message::before {

  color: #43a047 !important;

}



/* 6. Fieldset ve Legend */

.woocommerce-EditAccountForm fieldset,

.woocommerce-account fieldset {

  border: none !important;

  padding: 0 !important;

  margin: 28px 0 16px 0 !important;

  border-top: 1px solid #333333 !important;

  padding-top: 20px !important;

}



.woocommerce-EditAccountForm legend,

.woocommerce-account legend {

  font-weight: bold !important;

  font-size: 16px !important;

  color: #FFD700 !important;

  padding: 0 10px 0 0 !important;

  margin-bottom: 12px !important;

}



/* 7. Sipariş Tabloları & Detaylar Dark Mode Uyumu */

.woocommerce-account table.shop_table {

  background-color: #1f1f1f !important;

  border: 1px solid #333333 !important;

  border-radius: 6px !important;

  color: #ffffff !important;

  width: 100% !important;

  border-collapse: collapse !important;

  overflow: hidden !important;

}



.woocommerce-account table.shop_table th {

  background-color: #272727 !important;

  color: #FFD700 !important;

  border-bottom: 1px solid #333333 !important;

  padding: 12px 16px !important;

  font-size: 13px !important;

  text-transform: uppercase !important;

}



.woocommerce-account table.shop_table td {

  border-bottom: 1px solid #2a2a2a !important;

  padding: 12px 16px !important;

  color: #d5d5d5 !important;

}



.woocommerce-account table.shop_table tr:last-child td {

  border-bottom: none !important;

}



.woocommerce-account address {

  background-color: #222222 !important;

  border: 1px solid #333333 !important;

  border-radius: 6px !important;

  padding: 16px !important;

  color: #cccccc !important;

  font-style: normal !important;

  line-height: 1.6 !important;

}

/* ============================================================

   ALT KATEGORİLER & KATEGORİ VİTRİNİ STİLLERİ

   ============================================================ */



.sk-subcategories-section {

  background: linear-gradient(180deg, #181818 0%, #131313 100%);

  border: 1px solid #282828;

  border-radius: 12px;

  padding: 20px 24px;

  margin-bottom: 24px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);

}



.sk-subcategories-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 16px;

  padding-bottom: 10px;

  border-bottom: 1px solid #242424;

}



.sk-subcategories-title {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 16px;

  font-weight: 700;

  color: #FFD700;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 0.6px;

}



.sk-subcategories-count {

  font-size: 11px;

  font-weight: 700;

  color: #111;

  background-color: #FFD700;

  padding: 2px 8px;

  border-radius: 12px;

}



.sk-subcategories-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));

  gap: 12px;

}



.sk-subcategory-card {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 10px 14px;

  background-color: #1e1e1e;

  border: 1px solid #2c2c2c;

  border-radius: 8px;

  text-decoration: none;

  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  overflow: hidden;

}



.sk-subcategory-card:hover {

  background-color: #262626;

  border-color: #FFD700;

  transform: translateY(-2px);

  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.12);

}



.sk-subcategory-card__img-wrap {

  width: 44px;

  height: 44px;

  border-radius: 8px;

  background-color: #141414;

  border: 1px solid #333;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  overflow: hidden;

}



.sk-subcategory-card__img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.sk-subcategory-card__placeholder {

  color: #FFD700;

  display: flex;

  align-items: center;

  justify-content: center;

}



.sk-subcategory-card__info {

  display: flex;

  flex-direction: column;

  gap: 3px;

  min-width: 0;

  flex: 1;

}



.sk-subcategory-card__name {

  font-size: 13px;

  font-weight: 600;

  color: #f0f0f0;

  margin: 0;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: color 0.15s ease;

}



.sk-subcategory-card:hover .sk-subcategory-card__name {

  color: #FFD700;

}



.sk-subcategory-card__badge {

  font-size: 11px;

  font-weight: 500;

  color: #888;

}



@media (max-width: 768px) {

  .sk-subcategories-grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 8px;

  }

  .sk-subcategories-section {

    padding: 14px 16px;

  }

  .sk-subcategory-card {

    padding: 8px 10px;

    gap: 8px;

  }

  .sk-subcategory-card__img-wrap {

    width: 36px;

    height: 36px;

  }

  .sk-subcategory-card__name {

    font-size: 12px;

  }

}



/* ============================================================

   SIDEBAR FİLTRE STİLLERİ (Fiyat, Stok, Marka)

   ============================================================ */



.sk-sidebar-filters {

  border-top: 1px solid #282828;

  padding: 18px 16px;

  background-color: #161616;

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.sk-sidebar-filters__header {

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 13px;

  font-weight: 700;

  color: #FFD700;

  text-transform: uppercase;

  letter-spacing: 0.8px;

  padding-bottom: 8px;

  border-bottom: 1px solid #252525;

}



.sk-sidebar-filters__header svg {

  stroke: #FFD700;

}



.sk-ajax-filter-form {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin: 0;

}



.sk-filter-group {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.sk-filter-group__title {

  font-size: 12px;

  font-weight: 700;

  color: #f0f0f0;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/* ── Fiyat Aralığı ── */

.sk-filter-price {

  display: flex;

  align-items: center;

  gap: 8px;

}



.sk-filter-price span {

  color: #777;

  font-weight: bold;

}



.sk-filter-price .sk-input,

.sk-filter-price input[type="number"],

.sk-input--sm {

  width: 100%;

  background-color: #202020 !important;

  border: 1px solid #333333 !important;

  border-radius: 6px !important;

  color: #ffffff !important;

  padding: 8px 10px !important;

  font-size: 12px !important;

  font-weight: 500;

  transition: all 0.2s ease;

  box-sizing: border-box;

  outline: none;

}



.sk-filter-price input[type="number"]:focus {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.2) !important;

  background-color: #262626 !important;

}



.sk-filter-price input[type="number"]::-webkit-inner-spin-button,

.sk-filter-price input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* ── Checkbox Filtreleri (Stok & Marka) ── */

.sk-filter-checkboxes {

  display: flex;

  flex-direction: column;

  gap: 6px;

  max-height: 180px;

  overflow-y: auto;

  padding-right: 4px;

}



.sk-filter-checkboxes::-webkit-scrollbar {

  width: 3px;

}

.sk-filter-checkboxes::-webkit-scrollbar-thumb {

  background: #333;

  border-radius: 3px;

}



.sk-checkbox-label {

  display: flex;

  align-items: center;

  gap: 10px;

  color: #d0d0d0;

  font-size: 13px;

  cursor: pointer;

  padding: 6px 8px;

  border-radius: 6px;

  transition: all 0.15s ease;

  user-select: none;

}



.sk-checkbox-label:hover {

  background-color: rgba(255, 215, 0, 0.08);

  color: #FFD700;

}



.sk-checkbox-label input[type="checkbox"] {

  appearance: none;

  -webkit-appearance: none;

  width: 17px;

  height: 17px;

  border: 1.5px solid #444;

  border-radius: 4px;

  background-color: #202020;

  cursor: pointer;

  display: inline-grid;

  place-content: center;

  margin: 0;

  flex-shrink: 0;

  transition: all 0.15s ease;

}



.sk-checkbox-label input[type="checkbox"]:hover {

  border-color: #FFD700;

}



.sk-checkbox-label input[type="checkbox"]:checked {

  background-color: #FFD700;

  border-color: #FFD700;

}



.sk-checkbox-label input[type="checkbox"]:checked::before {

  content: "";

  width: 9px;

  height: 9px;

  background-color: #111;

  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);

}



.sk-checkbox-label .count {

  font-size: 11px;

  color: #777;

  margin-left: auto;

  background-color: #242424;

  padding: 1px 6px;

  border-radius: 10px;

}



.sk-checkbox-label:hover .count {

  color: #FFD700;

}



/* ============================================================

   v1.021 - SUBCATEGORIES, SIDEBAR & FILTER STYLES

   ============================================================ */



/* ── Kategori Sidebar Konum ve Başlık Düzenlemesi ── */

.sk-category-sidebar {

  position: sticky !important;

  top: 85px !important;

  width: var(--sidebar-width, 260px) !important;

  background-color: #161616 !important;

  border: 1px solid #282828 !important;

  border-radius: 10px !important;

  display: flex !important;

  flex-direction: column !important;

  overflow: visible !important;

  max-height: calc(100vh - 105px) !important;

  z-index: 40 !important;

  margin-top: 0 !important;

}



.sk-category-sidebar__header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  padding: 14px 18px !important;

  background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%) !important;

  border-top-left-radius: 9px !important;

  border-top-right-radius: 9px !important;

  flex-shrink: 0 !important;

  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;

}



.sk-category-sidebar__title {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  font-weight: 800 !important;

  font-size: 13px !important;

  color: #111111 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.8px !important;

}



.sk-category-sidebar__title svg {

  stroke: #111111 !important;

}



/* ── Alt Kategoriler Vitrini ── */

.sk-subcategories-section {

  display: block !important;

  background: #161616 !important;

  border: 1px solid #2a2a2a !important;

  border-radius: 12px !important;

  padding: 20px 24px !important;

  margin-bottom: 24px !important;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;

}



.sk-subcategories-header {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 16px !important;

  padding-bottom: 10px !important;

  border-bottom: 1px solid #262626 !important;

}



.sk-subcategories-title {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #FFD700 !important;

  margin: 0 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.6px !important;

}



.sk-subcategories-count {

  font-size: 11px !important;

  font-weight: 700 !important;

  color: #111111 !important;

  background-color: #FFD700 !important;

  padding: 3px 10px !important;

  border-radius: 12px !important;

  letter-spacing: 0.3px !important;

}



.sk-subcategories-grid {

  display: grid !important;

  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;

  gap: 12px !important;

}



.sk-subcategory-card {

  display: flex !important;

  align-items: center !important;

  gap: 12px !important;

  padding: 12px 14px !important;

  background-color: #1f1f1f !important;

  border: 1px solid #2d2d2d !important;

  border-radius: 8px !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

  overflow: hidden !important;

}



.sk-subcategory-card:hover {

  background-color: #262626 !important;

  border-color: #FFD700 !important;

  transform: translateY(-2px) !important;

  box-shadow: 0 6px 18px rgba(255, 215, 0, 0.15) !important;

}



.sk-subcategory-card__img-wrap {

  width: 44px !important;

  height: 44px !important;

  border-radius: 6px !important;

  background-color: #141414 !important;

  border: 1px solid #333333 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

  overflow: hidden !important;

}



.sk-subcategory-card__img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

}



.sk-subcategory-card__placeholder {

  color: #FFD700 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.sk-subcategory-card__info {

  display: flex !important;

  flex-direction: column !important;

  gap: 3px !important;

  min-width: 0 !important;

  flex: 1 !important;

}



.sk-subcategory-card__name {

  font-size: 13px !important;

  font-weight: 600 !important;

  color: #ffffff !important;

  margin: 0 !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  transition: color 0.15s ease !important;

}



.sk-subcategory-card:hover .sk-subcategory-card__name {

  color: #FFD700 !important;

}



.sk-subcategory-card__badge {

  font-size: 11px !important;

  font-weight: 500 !important;

  color: #888888 !important;

}



/* ── Sidebar Filtreler Dark Theme Uyum ── */

.sk-sidebar-filters {

  border-top: 1px solid #282828 !important;

  padding: 16px !important;

  background-color: #161616 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

}



.sk-sidebar-filters__header {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  font-size: 12px !important;

  font-weight: 700 !important;

  color: #FFD700 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.8px !important;

  padding-bottom: 8px !important;

  border-bottom: 1px solid #252525 !important;

}



.sk-sidebar-filters__header svg {

  stroke: #FFD700 !important;

}



.sk-filter-group {

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

}



.sk-filter-group__title {

  font-size: 12px !important;

  font-weight: 700 !important;

  color: #eeeeee !important;

  text-transform: uppercase !important;

  letter-spacing: 0.5px !important;

  margin: 0 !important;

}



.sk-filter-price {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}



.sk-filter-price span {

  color: #777777 !important;

  font-weight: bold !important;

}



.sk-filter-price input[type="number"] {

  width: 100% !important;

  background-color: #202020 !important;

  border: 1px solid #333333 !important;

  border-radius: 6px !important;

  color: #ffffff !important;

  padding: 8px 10px !important;

  font-size: 12px !important;

  font-weight: 500 !important;

  box-sizing: border-box !important;

  outline: none !important;

}



.sk-filter-price input[type="number"]:focus {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.2) !important;

  background-color: #252525 !important;

}



.sk-checkbox-label {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  color: #d0d0d0 !important;

  font-size: 13px !important;

  cursor: pointer !important;

  padding: 6px 8px !important;

  border-radius: 6px !important;

  transition: all 0.15s ease !important;

}



.sk-checkbox-label:hover {

  background-color: rgba(255, 215, 0, 0.08) !important;

  color: #FFD700 !important;

}



.sk-checkbox-label input[type="checkbox"] {

  width: 17px !important;

  height: 17px !important;

  border: 1.5px solid #444444 !important;

  border-radius: 4px !important;

  background-color: #202020 !important;

  cursor: pointer !important;

  margin: 0 !important;

}



.sk-checkbox-label input[type="checkbox"]:checked {

  background-color: #FFD700 !important;

  border-color: #FFD700 !important;

}



@media (max-width: 768px) {

  .sk-subcategories-grid {

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 8px !important;

  }

  .sk-subcategories-section {

    padding: 14px 16px !important;

  }

}





/* ============================================================

   v1.022 - SEARCH BUTTON PILL & SLIDER ADMIN FIXES

   ============================================================ */



/* ── Arama Çubuğu & Buton Tasarımı ── */

.sk-header__search-wrap {

  flex: 1;

  max-width: 680px;

  position: relative;

}



.sk-search-bar {

  position: relative;

  width: 100%;

}



.sk-search-bar__inner {

  display: flex !important;

  align-items: center !important;

  background-color: #1a1a1a !important;

  border: 1.5px solid #333333 !important;

  border-radius: 50px !important;

  height: 44px !important;

  padding: 3px 4px 3px 14px !important;

  box-sizing: border-box !important;

  transition: all 0.2s ease !important;

  overflow: hidden !important;

}



.sk-search-bar__inner:focus-within {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;

  background-color: #202020 !important;

}



.sk-search-bar__icon {

  display: flex !important;

  align-items: center !important;

  color: #777777 !important;

  padding: 0 8px 0 0 !important;

  flex-shrink: 0 !important;

}



.sk-search-bar__input {

  flex: 1 !important;

  background: transparent !important;

  border: none !important;

  outline: none !important;

  color: #ffffff !important;

  font-size: 13.5px !important;

  font-family: inherit !important;

  padding: 0 8px !important;

  height: 100% !important;

  min-width: 0 !important;

}



.sk-search-bar__input::placeholder {

  color: #666666 !important;

}



.sk-search-bar__clear {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 26px !important;

  height: 26px !important;

  color: #888888 !important;

  cursor: pointer !important;

  border-radius: 50% !important;

  margin-right: 4px !important;

  transition: all 0.15s ease !important;

}



.sk-search-bar__clear:hover {

  background-color: rgba(255, 215, 0, 0.15) !important;

  color: #FFD700 !important;

}



.sk-search-bar__btn {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 6px !important;

  background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%) !important;

  color: #111111 !important;

  border: none !important;

  border-radius: 50px !important;

  padding: 0 20px !important;

  height: 36px !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  white-space: nowrap !important;

  flex-shrink: 0 !important;

  box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;

}



.sk-search-bar__btn:hover {

  background: #FFD700 !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.35) !important;

}



@media (max-width: 600px) {

  .sk-search-bar__btn {

    padding: 0 14px !important;

  }

}





/* ============================================================

   v1.024 - FEATURES STRIP BAR & FULL CUSTOMER NAME

   ============================================================ */



/* ── Referans 1: Hizmet Avantajları (Features Bar) ── */

.sk-features-strip {

  background: #161616 !important;

  border: 1px solid #282828 !important;

  border-radius: 12px !important;

  padding: 16px 20px !important;

  margin: 20px 0 28px 0 !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;

  display: block !important;

}



.sk-features-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 16px !important;

  align-items: center !important;

}



.sk-feature-item {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

  padding: 6px 12px !important;

  border-radius: 8px !important;

  transition: all 0.2s ease !important;

}



.sk-feature-item:hover {

  background-color: rgba(255, 215, 0, 0.05) !important;

}



.sk-feature-item:not(:last-child) {

  border-right: 1px solid #242424 !important;

}



.sk-feature-item__icon {

  width: 40px !important;

  height: 40px !important;

  border-radius: 50% !important;

  background: rgba(255, 215, 0, 0.1) !important;

  border: 1px solid rgba(255, 215, 0, 0.25) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

  color: #FFD700 !important;

}



.sk-feature-item__icon svg {

  stroke: #FFD700 !important;

}



.sk-feature-item__text {

  display: flex !important;

  flex-direction: column !important;

  gap: 2px !important;

}



.sk-feature-item__text strong {

  font-size: 13px !important;

  font-weight: 700 !important;

  color: #f0f0f0 !important;

  line-height: 1.2 !important;

}



.sk-feature-item__text small {

  font-size: 11px !important;

  color: #888888 !important;

}



/* ── Referans 2: Müşteri İsmi Tam Yazımı ── */

.sk-header__icon-btn .sk-header__icon-label,

.sk-header__account-btn .sk-header__icon-label {

  font-size: 13.5px !important;

  font-weight: 600 !important;

  color: #f0f0f0 !important;

  max-width: none !important;

  overflow: visible !important;

  text-overflow: unset !important;

  white-space: nowrap !important;

  display: inline-block !important;

}



@media (max-width: 992px) {

  .sk-features-grid {

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 12px !important;

  }

  .sk-feature-item:nth-child(2) {

    border-right: none !important;

  }

}



@media (max-width: 576px) {

  .sk-features-grid {

    grid-template-columns: 1fr !important;

  }

  .sk-feature-item {

    border-right: none !important;

    border-bottom: 1px solid #242424 !important;

    padding-bottom: 10px !important;

  }

  .sk-feature-item:last-child {

    border-bottom: none !important;

  }

}





/* ============================================================

   v1.1.51 - PROFESYONEL AKORDİYON KATEGORİ MENÜSÜ & MOBİL

   ============================================================ */



/* Ana Kategori Satırı */

.sk-category-nav__item {

  position: relative !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;

  transition: background-color 0.2s ease !important;

}



.sk-category-nav__item:last-child {

  border-bottom: none !important;

}



.sk-category-nav__row {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  position: relative !important;

  width: 100% !important;

  border-left: 3px solid transparent !important;

  transition: all 0.2s ease !important;

  box-sizing: border-box !important;

}



.sk-category-nav__row--toggle {

  cursor: pointer !important;

  user-select: none !important;

}



.sk-category-nav__row:hover,

.sk-category-nav__row--toggle:hover {

  background-color: rgba(255, 215, 0, 0.08) !important;

}



.sk-category-nav__row:hover .sk-category-nav__name,

.sk-category-nav__row--toggle:hover .sk-category-nav__name {

  color: #FFD700 !important;

}



.sk-category-nav__row:hover .sk-category-nav__icon-placeholder svg,

.sk-category-nav__row--toggle:hover .sk-category-nav__icon-placeholder svg {

  stroke: #FFD700 !important;

}



.sk-category-nav__row:hover .sk-category-nav__toggle-btn {

  color: #FFD700 !important;

}



/* Açık (Expanded) Durum */

.sk-category-nav__item--expanded > .sk-category-nav__row {

  background-color: rgba(255, 215, 0, 0.1) !important;

  border-left: 3px solid #FFD700 !important;

}



.sk-category-nav__item--expanded > .sk-category-nav__row .sk-category-nav__name {

  color: #FFD700 !important;

  font-weight: 600 !important;

}



.sk-category-nav__item--expanded > .sk-category-nav__row .sk-category-nav__icon-placeholder svg {

  stroke: #FFD700 !important;

}



/* Aktif Kategori */

.sk-category-nav__item--active > .sk-category-nav__row,

.sk-category-nav__row--active,

.sk-category-nav__link.sk-active {

  background-color: rgba(255, 215, 0, 0.14) !important;

  border-left: 3px solid #FFD700 !important;

  color: #FFD700 !important;

}



.sk-category-nav__item--active > .sk-category-nav__row .sk-category-nav__name,

.sk-category-nav__row--active .sk-category-nav__name {

  color: #FFD700 !important;

  font-weight: 700 !important;

}



.sk-category-nav__main {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 10px 14px !important;

  flex: 1 !important;

  min-width: 0 !important;

}



.sk-category-nav__link {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  padding: 10px 14px !important;

  color: #c5c5c5 !important;

  text-decoration: none !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  width: 100% !important;

  border: none !important;

  border-radius: 0 !important;

  margin: 0 !important;

  transition: all 0.15s ease !important;

  box-sizing: border-box !important;

}



.sk-category-nav__icon-placeholder {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 20px !important;

  height: 20px !important;

  flex-shrink: 0 !important;

  color: #888888 !important;

}



.sk-category-nav__icon-placeholder svg {

  display: block !important;

  stroke: #888888 !important;

  transition: stroke 0.2s ease !important;

}



.sk-category-nav__name {

  flex: 1 !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  font-size: 13px !important;

  color: #c8c8c8 !important;

  transition: color 0.15s ease !important;

}



.sk-category-nav__count {

  font-size: 10px !important;

  font-weight: 700 !important;

  color: #888888 !important;

  background-color: #222222 !important;

  padding: 2px 7px !important;

  border-radius: 12px !important;

  flex-shrink: 0 !important;

  transition: all 0.15s ease !important;

}



.sk-category-nav__row:hover .sk-category-nav__count {

  color: #FFD700 !important;

  background-color: rgba(255, 215, 0, 0.15) !important;

}



.sk-category-nav__toggle-btn {

  background: transparent !important;

  border: none !important;

  color: #777777 !important;

  cursor: pointer !important;

  padding: 10px 14px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  transition: transform 0.25s ease, color 0.2s ease !important;

  flex-shrink: 0 !important;

  width: 40px !important;

  height: 40px !important;

  box-sizing: border-box !important;

}



.sk-category-nav__item--expanded .sk-category-nav__toggle-btn {

  transform: rotate(180deg) !important;

  color: #FFD700 !important;

}



/* Alt Kategori Akordiyon Listesi */

.sk-category-nav__sub-accordion {

  background-color: #141414 !important;

  border-left: 2px solid rgba(255, 215, 0, 0.3) !important;

  margin-left: 18px !important;

  margin-right: 8px !important;

  margin-bottom: 6px !important;

  border-radius: 0 6px 6px 0 !important;

  overflow: hidden !important;

}



.sk-category-nav__sub-list {

  display: flex !important;

  flex-direction: column !important;

  padding: 4px 0 !important;

}



.sk-category-nav__sub-link {

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

  padding: 7px 12px 7px 10px !important;

  color: #a8a8a8 !important;

  text-decoration: none !important;

  font-size: 12.5px !important;

  font-weight: 500 !important;

  transition: all 0.15s ease !important;

  border-radius: 4px !important;

}



.sk-category-nav__sub-link:hover {

  color: #FFD700 !important;

  background-color: rgba(255, 215, 0, 0.08) !important;

  padding-left: 14px !important;

}



.sk-category-nav__sub-link.sk-active {

  color: #FFD700 !important;

  background-color: rgba(255, 215, 0, 0.12) !important;

  font-weight: 600 !important;

}



.sk-category-nav__sub-link--all {

  border-bottom: 1px dashed rgba(255, 255, 255, 0.07) !important;

  padding-bottom: 8px !important;

  margin-bottom: 3px !important;

  color: #dcdcdc !important;

}



.sk-category-nav__sub-arrow {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #666666 !important;

  flex-shrink: 0 !important;

  transition: color 0.15s ease !important;

}



.sk-category-nav__sub-arrow svg {

  display: block !important;

  stroke: currentColor !important;

}



.sk-category-nav__sub-link:hover .sk-category-nav__sub-arrow,

.sk-category-nav__sub-link.sk-active .sk-category-nav__sub-arrow {

  color: #FFD700 !important;

}



.sk-category-nav__sub-name {

  flex: 1 !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

}



.sk-category-nav__sub-count {

  font-size: 10px !important;

  color: #777777 !important;

  background: #1c1c1c !important;

  padding: 1px 6px !important;

  border-radius: 8px !important;

}



/* Mobil Çekmece İyileştirmeleri */

@media (max-width: 992px) {

  .sk-category-sidebar {

    width: 300px !important;

    max-width: 85vw !important;

    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.6) !important;

  }

  .sk-category-nav__row {

    min-height: 44px !important;

  }

  .sk-category-nav__sub-link {

    min-height: 38px !important;

    padding-top: 8px !important;

    padding-bottom: 8px !important;

  }

  .sk-category-sidebar__close {

    width: 34px !important;

    height: 34px !important;

    background: rgba(0, 0, 0, 0.15) !important;

    border-radius: 50% !important;

  }

}





/* Referans 2: Güven Rozetleri İkonları */

.sk-feature-item__icon {

  width: 42px !important;

  height: 42px !important;

  border-radius: 50% !important;

  background: rgba(255, 215, 0, 0.12) !important;

  border: 1px solid rgba(255, 215, 0, 0.3) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-shrink: 0 !important;

  color: #FFD700 !important;

}



.sk-feature-item__icon svg {

  display: block !important;

  width: 22px !important;

  height: 22px !important;

  stroke: #FFD700 !important;

  fill: none !important;

}





/* ============================================================

   PRODUCT IMAGE LIGHTBOX MODAL & MARKA (BRAND) STİLLERİ

   ============================================================ */



/* ── Sayfa İçi Görsel Büyütme (Lightbox Modal) ── */

.sk-lightbox-modal {

  position: fixed;

  inset: 0;

  z-index: 999999;

  display: flex;

  align-items: center;

  justify-content: center;

}



.sk-lightbox-modal__backdrop {

  position: absolute;

  inset: 0;

  background-color: rgba(0, 0, 0, 0.92);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  cursor: zoom-out;

}



.sk-lightbox-modal__container {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: 95vw;

  max-height: 92vh;

  padding: 20px;

  box-sizing: border-box;

}



.sk-lightbox-modal__img-box {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background: #111111;

  border: 1px solid rgba(255, 215, 0, 0.3);

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85);

  animation: skLbZoomIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);

}



@keyframes skLbZoomIn {

  from {

    opacity: 0;

    transform: scale(0.92);

  }

  to {

    opacity: 1;

    transform: scale(1);

  }

}



.sk-lightbox-modal__img {

  max-width: 88vw;

  max-height: 80vh;

  object-fit: contain;

  display: block;

  user-select: none;

  background-color: #ffffff;

}



.sk-lightbox-modal__counter {

  position: absolute;

  bottom: 12px;

  right: 14px;

  background: rgba(0, 0, 0, 0.75);

  color: #FFD700;

  border: 1px solid rgba(255, 215, 0, 0.4);

  padding: 3px 10px;

  font-size: 12px;

  font-weight: 700;

  border-radius: 20px;

  letter-spacing: 0.5px;

}



.sk-lightbox-modal__close {

  position: absolute;

  top: -16px;

  right: -16px;

  width: 44px;

  height: 44px;

  background: #FFD700;

  border: none;

  border-radius: 50%;

  color: #111111;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);

  transition: transform 0.2s ease, background-color 0.2s ease;

  z-index: 10;

}



.sk-lightbox-modal__close:hover {

  transform: scale(1.12);

  background-color: #FFA000;

}



.sk-lightbox-modal__nav {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 48px;

  height: 48px;

  background: rgba(20, 20, 20, 0.85);

  border: 1px solid rgba(255, 215, 0, 0.4);

  border-radius: 50%;

  color: #FFD700;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);

  transition: all 0.2s ease;

  z-index: 5;

}



.sk-lightbox-modal__nav:hover {

  background: #FFD700;

  color: #111111;

  border-color: #FFD700;

  transform: translateY(-50%) scale(1.1);

}



.sk-lightbox-modal__nav--prev {

  left: -24px;

}



.sk-lightbox-modal__nav--next {

  right: -24px;

}



@media (max-width: 768px) {

  .sk-lightbox-modal__nav--prev {

    left: 4px;

  }

  .sk-lightbox-modal__nav--next {

    right: 4px;

  }

  .sk-lightbox-modal__close {

    top: 6px;

    right: 6px;

    width: 38px;

    height: 38px;

  }

  .sk-lightbox-modal__img {

    max-width: 94vw;

    max-height: 75vh;

  }

}



/* ── Ürün Sayfasında Marka Rozeti ve Meta ── */

.sk-sp__brand-badge-wrap {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 12px;

}



.sk-sp__brand-badge {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  background: rgba(255, 215, 0, 0.1);

  border: 1px solid rgba(255, 215, 0, 0.35);

  color: #FFD700;

  padding: 4px 12px;

  border-radius: 6px;

  text-decoration: none;

  font-size: 13px;

  transition: all 0.2s ease;

}



.sk-sp__brand-badge:hover {

  background: #FFD700;

  color: #111111;

  border-color: #FFD700;

  transform: translateY(-1px);

}



.sk-sp__brand-label {

  color: #aaaaaa;

  font-size: 11.5px;

  font-weight: 500;

  text-transform: uppercase;

}



.sk-sp__brand-name {

  font-weight: 700;

}



.sk-meta-brand {

  display: inline-block;

  margin-right: 14px;

  color: var(--text-muted, #888);

}



.sk-meta-brand strong {

  color: var(--text-secondary, #bbb);

}



.sk-brand-link {

  color: #FFD700;

  text-decoration: none;

  font-weight: 600;

  transition: color 0.15s ease;

}



.sk-brand-link:hover {

  color: #FFA000;

  text-decoration: underline;

}



/* ── Canlı Arama Sonuçlarında Marka Rozeti ── */

.sk-search-result-item__brand {

  display: inline-block;

  font-size: 10px;

  font-weight: 700;

  color: #111111;

  background: #FFD700;

  padding: 1px 6px;

  border-radius: 4px;

  margin-right: 4px;

  letter-spacing: 0.3px;

  text-transform: uppercase;

  flex-shrink: 0;

}



.sk-search-result-item__cat {

  color: #9e9e9e;

  font-size: 11px;

}





/* ============================================================

   WOOCOMMERCE SIRALAMA DROPDOWN MENÜSÜ (Özel Koyu / Altın Stil)

   ============================================================ */

.woocommerce-ordering {

  margin: 0 !important;

  display: inline-flex !important;

  align-items: center !important;

  position: relative !important;

}



.woocommerce-ordering select.orderby,

.woocommerce-ordering select,

.sk-showcase-header__controls select,

.sk-showcase-header select,

#sk-orderby {

  appearance: none !important;

  -webkit-appearance: none !important;

  -moz-appearance: none !important;

  background-color: #1a1a1a !important;

  color: #ffffff !important;

  border: 1px solid rgba(255, 215, 0, 0.4) !important;

  border-radius: 6px !important;

  padding: 8px 36px 8px 14px !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  font-family: inherit !important;

  line-height: 1.4 !important;

  height: 38px !important;

  min-width: 195px !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FFD700' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;

  background-position: right 12px center !important;

  background-size: 14px 14px !important;

  outline: none !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;

}



.woocommerce-ordering select.orderby:hover,

.woocommerce-ordering select:hover,

#sk-orderby:hover {

  border-color: #FFD700 !important;

  background-color: #242424 !important;

  box-shadow: 0 0 12px rgba(255, 215, 0, 0.25) !important;

}



.woocommerce-ordering select.orderby:focus,

.woocommerce-ordering select:focus,

#sk-orderby:focus {

  border-color: #FFD700 !important;

  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.35) !important;

  background-color: #222222 !important;

}



.woocommerce-ordering select.orderby option,

.woocommerce-ordering select option,

#sk-orderby option {

  background-color: #1a1a1a !important;

  color: #ffffff !important;

  padding: 10px 14px !important;

  font-size: 13px !important;

}



















/* ============================================================

   TEMA RENK PALETLERİ & ŞABLONLARI (NARDO GRİ, AYDINLIK, KOYU)

   ============================================================ */



/* ── 1. NARDO GRİ & UZAY GRİSİ (AÇIKLAŞTIRILMIŞ AUDI NARDO SLATE) ── */

body.sk-theme-nardo,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) {

  --bg-primary: #3f4756;

  --bg-secondary: #2f3642;

  --bg-card: #2f3642;

  --bg-card-hover: #38404e;

  --bg-input: #242a34;

  --bg-header: #1d222a;

  --bg-footer: #1d222a;

  --text-primary: #ffffff;

  --text-secondary: #cbd5e1;

  --text-muted: #94a3b8;

  --border-color: #4e586c;

  background-color: #3f4756 !important;

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-main,

body.sk-theme-nardo .sk-homepage-main,

body.sk-theme-nardo .sk-archive-main,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-main,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-homepage-main,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-archive-main {

  background-color: #3f4756 !important;

}



body.sk-theme-nardo .sk-header,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-header {

  background: #1d222a !important;

  border-bottom: 1px solid #38404e !important;

}



body.sk-theme-nardo .sk-search-input,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-search-input {

  background: #242a34 !important;

  border: 1px solid #4e586c !important;

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-sidebar,

body.sk-theme-nardo .sk-category-sidebar,

body.sk-theme-nardo .sk-sidebar-block,

body.sk-theme-nardo .sk-sidebar-filters,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-sidebar,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-category-sidebar,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-sidebar-block,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-sidebar-filters {

  background: #2f3642 !important;

  border: 1px solid #4e586c !important;

  border-radius: 12px !important;

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-category-nav,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-category-nav {

  background: #2f3642 !important;

}



body.sk-theme-nardo .sk-category-nav__row--toggle:hover,

body.sk-theme-nardo .sk-category-nav__link:hover,

body.sk-theme-nardo .sk-category-nav__sub-link:hover,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-category-nav__row--toggle:hover,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-category-nav__link:hover,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-category-nav__sub-link:hover {

  background: #3f4756 !important;

  color: #FFD700 !important;

}



body.sk-theme-nardo .sk-product-card,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-product-card {

  background: #2f3642 !important;

  border: 1px solid #4e586c !important;

  border-radius: 12px !important;

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;

}



body.sk-theme-nardo .sk-product-card:hover,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-product-card:hover {

  border-color: #FFD700 !important;

  transform: translateY(-3px) !important;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;

}



body.sk-theme-nardo .sk-product-card__image-wrap,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-product-card__image-wrap {

  background: #ffffff !important;

  border-radius: 8px 8px 0 0 !important;

}



body.sk-theme-nardo .sk-product-card__name a,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-product-card__name a {

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-page-title,

body.sk-theme-nardo .sk-breadcrumb,

body.sk-theme-nardo .sk-breadcrumb a,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-page-title,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-breadcrumb,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-breadcrumb a {

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-filter-group__title,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-filter-group__title {

  color: #FFD700 !important;

  border-bottom: 1px solid #4e586c !important;

}



body.sk-theme-nardo .sk-input,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-input {

  background: #242a34 !important;

  border-color: #4e586c !important;

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-checkbox-label,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-checkbox-label {

  color: #e2e8f0 !important;

}



body.sk-theme-nardo .sk-checkbox-label .count,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-checkbox-label .count {

  background: #242a34 !important;

  color: #cbd5e1 !important;

}



body.sk-theme-nardo .sk-per-page-controls a,

body.sk-theme-nardo .sk-view-btn,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-per-page-controls a,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-view-btn {

  background: #2f3642 !important;

  border-color: #4e586c !important;

  color: #ffffff !important;

}



body.sk-theme-nardo .sk-per-page-controls a.sk-active,

body.sk-theme-nardo .sk-view-btn.sk-view-btn--active,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-per-page-controls a.sk-active,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-view-btn.sk-view-btn--active {

  background: #FFD700 !important;

  color: #111111 !important;

  border-color: #FFD700 !important;

}



body.sk-theme-nardo .sk-footer,

body:not(.sk-theme-light):not(.sk-theme-dark-gold) .sk-footer {

  background: #1d222a !important;

  color: #cbd5e1 !important;

  border-top: 1px solid #38404e !important;

}





/* ── 2. MODERN AYDINLIK & SOFT TEMA (DOĞAL, FERAH, TEMİZ) ── */

body.sk-theme-light {

  --bg-primary: #f8fafc;

  --bg-secondary: #ffffff;

  --bg-card: #ffffff;

  --text-primary: #0f172a;

  --text-secondary: #475569;

  --text-muted: #64748b;

  --border-color: #e2e8f0;

  background-color: #f8fafc !important;

  color: #0f172a !important;

}



body.sk-theme-light .sk-main,

body.sk-theme-light .sk-homepage-main,

body.sk-theme-light .sk-archive-main {

  background-color: #f8fafc !important;

}



/* Header: Yumuşak Beyaz & Zarif İnce Çizgi */

body.sk-theme-light .sk-header {

  background: #ffffff !important;

  border-bottom: 1px solid #e2e8f0 !important;

  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;

}



/* Logo: Sıcak Altın Amber, Hafif Yumuşak Gölge */

body.sk-theme-light .sk-logo-text,

body.sk-theme-light .sk-brand-title {

  color: #d97706 !important;

  text-shadow: 0 1px 2px rgba(217, 119, 6, 0.15) !important;

  font-weight: 800 !important;

}



/* Arama Çubuğu: Yumuşak Açık Gri Hap Kapsayıcı */

body.sk-theme-light .sk-search-bar {

  background: #f1f5f9 !important;

  border: 1.5px solid #e2e8f0 !important;

  border-radius: 30px !important;

}



body.sk-theme-light .sk-search-input {

  background: transparent !important;

  color: #0f172a !important;

}



body.sk-theme-light .sk-search-input::placeholder {

  color: #64748b !important;

}



body.sk-theme-light .sk-search-btn {

  background: #FFD700 !important;

  color: #111111 !important;

  font-weight: 700 !important;

  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;

}



/* Kullanıcı Adı & İkonlar: Okunaklı Koyu Renk */

body.sk-theme-light .sk-header__title,

body.sk-theme-light .sk-header__action,

body.sk-theme-light .sk-header__link,

body.sk-theme-light .sk-header__user-toggle,

body.sk-theme-light .sk-header-action-btn,

body.sk-theme-light .sk-cart-toggle {

  color: #1e293b !important;

  font-weight: 600 !important;

}



body.sk-theme-light .sk-header__user-toggle:hover,

body.sk-theme-light .sk-header-action-btn:hover {

  color: #d97706 !important;

}



/* Sol Kategori Menüsü & Filtreler */

body.sk-theme-light .sk-sidebar,

body.sk-theme-light .sk-category-sidebar,

body.sk-theme-light .sk-sidebar-block,

body.sk-theme-light .sk-sidebar-filters {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;

  color: #0f172a !important;

}



body.sk-theme-light .sk-category-nav {

  background: #ffffff !important;

}



body.sk-theme-light .sk-category-nav__title,

body.sk-theme-light .sk-sidebar__title,

body.sk-theme-light .sk-filter-group__title {

  color: #0f172a !important;

  border-bottom: 1px solid #e2e8f0 !important;

}



body.sk-theme-light .sk-category-nav__name,

body.sk-theme-light .sk-category-nav__sub-name,

body.sk-theme-light .sk-checkbox-label,

body.sk-theme-light .sk-checkbox-text {

  color: #334155 !important;

}



body.sk-theme-light .sk-category-nav__link:hover,

body.sk-theme-light .sk-category-nav__sub-link:hover,

body.sk-theme-light .sk-category-nav__row--toggle:hover {

  background: #f8fafc !important;

  color: #ca8a04 !important;

}



body.sk-theme-light .sk-category-nav__item--active > .sk-category-nav__row,

body.sk-theme-light .sk-category-nav__sub-link.sk-active {

  background: rgba(255, 215, 0, 0.2) !important;

  color: #a16207 !important;

}



body.sk-theme-light .sk-category-nav__count,

body.sk-theme-light .sk-category-nav__sub-count,

body.sk-theme-light .sk-checkbox-label .count {

  background: #e2e8f0 !important;

  color: #475569 !important;

}



body.sk-theme-light .sk-input {

  background: #f8fafc !important;

  border: 1px solid #cbd5e1 !important;

  color: #0f172a !important;

}



body.sk-theme-light .sk-page-title,

body.sk-theme-light .sk-breadcrumb,

body.sk-theme-light .sk-breadcrumb a,

body.sk-theme-light .woocommerce-products-header__title,

body.sk-theme-light .sk-archive-title {

  color: #0f172a !important;

}



body.sk-theme-light .sk-product-card {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;

}



body.sk-theme-light .sk-product-card:hover {

  border-color: #ca8a04 !important;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;

  transform: translateY(-3px) !important;

}



body.sk-theme-light .sk-product-card__image-wrap {

  background: #ffffff !important;

  border-bottom: 1px solid #f8fafc !important;

}



body.sk-theme-light .sk-product-card__name a {

  color: #0f172a !important;

}



body.sk-theme-light .sk-product-card__category {

  color: #64748b !important;

}



body.sk-theme-light .sk-product-card__price .woocommerce-Price-amount {

  color: #15803d !important;

  font-weight: 700 !important;

}



body.sk-theme-light .sk-product-card__stock {

  color: #475569 !important;

}



body.sk-theme-light .woocommerce-ordering select.orderby,

body.sk-theme-light .woocommerce-ordering select,

body.sk-theme-light #sk-orderby {

  background-color: #ffffff !important;

  color: #0f172a !important;

  border-color: #cbd5e1 !important;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;

}



body.sk-theme-light .woocommerce-ordering select.orderby:hover,

body.sk-theme-light #sk-orderby:hover {

  border-color: #ca8a04 !important;

  background-color: #f8fafc !important;

}



body.sk-theme-light .sk-per-page-controls a,

body.sk-theme-light .sk-view-btn {

  background: #ffffff !important;

  border: 1px solid #cbd5e1 !important;

  color: #334155 !important;

}



body.sk-theme-light .sk-per-page-controls a.sk-active,

body.sk-theme-light .sk-view-btn.sk-view-btn--active {

  background: #FFD700 !important;

  color: #111111 !important;

  border-color: #FFD700 !important;

}



body.sk-theme-light .sk-subcat-card {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;

}



body.sk-theme-light .sk-subcat-card__title {

  color: #0f172a !important;

}



/* Hesabım / My Account Sayfası (Aydınlık Mod) */

body.sk-theme-light .woocommerce-MyAccount-navigation,

body.sk-theme-light .woocommerce-MyAccount-content {

  background: #ffffff !important;

  border: 1px solid #e2e8f0 !important;

  border-radius: 12px !important;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;

  color: #0f172a !important;

}



body.sk-theme-light .woocommerce-MyAccount-navigation ul li {

  border-bottom: 1px solid #f8fafc !important;

}



body.sk-theme-light .woocommerce-MyAccount-navigation ul li a {

  color: #334155 !important;

}



body.sk-theme-light .woocommerce-MyAccount-navigation ul li.is-active a,

body.sk-theme-light .woocommerce-MyAccount-navigation ul li:hover a {

  background: rgba(255, 215, 0, 0.2) !important;

  color: #a16207 !important;

}



body.sk-theme-light .woocommerce-MyAccount-content .woocommerce-info,

body.sk-theme-light .woocommerce-MyAccount-content .woocommerce-message {

  background: #f8fafc !important;

  border: 1px solid #e2e8f0 !important;

  border-left: 4px solid #FFD700 !important;

  color: #0f172a !important;

}



body.sk-theme-light .sk-footer {

  background: #0f172a !important;

  color: #94a3b8 !important;

  border-top: 1px solid #1e293b !important;

}



body.sk-theme-light .sk-footer__title {

  color: #ffffff !important;

}



/* ============================================================

   KATEGORİ & FİLTRE ÜST ÜSTE BİNME (OVERLAP) KESİN DÜZELTMESİ

   ============================================================ */

.sk-category-sidebar {

  position: sticky !important;

  top: 85px !important;

  width: var(--sidebar-width, 270px) !important;

  display: flex !important;

  flex-direction: column !important;

  max-height: calc(100vh - 100px) !important;

  overflow-y: auto !important;

  overflow-x: hidden !important;

  scrollbar-width: thin !important;

  box-sizing: border-box !important;

}



.sk-category-nav {

  flex: 0 0 auto !important;

  display: block !important;

  width: 100% !important;

  max-height: none !important;

  overflow: visible !important;

  padding: 6px 0 !important;

  box-sizing: border-box !important;

}



.sk-category-nav__item {

  display: block !important;

  width: 100% !important;

  position: relative !important;

  box-sizing: border-box !important;

}



.sk-category-nav__row {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  box-sizing: border-box !important;

}



.sk-category-nav__sub-accordion {

  width: auto !important;

  box-sizing: border-box !important;

  position: static !important;

  clear: both !important;

}



.sk-sidebar-filters {

  flex: 0 0 auto !important;

  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;

  position: static !important;

  clear: both !important;

  box-sizing: border-box !important;

  margin-top: 0 !important;

  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;

}



/* ============================================================

   LİSTE MODU (LIST VIEW) MİMARİSİ & YATAY KART TASARIMI

   ============================================================ */

.sk-product-grid--list {

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

}



.sk-product-grid--list .sk-product-card {

  display: grid !important;

  grid-template-columns: 160px 1fr auto !important;

  align-items: center !important;

  padding: 12px 18px !important;

  gap: 20px !important;

  text-align: left !important;

}



.sk-product-grid--list .sk-product-card__image-wrap {

  width: 160px !important;

  height: 120px !important;

  aspect-ratio: auto !important;

  border-radius: 8px !important;

  background: #ffffff !important;

}



.sk-product-grid--list .sk-product-card__img {

  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;

}



.sk-product-grid--list .sk-product-card__body {

  padding: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  gap: 6px !important;

}



.sk-product-grid--list .sk-product-card__footer {

  padding: 0 !important;

  border-top: none !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-end !important;

  justify-content: center !important;

  gap: 8px !important;

  min-width: 160px !important;

}



.sk-product-grid--list .sk-product-card__footer .sk-add-to-cart-btn,

.sk-product-grid--list .sk-product-card__footer .sk-login-price-btn,

.sk-product-grid--list .sk-product-card__footer .sk-register-price-btn {



  width: auto !important;

  padding: 8px 18px !important;

}



@media (max-width: 768px) {

  .sk-product-grid--list .sk-product-card {

    grid-template-columns: 1fr !important;

    gap: 12px !important;

    padding: 12px !important;

  }

  .sk-product-grid--list .sk-product-card__image-wrap {

    width: 100% !important;

    height: 160px !important;

  }

  .sk-product-grid--list .sk-product-card__footer {

    align-items: stretch !important;

    width: 100% !important;

  }

}



/* ============================================================

   KATEGORİ SIDEBAR SCROLLBAR KALDIRILDI (DOĞAL FERAH AKIŞ)

   ============================================================ */

.sk-category-sidebar {

  position: sticky !important;

  top: 85px !important;

  width: var(--sidebar-width, 270px) !important;

  display: flex !important;

  flex-direction: column !important;

  max-height: none !important;

  overflow: visible !important;

  scrollbar-width: none !important;

  -ms-overflow-style: none !important;

}



.sk-category-sidebar::-webkit-scrollbar,

.sk-category-nav::-webkit-scrollbar,

.sk-sidebar-filters::-webkit-scrollbar {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

}



.sk-category-nav {

  max-height: none !important;

  overflow: visible !important;

  flex: 0 0 auto !important;

}



.sk-sidebar-filters {

  max-height: none !important;

  overflow: visible !important;

  flex: 0 0 auto !important;

  position: static !important;

}



/* ============================================================

   KAPSAMLI MOBİL UYUMLULUK & HER TELEFONA ÖZEL RESPONSIVE (v1.1.51)

   ============================================================ */



/* ── MASAÜSTÜ DÜZENİ (992px ve üzeri) ── */

@media (min-width: 992px) {

  .sk-page-wrapper {

    display: flex !important;

    gap: 24px !important;

    max-width: 1440px !important;

    margin: 0 auto !important;

    width: 100% !important;

    box-sizing: border-box !important;

  }



  .sk-category-sidebar {

    position: sticky !important;

    top: 85px !important;

    width: 270px !important;

    flex-shrink: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    transform: none !important;

    box-shadow: none !important;

    z-index: 30 !important;

  }



  .sk-category-sidebar__close {

    display: none !important;

  }



  .sk-sidebar-overlay {

    display: none !important;

  }



  .sk-page-content-inner {

    flex: 1 !important;

    min-width: 0 !important;

    width: auto !important;

    max-width: 100% !important;

  }



  .sk-sidebar-toggle {

    display: none !important;

  }

}



/* ── TÜM MOBİL VE TABLET CİHAZLAR (991px ve altı) ── */

@media (max-width: 991px) {

  /* Sayfa Sarmalayıcı */

  .sk-page-wrapper,

  .sk-container {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 12px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

  }



  .sk-page-content-inner {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  /* Sol Kategori Menüsü: Tam Ekran Kayar Drawer (Off-Canvas) */

  .sk-category-sidebar {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    bottom: 0 !important;

    width: 310px !important;

    max-width: 86vw !important;

    height: 100vh !important;

    max-height: 100vh !important;

    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;

    z-index: 99999 !important;

    transform: translateX(-100%) !important;

    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;

    box-shadow: 14px 0 45px rgba(0, 0, 0, 0.75) !important;

    border-radius: 0 16px 16px 0 !important;

    margin: 0 !important;

    border: none !important;

    border-right: 1px solid rgba(255, 215, 0, 0.25) !important;

  }



  .sk-category-sidebar.sk-category-sidebar--open,

  .sk-category-sidebar.sk-open {

    transform: translateX(0) !important;

  }



  .sk-category-sidebar__close {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 32px !important;

    height: 32px !important;

    border-radius: 50% !important;

    background: rgba(0, 0, 0, 0.2) !important;

    border: none !important;

    cursor: pointer !important;

    color: #111111 !important;

  }



  /* Mobil Karartma Overlay */

  .sk-sidebar-overlay {

    position: fixed !important;

    inset: 0 !important;

    background-color: rgba(0, 0, 0, 0.75) !important;

    backdrop-filter: blur(5px) !important;

    -webkit-backdrop-filter: blur(5px) !important;

    z-index: 99998 !important;

    display: none;

    opacity: 0;

    transition: opacity 0.25s ease !important;

  }



  .sk-sidebar-overlay.sk-sidebar-overlay--visible,

  .sk-sidebar-overlay.sk-active {

    display: block !important;

    opacity: 1 !important;

  }



  /* Üst Header: Kompakt & Şık Mobil Bar */

  .sk-header {

    padding: 8px 12px !important;

  }



  .sk-header__inner {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 8px !important;

  }



  .sk-sidebar-toggle {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    border-radius: 8px !important;

    background: rgba(255, 215, 0, 0.12) !important;

    border: 1px solid rgba(255, 215, 0, 0.3) !important;

    color: #FFD700 !important;

    cursor: pointer !important;

    flex-shrink: 0 !important;

  }



  .sk-header__logo {

    margin: 0 !important;

    flex-shrink: 0 !important;

  }



  .sk-logo-text,

  .sk-brand-title {

    font-size: 17px !important;

  }



  .sk-header__center,

  .sk-header__search-wrap {

    display: none !important;

  }



  .sk-header__right {

    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

  }



  .sk-mobile-search-btn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 36px !important;

    height: 36px !important;

    border-radius: 8px !important;

    background: transparent !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    color: #f8fafc !important;

    cursor: pointer !important;

  }



  .sk-header__icon-label {

    display: none !important;

  }



  .sk-header__account-btn,

  .sk-header__cart-btn {

    width: 36px !important;

    height: 36px !important;

    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

  }



  /* Mobil Hero Slider */

  .sk-hero {

    margin: 0 0 14px 0 !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    width: 100% !important;

  }



  .sk-hero-slider {

    border-radius: 12px !important;

    min-height: auto !important;

  }



  .sk-hero-slide {

    display: none !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    padding: 22px 16px !important;

    min-height: 200px !important;

    flex-direction: column !important;

    justify-content: center !important;

  }



  .sk-hero-slide.sk-hero-slide--active {

    display: flex !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    position: relative !important;

  }



  .sk-hero-slide__badge {

    font-size: 10.5px !important;

    padding: 2px 7px !important;

    margin-bottom: 6px !important;

    align-self: flex-start !important;

  }



  .sk-hero-slide__headline {

    font-size: 18px !important;

    line-height: 1.3 !important;

    margin: 0 0 6px 0 !important;

    word-break: break-word !important;

  }



  .sk-hero-slide__desc {

    font-size: 12.5px !important;

    line-height: 1.4 !important;

    margin: 0 0 12px 0 !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

  }



  .sk-hero-slide__actions .sk-btn {

    padding: 8px 16px !important;

    font-size: 13px !important;

    display: inline-flex !important;

    width: auto !important;

    align-self: flex-start !important;

  }



  .sk-hero-controls {

    bottom: 10px !important;

    right: 10px !important;

    gap: 4px !important;

  }



  .sk-hero-prev,

  .sk-hero-next {

    width: 28px !important;

    height: 28px !important;

  }



  .sk-hero-dots {

    display: none !important;

  }



  /* Mobil Güven Rozetleri (Features Strip) */

  .sk-features-strip {

    margin: 0 0 16px 0 !important;

    width: 100% !important;

  }



  .sk-features-grid {

    display: grid !important;

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 8px !important;

  }



  .sk-feature-item {

    padding: 8px 10px !important;

    gap: 8px !important;

    border-radius: 8px !important;

    background: rgba(255, 255, 255, 0.03) !important;

    border: 1px solid rgba(255, 255, 255, 0.06) !important;

  }



  .sk-feature-item__icon {

    font-size: 16px !important;

  }



  .sk-feature-item__text strong {

    font-size: 11.5px !important;

    display: block !important;

  }



  .sk-feature-item__text small {

    font-size: 10px !important;

  }



  /* Vitrin Başlık & Kontroller */

  .sk-showcase-header {

    display: flex !important;

    flex-direction: column !important;

    gap: 10px !important;

    align-items: stretch !important;

    margin-bottom: 14px !important;

  }



  .sk-showcase-title {

    font-size: 18px !important;

    margin: 0 !important;

  }



  .sk-showcase-header__controls {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 8px !important;

    justify-content: space-between !important;

    width: 100% !important;

  }



  .sk-showcase-sort {

    flex: 1 1 130px !important;

  }



  .sk-showcase-sort select,

  .sk-select,

  .woocommerce-ordering select.orderby {

    width: 100% !important;

    height: 38px !important;

    font-size: 12px !important;

    padding: 4px 8px !important;

  }



  .sk-per-page-controls {

    display: flex !important;

    gap: 4px !important;

  }



  .sk-per-page-btn {

    padding: 0 10px !important;

    height: 38px !important;

    font-size: 12px !important;

  }



  .sk-view-toggle {

    display: flex !important;

    gap: 4px !important;

  }



  .sk-view-btn {

    width: 38px !important;

    height: 38px !important;

    padding: 0 !important;

  }



  /* Mobil Ürün Izgarası (2'li Kusursuz Kartlar) */

  .sk-product-grid {

    display: grid !important;

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 10px !important;

    width: 100% !important;

  }



  .sk-product-card {

    border-radius: 10px !important;

    display: flex !important;

    flex-direction: column !important;

    overflow: hidden !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;

  }



  .sk-product-card__image-wrap {

    height: 140px !important;

    width: 100% !important;

    aspect-ratio: auto !important;

    background: #ffffff !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 6px !important;

    position: relative !important;

  }



  .sk-product-card__img {

    max-height: 100% !important;

    width: auto !important;

    object-fit: contain !important;

  }



  .sk-product-card__body {

    padding: 8px !important;

    display: flex !important;

    flex-direction: column !important;

    flex: 1 !important;

    gap: 3px !important;

  }



  .sk-product-card__category {

    font-size: 9.5px !important;

    text-transform: uppercase !important;

    color: #94a3b8 !important;

  }



  .sk-product-card__name {

    font-size: 12px !important;

    line-height: 1.35 !important;

    font-weight: 600 !important;

    margin: 0 0 3px 0 !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    height: 32px !important;

  }



  .sk-product-card__stock {

    font-size: 10px !important;

    margin: 0 0 3px 0 !important;

  }



  .sk-product-card__footer {

    padding: 0 8px 8px 8px !important;

    margin-top: auto !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 5px !important;

  }



  .sk-product-card__price {

    font-size: 13.5px !important;

    font-weight: 700 !important;

  }



  .sk-add-to-cart-btn,

  .sk-login-price-btn,

  .sk-register-price-btn {

    width: 100% !important;

    padding: 7px 8px !important;

    font-size: 11.5px !important;

    border-radius: 6px !important;

    justify-content: center !important;

  }



  /* Liste Modu Mobilde de Düzgün */

  .sk-product-grid--list {

    grid-template-columns: 1fr !important;

  }



  .sk-product-grid--list .sk-product-card {

    display: flex !important;

    flex-direction: column !important;

    padding: 8px !important;

  }



  .sk-product-grid--list .sk-product-card__image-wrap {

    width: 100% !important;

    height: 150px !important;

  }

}



/* ============================================================

   MOBİL HEADER & İKONLAR (Arama + Kullanıcı + Sepet Kusursuz Sıralama)

   ============================================================ */

@media (max-width: 991px) {

  .sk-header {

    padding: 10px 14px !important;

    position: sticky !important;

    top: 0 !important;

    z-index: 9999 !important;

  }



  .sk-header__inner {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 10px !important;

    width: 100% !important;

    max-width: 100% !important;

  }



  .sk-header__left {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    flex: 0 0 auto !important;

    min-width: 0 !important;

  }



  .sk-sidebar-toggle {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    border-radius: 8px !important;

    background: rgba(255, 215, 0, 0.12) !important;

    border: 1px solid rgba(255, 215, 0, 0.3) !important;

    color: #FFD700 !important;

    cursor: pointer !important;

    flex-shrink: 0 !important;

    padding: 0 !important;

  }



  .sk-header__logo {

    display: flex !important;

    align-items: center !important;

    margin: 0 !important;

  }



  .sk-logo-text,

  .sk-brand-title {

    font-size: 18px !important;

    white-space: nowrap !important;

  }



  .sk-header__center,

  .sk-header__search-wrap,

  .sk-header__phone {

    display: none !important;

  }



  /* Sağ İkon Grubu: Arama, Kullanıcı, Sepet yan yana ferah hizalanır */

  .sk-header__right {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 8px !important;

    flex: 0 0 auto !important;

    margin-left: auto !important;

    position: static !important;

  }



  .sk-mobile-search-btn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    border-radius: 8px !important;

    background: rgba(255, 255, 255, 0.05) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;

    color: #f8fafc !important;

    cursor: pointer !important;

    padding: 0 !important;

    margin: 0 !important;

  }



  .sk-header__account {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;

  }



  .sk-header__account-btn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    border-radius: 8px !important;

    background: rgba(255, 255, 255, 0.05) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;

    color: #f8fafc !important;

    cursor: pointer !important;

    padding: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;

  }



  /* Mobilde isim yazısı ve ok ikonu KESİNLİKLE gizlenir, sadece avatar/ikon kalır */

  .sk-header__account-btn .sk-header__icon-label,

  .sk-header__account-btn > span,

  .sk-header__account-btn > svg:last-child {

    display: none !important;

  }



  .sk-header__cart-btn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    border-radius: 8px !important;

    background: rgba(255, 255, 255, 0.05) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;

    color: #f8fafc !important;

    cursor: pointer !important;

    padding: 0 !important;

    margin: 0 !important;

    position: relative !important;

  }



  .sk-header__cart-btn .sk-cart-badge {

    position: absolute !important;

    top: -4px !important;

    right: -4px !important;

    background: #FFD700 !important;

    color: #000000 !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    min-width: 18px !important;

    height: 18px !important;

    border-radius: 9px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 0 4px !important;

    border: 2px solid #1a1e27 !important;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;

  }

}





/* ============================================================

   SOL KATEGORİ MENÜSÜ - AKILLI STICKY (TÜM KATEGORİLER GÖRÜNENE KADAR SAYFAYLA BİRLİKTE KAYAR)

   ============================================================ */

@media (min-width: 992px) {

  .sk-category-sidebar {

    position: -webkit-sticky !important;

    position: sticky !important;

    top: min(calc(var(--header-height, 70px) + 16px), calc(100vh - 100% - 24px)) !important;

    width: var(--sidebar-width, 270px) !important;

    max-height: none !important;

    overflow: visible !important;

    display: flex !important;

    flex-direction: column !important;

    box-sizing: border-box !important;

    z-index: 40 !important;

    align-self: flex-start !important;

    scrollbar-width: none !important;

    -ms-overflow-style: none !important;

  }



  .sk-category-sidebar::-webkit-scrollbar {

    display: none !important;

    width: 0 !important;

    height: 0 !important;

  }



  .sk-category-nav {

    max-height: none !important;

    overflow: visible !important;

    flex: 0 0 auto !important;

  }

}





/* Filtreler ve Marka Listesi Kaydırma İyileştirmesi */

.sk-sidebar-filters {

  overflow: visible !important;

}



.sk-filter-checkboxes {

  max-height: 260px !important;

  overflow-y: auto !important;

  overscroll-behavior: auto !important;

  scrollbar-width: thin !important;

  scrollbar-color: rgba(255, 215, 0, 0.4) transparent !important;

}



.sk-filter-checkboxes::-webkit-scrollbar {

  display: block !important;

  width: 5px !important;

}



.sk-filter-checkboxes::-webkit-scrollbar-thumb {

  background: rgba(255, 215, 0, 0.35) !important;

  border-radius: 4px !important;

}



/* ============================================================
   HIZLI MİKTAR BUTONLARI (+10, +20, +50, +100)
   ============================================================ */
.woocommerce div.product form.cart .sk-quick-qty-list {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: 148px !important;
  margin-top: 6px !important;
}

.woocommerce div.product form.cart .sk-quick-qty-btn {
  flex: 1 !important;
  height: 25px !important;
  padding: 0 4px !important;
  background: #1c222b !important;
  border: 1px solid #364050 !important;
  border-radius: 6px !important;
  color: #c5d1e0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
}

.woocommerce div.product form.cart .sk-quick-qty-btn:hover {
  background: #FFD400 !important;
  border-color: #FFC800 !important;
  color: #121212 !important;
  transform: translateY(-1px) !important;
}

.woocommerce div.product form.cart .sk-quick-qty-btn:active,
.woocommerce div.product form.cart .sk-quick-qty-btn--active {
  background: #FFA000 !important;
  color: #121212 !important;
  transform: scale(0.92) !important;
}


/* === CHECKOUT BAYI INPUT STYLES === */
/* Bayi Kayıt / Giriş sayfası input stillerinin Ödeme sayfasına birebir uyarlanması */

/* Tüm Giriş Kutuları */
.wc-block-components-text-input input,
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-combobox input,
.wc-block-components-combobox .wc-block-components-combobox__input,
.wc-block-components-select select,
.wc-block-components-select__select,
.wc-block-components-textarea textarea,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 18px 14px 4px 14px !important;
  background-color: #2A2A2A !important;
  border: 1.5px solid #3D3D3D !important;
  border-radius: 6px !important;
  color: #E8E8E8 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.wc-block-components-textarea textarea,
.woocommerce-checkout textarea {
  height: auto !important;
  min-height: 80px !important;
  padding: 12px 14px !important;
}

/* Odaklanma (Focus) - Bayi Formundaki Parlama */
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus,
.wc-block-components-select select:focus,
.wc-block-components-textarea textarea:focus,
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus {
  border-color: #FFD700 !important;
  background-color: #222222 !important;
  box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.18) !important;
  outline: none !important;
}

/* Kayan Etiketler (Floating Labels) */
.wc-block-components-text-input label,
.wc-block-components-combobox label {
  color: #9AA8BA !important;
  font-size: 13px !important;
  left: 14px !important;
  top: 15px !important;
  background: transparent !important;
  pointer-events: none !important;
}

.wc-block-components-text-input.is-active label,
.wc-block-components-combobox.is-active label,
.wc-block-components-text-input:focus-within label,
.wc-block-components-combobox:focus-within label {
  top: 4px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #FFD700 !important;
  background: transparent !important;
}

/* E-posta Alanı Tam Genişlik */
.wc-block-components-checkout-step--contact-information,
.wc-block-components-checkout-step--contact-information .wc-block-components-text-input {
  width: 100% !important;
  max-width: 100% !important;
}

/* Açılır Menü (Combobox) */
.wc-block-components-combobox-list,
.wc-block-components-combobox__list {
  background-color: #2A2A2A !important;
  border: 1.5px solid #3D3D3D !important;
  border-radius: 6px !important;
  color: #E8E8E8 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  z-index: 99999 !important;
}

.wc-block-components-combobox-list-item:hover,
.wc-block-components-combobox-list-item.is-selected {
  background-color: #383838 !important;
  color: #FFD700 !important;
}

/* Kargo ve Ödeme Seçenekleri (Yazıyı kapatmayacak 52px boşluklu) */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
  position: relative !important;
  background-color: #2A2A2A !important;
  border: 1.5px solid #3D3D3D !important;
  border-radius: 6px !important;
  padding: 16px 18px 16px 52px !important;
  margin-bottom: 10px !important;
  color: #E8E8E8 !important;
  cursor: pointer !important;
  display: block !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-radio-control__option.is-selected,
.wc-block-components-radio-control-accordion-option.is-selected {
  border-color: #FFD700 !important;
  background-color: #222222 !important;
  box-shadow: 0 0 0 1px #FFD700 !important;
}

.wc-block-components-radio-control__input {
  position: absolute !important;
  left: 18px !important;
  top: 18px !important;
  accent-color: #FFD700 !important;
  width: 18px !important;
  height: 18px !important;
}

.wc-block-components-radio-control__label {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

/* Sipariş Ver Butonu */
.wc-block-components-checkout-place-order-button,
button.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions-row button,
.woocommerce-checkout #place_order {
  background-color: #FFD700 !important;
  background: #FFD700 !important;
  color: #121212 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  height: 50px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(255, 215, 0, 0.25) !important;
  transition: all 0.2s ease !important;
  margin-top: 16px !important;
}

.wc-block-components-checkout-place-order-button:hover,
button.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions-row button:hover,
.woocommerce-checkout #place_order:hover {
  background-color: #FFC800 !important;
  background: #FFC800 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4) !important;
}


/* === PREMIUM THANK YOU / ORDER RECEIVED STYLES === */
.sk-thankyou-wrap {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 10px 0 60px !important;
}

/* 1. Başarı Hero Banner Kartı */
.sk-thankyou-banner {
  background: linear-gradient(135deg, rgba(255, 212, 0, 0.08) 0%, #161a22 100%) !important;
  border: 1.5px solid rgba(255, 212, 0, 0.35) !important;
  border-radius: 16px !important;
  padding: 36px 24px !important;
  text-align: center !important;
  margin-bottom: 24px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

.sk-thankyou-banner__icon {
  width: 72px !important;
  height: 72px !important;
  background: rgba(255, 212, 0, 0.12) !important;
  border: 2px solid #FFD400 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  box-shadow: 0 0 24px rgba(255, 212, 0, 0.25) !important;
}

.sk-thankyou-banner__title {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.3px !important;
}

.sk-thankyou-banner__desc {
  color: #cbd5e1 !important;
  font-size: 15px !important;
  margin: 0 0 16px !important;
  line-height: 1.6 !important;
}

/* Statü Hapı */
.sk-thankyou-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 212, 0, 0.15) !important;
  border: 1px solid rgba(255, 212, 0, 0.4) !important;
  color: #FFD400 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
}

.sk-pulse-dot {
  width: 8px !important;
  height: 8px !important;
  background: #FFD400 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px #FFD400 !important;
  display: inline-block !important;
}

/* 2. 4'lü İstatistik Kartları Izgarası */
.sk-thankyou-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

@media (max-width: 768px) {
  .sk-thankyou-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.sk-thankyou-stat-card {
  background: #161a22 !important;
  border: 1px solid #2d3748 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.sk-thankyou-stat-label {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.sk-thankyou-stat-val {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.sk-thankyou-stat-val--gold {
  color: #FFD400 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.sk-thankyou-stat-card--total {
  border-color: rgba(255, 212, 0, 0.35) !important;
  background: #1c212b !important;
}

/* 3. BACS Havale Kartı */
.sk-thankyou-bacs-notice {
  background: #161a22 !important;
  border: 1.5px solid rgba(255, 212, 0, 0.4) !important;
  border-radius: 12px !important;
  padding: 22px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

/* 4. WooCommerce Standart Sipariş Detayları & Tabloları */
.sk-thankyou-details-container .woocommerce-order-details {
  background: #161a22 !important;
  border: 1px solid #2d3748 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.sk-thankyou-details-container .woocommerce-order-details__title,
.sk-thankyou-details-container .woocommerce-column__title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 18px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #262e3c !important;
  display: flex !important;
  align-items: center !important;
}

.sk-thankyou-details-container .woocommerce-order-details__title::before,
.sk-thankyou-details-container .woocommerce-column__title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background: #FFD400 !important;
  border-radius: 2px !important;
  margin-right: 10px !important;
}

/* Tablo Tasarımı */
.sk-thankyou-details-container table.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 0 !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details th {
  background: #12151c !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  border: none !important;
  text-align: left !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details td {
  padding: 16px !important;
  border-bottom: 1px solid #232a36 !important;
  color: #e2e8f0 !important;
  font-size: 14px !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details td a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details td a:hover {
  color: #FFD400 !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details tfoot th {
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #232a36 !important;
  padding: 12px 16px !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details tfoot td {
  border-bottom: 1px solid #232a36 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* Toplam Satırı (Sarı Vurgulu) */
.sk-thankyou-details-container table.woocommerce-table--order-details tfoot tr:last-child th,
.sk-thankyou-details-container table.woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: none !important;
  padding-top: 18px !important;
}

.sk-thankyou-details-container table.woocommerce-table--order-details tfoot tr:last-child td {
  color: #FFD400 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* 5. Müşteri & Adres Bilgileri (2 Kolonlu Kartlar) */
.sk-thankyou-details-container .woocommerce-customer-details {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 24px !important;
}

.sk-thankyou-details-container .woocommerce-customer-details .woocommerce-columns--2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

@media (max-width: 768px) {
  .sk-thankyou-details-container .woocommerce-customer-details .woocommerce-columns--2 {
    grid-template-columns: 1fr !important;
  }
}

.sk-thankyou-details-container .woocommerce-column--billing-address,
.sk-thankyou-details-container .woocommerce-column--shipping-address {
  background: #161a22 !important;
  border: 1px solid #2d3748 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.sk-thankyou-details-container address {
  color: #cbd5e1 !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
}

/* 6. Alt Aksiyon Butonları */
.sk-thankyou-bottom-actions {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 32px !important;
}

.sk-thankyou-bottom-actions .sk-btn {
  min-width: 200px !important;
  justify-content: center !important;
}


/* === YURTİÇİ KARGO TAKİP & HESABIM SİPARİŞ BUTONLARI === */

/* ── 1. Kargo Takip Kartı (Beyaz Kutu ve Görünmeyen Yazı Çözümü) ── */
.wcykt-tracking-card {
  background: #161a22 !important;
  border: 1.5px solid #2d3748 !important;
  border-radius: 12px !important;
  padding: 22px 24px !important;
  margin: 24px 0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  color: #ffffff !important;
}

.wcykt-tracking-icon {
  font-size: 36px !important;
  line-height: 1 !important;
  background: rgba(255, 212, 0, 0.12) !important;
  border: 1px solid rgba(255, 212, 0, 0.3) !important;
  border-radius: 10px !important;
  width: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.wcykt-tracking-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.wcykt-tracking-content h2,
.wcykt-tracking-content h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 4px !important;
  letter-spacing: -0.2px !important;
  border: none !important;
  padding: 0 !important;
}

.wcykt-carrier {
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
}

.wcykt-code {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  font-size: 14px !important;
}

.wcykt-code span {
  color: #94a3b8 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

.wcykt-code strong {
  color: #FFD400 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  background: rgba(255, 212, 0, 0.12) !important;
  border: 1px solid rgba(255, 212, 0, 0.35) !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  letter-spacing: 0.5px !important;
}

.wcykt-track-button,
a.wcykt-track-button {
  background: linear-gradient(135deg, #FFD400 0%, #FFC800 100%) !important;
  color: #121212 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(255, 212, 0, 0.25) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border: none !important;
}

.wcykt-track-button:hover,
a.wcykt-track-button:hover {
  background: linear-gradient(135deg, #FFDD33 0%, #FFB800 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(255, 212, 0, 0.4) !important;
  color: #121212 !important;
}

/* ── 2. Hesabım Siparişler Tablosu: Butonları Küçük, Şık ve Yan Yana Yap ── */
.woocommerce-orders-table__cell-order-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  padding: 12px 16px !important;
}

.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

/* Görüntüle Butonu (Koyu Şık Hap Buton) */
.woocommerce-orders-table__cell-order-actions a.view,
.woocommerce-orders-table__cell-order-actions a.woocommerce-button.view {
  background: #1c222b !important;
  border: 1px solid #364152 !important;
  color: #e2e8f0 !important;
}

.woocommerce-orders-table__cell-order-actions a.view:hover,
.woocommerce-orders-table__cell-order-actions a.woocommerce-button.view:hover {
  background: #252d3a !important;
  border-color: #FFD400 !important;
  color: #FFD400 !important;
  transform: translateY(-1px) !important;
}

/* Kargo Takip Butonu (Sarı Şık Hap Buton) */
.woocommerce-orders-table__cell-order-actions a.wcykt-track,
.woocommerce-orders-table__cell-order-actions a.woocommerce-button.wcykt-track {
  background: rgba(255, 212, 0, 0.12) !important;
  border: 1px solid #FFD400 !important;
  color: #FFD400 !important;
}

.woocommerce-orders-table__cell-order-actions a.wcykt-track:hover,
.woocommerce-orders-table__cell-order-actions a.woocommerce-button.wcykt-track:hover {
  background: #FFD400 !important;
  border-color: #FFC800 !important;
  color: #121212 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 212, 0, 0.3) !important;
}

/* Kargo takip linkleri yeni sekmede açılır */


/* === SERKAN KUMANDA SARI LOGO & MARKA VURGUSU === */
.sk-header__logo-text,
.sk-header__logo-highlight,
.sk-header__logo a,
.sk-header__logo span,
.sk-footer__brand-text,
.sk-footer__brand-text a,
.sk-footer__brand-text span {
  color: #FFD700 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.25) !important;
  letter-spacing: -0.3px !important;
}

/* Admin Bar Kargo & Sipariş Rozet Stilleri */
#wpadminbar #wp-admin-bar-sk-orders-alert .ab-item {
  display: flex !important;
  align-items: center !important;
}

#wpadminbar .sk-ab-order-badge {
  background: #FFD700 !important;
  color: #121212 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
  margin-left: 5px !important;
}


/* === MOBİLDE HIZLI SİPARİŞ BUTONUNU GİZLE === */
@media (max-width: 991px) {
  .sk-header__quick-order-btn,
  a.sk-header__quick-order-btn {
    display: none !important;
  }
}