/* =============================================
   NAYINO EXTRA STYLES — Build gerekmez
   ============================================= */

/* =============================================
   HERO SLIDER — Swiper.js
   ============================================= */

#hero-swiper {
  width: 100%;
  min-height: 560px;
  background: #111827;
}

@media (min-width: 1024px) {
  #hero-swiper { min-height: 660px; }
}

/* Slide: arka plan görseli */
#hero-swiper .hero-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #111827;
  display: flex;
  align-items: stretch;
}

/* Overlay — ::before, içerikten önce boyanır */
#hero-swiper .hero-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #000;
  opacity: var(--hero-overlay, 0);
  pointer-events: none;
  z-index: 1;
}

/* İçerik — overlay'in üstünde */
#hero-swiper .hero-slide .hero-section__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-height: 560px;
  padding: 5rem 2rem;
  color: #fff;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  #hero-swiper .hero-slide .hero-section__content {
    min-height: 660px;
    padding: 5rem 4rem;
  }
}

/* Navigasyon okları */
#hero-swiper .swiper-button-prev,
#hero-swiper .swiper-button-next {
  width: 2.75rem;
  height: 2.75rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0;
  color: #fff;
  transition: background 0.2s;
}

#hero-swiper .swiper-button-prev:hover,
#hero-swiper .swiper-button-next:hover {
  background: rgba(255, 255, 255, 0.3);
}

#hero-swiper .swiper-button-prev::after,
#hero-swiper .swiper-button-next::after {
  font-size: 1rem;
  font-weight: 700;
}

/* Pagination dots */
#hero-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  border-radius: 50%;
  transition: background 0.25s, width 0.25s, border-radius 0.25s;
}

#hero-swiper .swiper-pagination-bullet-active {
  background: #fff;
  width: 24px;
  border-radius: 4px;
}

/* =============================================
   QTY WRAPPER */
.qty-wrapper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  background: #fff;
}
.qty-wrapper button {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s;
  flex-shrink: 0;
}
.qty-wrapper button:hover {
  color: #111827;
  background-color: #f9fafb;
}
.qty-wrapper input[type="number"],
.qty-wrapper input[type="text"] {
  width: 3.5rem;
  height: 2.5rem;
  text-align: center;
  font-size: 0.875rem;
  border: none;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  outline: none;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
}
.qty-wrapper input::-webkit-inner-spin-button,
.qty-wrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* WC default quantity style sıfırla */
.woocommerce .quantity {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.woocommerce .quantity input.qty {
  border: 1px solid #e5e7eb !important;
  border-left: none !important;
  border-right: none !important;
  width: 3.5rem !important;
  height: 2.5rem !important;
  text-align: center !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

/* KATEGORİ SEKMELERİ */
.nayino-cat-tabs {
  display: flex;
  gap: 0;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-bottom: 1px solid #e5e7eb;
}
.nayino-cat-tabs::-webkit-scrollbar {
  display: none;
}
.nayino-cat-tab {
  flex-shrink: 0;
  padding: 0.75rem 1.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  transition: color 0.15s;
  font-family: 'DM Sans', ui-sans-serif, sans-serif;
}
.nayino-cat-tab:hover {
  color: #111827;
}
.nayino-cat-tab--active {
  color: #111827;
  border-bottom-color: #111827;
  font-weight: 600;
}
.nayino-cat-panel {
  padding-top: 1.5rem;
}
.nayino-product-hidden {
  display: none !important;
}

/* WC SEKMELER */
.woocommerce-tabs {
  margin-top: 0 !important;
}
.woocommerce-tabs .tabs {
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: transparent !important;
}
.woocommerce-tabs .tabs li {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-tabs .tabs li::before,
.woocommerce-tabs .tabs li::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
.woocommerce-tabs .tabs li a {
  display: block !important;
  padding: 0.875rem 1.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  transition: color 0.15s !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', ui-sans-serif, sans-serif !important;
  letter-spacing: 0 !important;
}
.woocommerce-tabs .tabs li:hover a {
  color: #111827 !important;
  background: transparent !important;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li.active:hover a {
  color: #111827 !important;
  border-bottom-color: #111827 !important;
  background: transparent !important;
}
.woocommerce-tabs .panel {
  border: none !important;
  padding: 2rem 0 0 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.woocommerce-tabs .panel h2 {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  font-family: 'Syne', ui-sans-serif, sans-serif !important;
}

/* Ek bilgiler tablosu */
.woocommerce-product-attributes {
  width: 100% !important;
  border-collapse: collapse !important;
}
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
  padding: 0.75rem 1rem !important;
  font-size: 0.875rem !important;
  border-bottom: 1px solid #f3f4f6 !important;
  text-align: left !important;
}
.woocommerce-product-attributes th {
  font-weight: 500 !important;
  color: #374151 !important;
  width: 40% !important;
  background: #f9fafb !important;
}
.woocommerce-product-attributes td {
  color: #4b5563 !important;
}

/* Değerlendirmeler */
#review_form_wrapper h3 {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}
.woocommerce-Reviews .comment-text {
  background: #f9fafb !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 0 !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 1.5rem !important;
}

/* Ürün detay sayfası — görsel yoksa tam genişlik */
.single-product .product-gallery:empty {
  display: none;
}

/* =============================================
   SEPETE EKLE ANİMASYONU
   ============================================= */
.nayino-btn-adding {
  opacity: 0.6;
  pointer-events: none;
  cursor: wait;
}

.nayino-btn-added {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0.75rem 1.5rem !important;
  background-color: #16a34a !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  border: none !important;
  cursor: default !important;
  pointer-events: none !important;
  transition: background-color 0.2s !important;
}

/* WooCommerce stilsiz "Sepeti Görüntüle" bildirimi gizle */
.woocommerce-message {
  display: none !important;
}

/* =============================================
   SOSYAL GİRİŞ BUTONLARI
   ============================================= */
.nayino-social-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  color: #374151;
  background: #fff;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  text-decoration: none;
  font-family: 'DM Sans', ui-sans-serif, sans-serif;
}

.nayino-social-btn:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
  color: #111827;
}

.nayino-social-btn--facebook {
  background-color: #1877F2;
  color: #fff;
  border-color: #1877F2;
}

.nayino-social-btn--facebook:hover {
  background-color: #166FE5;
  border-color: #166FE5;
  color: #fff;
}

/* SMS Modal */
#sms-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}