/* ============================================================
   GELINLIK — Dark Luxury Theme
   Derin siyah · Altın vurgu · Krem metin
   Tüm sayfalarda body.dark-theme sınıfı ile aktif
   ============================================================ */

/* =============================================
   0. DARK CSS VARIABLES
   ============================================= */
body.dark-theme {
  --bridal-black:      #e8e0d4;      /* metin rengi (açık krem) */
  --bridal-white:      #080808;      /* arka plan (derin siyah) */
  --bridal-ivory:      #131313;      /* yüzey (koyu gri) */
  --bridal-gold:       #c9a96e;      /* altın — değişmez */
  --bridal-gold-light: #e8c88a;
  --bridal-gray:       #666666;
  --bridal-light-gray: rgba(255,255,255,0.09);
  --bridal-dark-gray:  #999999;
  --bridal-ivory:      #2c3035;      /* yüzey (degrade ile uyumlu) */
  background: #0e1013;               /* solid fallback (::before yüklenmeden) */
  color: #e8e0d4;
}

/* Sabit degrade katmanı — iOS Safari background-attachment:fixed desteklemez,
   bunun yerine position:fixed pseudo-element ile her yerde sabit degrade. */
body.dark-theme::before {
  content: '';
  position: fixed;
  inset: 0;
  background: linear-gradient(135deg, #262b30 0%, #0e1013 100%);
  z-index: -1;
  pointer-events: none;
}

/* =============================================
   1. LOADER
   ============================================= */
.dark-theme .bridal-loader { background: transparent; }
.dark-theme .bridal-loader-logo { color: #c9a96e; letter-spacing: 0.3em; }

/* =============================================
   2. HEADER
   ============================================= */
.dark-theme .bridal-header.scrolled {
  background: rgba(8, 8, 8, 0.97);
  box-shadow: 0 1px 0 rgba(201, 169, 110, 0.18);
}

.dark-theme .bridal-header.header-transparent { background: transparent; }

.dark-theme .bridal-logo,
.dark-theme .bridal-header.scrolled .bridal-logo { color: #e8e0d4; }

.dark-theme .bridal-header.header-transparent .bridal-logo { color: #ffffff; }

.dark-theme .bridal-nav a,
.dark-theme .bridal-header.scrolled .bridal-nav a { color: #b0a898; }
.dark-theme .bridal-nav a:hover { opacity: 1; color: #e8e0d4; }

.dark-theme .bridal-header.header-transparent .bridal-nav a { color: rgba(240, 232, 220, 0.85); }

.dark-theme .bridal-header-icons a,
.dark-theme .bridal-header.scrolled .bridal-header-icons a { color: #b0a898; }
.dark-theme .bridal-header-icons a:hover { opacity: 1; color: #c9a96e; }

.dark-theme .bridal-menu-toggle span,
.dark-theme .bridal-header.scrolled .bridal-menu-toggle span { background: #e8e0d4; }
.dark-theme .bridal-header.header-transparent .bridal-menu-toggle span { background: #ffffff; }

/* =============================================
   3. MOBILE NAV
   ============================================= */
.dark-theme .bridal-mobile-nav {
  background: #0d0d0d;
  border-right: 1px solid rgba(255,255,255,0.06);
}
.dark-theme .bridal-mobile-nav li { border-bottom-color: rgba(255,255,255,0.06); }
.dark-theme .bridal-mobile-nav a { color: #b0a898; }
.dark-theme .bridal-mobile-nav a:hover { color: #c9a96e; }

/* =============================================
   4. TYPOGRAPHY
   ============================================= */
.dark-theme .bridal-section-title { color: #e8e0d4; }
.dark-theme .bridal-section-subtitle { color: #c9a96e; }
.dark-theme .bridal-section-text { color: #888; }
.dark-theme .bridal-divider { background: #c9a96e; }

/* =============================================
   5. BUTTONS
   ============================================= */
.dark-theme .btn-bridal-light { color: #fff; }
.dark-theme .btn-bridal-light:hover {
  background: #fff;
  color: #080808;
  text-decoration: none;
}

.dark-theme .btn-bridal-dark {
  color: #e8e0d4;
  border-color: rgba(232, 224, 212, 0.45);
}
.dark-theme .btn-bridal-dark:hover {
  background: #e8e0d4;
  color: #080808;
  border-color: #e8e0d4;
  text-decoration: none;
}

.dark-theme .btn-bridal-filled {
  background: #c9a96e;
  color: #080808;
  border-color: #c9a96e;
}
.dark-theme .btn-bridal-filled:hover {
  background: transparent;
  color: #c9a96e;
  border-color: #c9a96e;
  text-decoration: none;
}

/* =============================================
   6. HERO SLIDER
   ============================================= */
.dark-theme .bridal-hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.1) 40%,
    rgba(0,0,0,0.65) 100%
  );
}

/* =============================================
   7. COLLECTION GRID (anasayfa)
   ============================================= */
.dark-theme .bridal-collections { background: transparent; }
.dark-theme .bridal-collection-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.05) 55%);
}

/* =============================================
   8. STORY / ABOUT
   ============================================= */
.dark-theme .bridal-story-content { background: #131313; }
.dark-theme .bridal-story-content .bridal-section-text { color: #888; }

/* =============================================
   9. PRODUCT CARDS
   ============================================= */
.dark-theme .bridal-product-image-wrap { background: #161616; }
.dark-theme .bridal-product-info h3 { color: #e8e0d4; }
.dark-theme .bridal-product-info p { color: #666; }

.dark-theme .bridal-product-badge {
  background: #c9a96e;
  color: #080808;
}

.dark-theme .bridal-product-wishlist { color: #c9a96e; }

.dark-theme .bridal-product-actions button {
  background: rgba(8,8,8,0.9);
  color: #e8e0d4;
  border: 1px solid rgba(255,255,255,0.15);
}
.dark-theme .bridal-product-actions button:hover {
  background: #c9a96e;
  color: #080808;
}

/* =============================================
   10. LOOKBOOK
   ============================================= */
.dark-theme .bridal-lookbook { background: transparent; }
.dark-theme .bridal-lookbook-item img { filter: brightness(0.88); }
.dark-theme .bridal-lookbook-item:hover img { filter: brightness(1); transform: scale(1.06); }

/* =============================================
   11. NEWSLETTER
   ============================================= */
.dark-theme .bridal-newsletter { background: #0d0d0d; border-top: 1px solid rgba(201,169,110,0.15); }
.dark-theme .bridal-newsletter h2 { color: #e8e0d4; }
.dark-theme .bridal-newsletter > p { color: #666; }
.dark-theme .bridal-newsletter-form { border-bottom-color: rgba(255,255,255,0.18); }
.dark-theme .bridal-newsletter-form input { color: #e8e0d4; }
.dark-theme .bridal-newsletter-form button { color: #c9a96e; }

/* =============================================
   12. FOOTER
   ============================================= */
.dark-theme .bridal-footer { background: #0a0a0a; border-top: 1px solid rgba(201,169,110,0.12); }
.dark-theme .bridal-footer-brand .bridal-logo { color: #e8e0d4; }
.dark-theme .bridal-footer-brand p { color: #555; }
.dark-theme .bridal-footer-col h4 { color: #c9a96e; letter-spacing: 0.22em; }
.dark-theme .bridal-footer-col a { color: #555; }
.dark-theme .bridal-footer-col a:hover { color: #c9a96e; }
.dark-theme .bridal-footer-social a { color: #555; }
.dark-theme .bridal-footer-social a:hover { color: #c9a96e; }
.dark-theme .bridal-footer-bottom { border-top-color: rgba(255,255,255,0.06); }
.dark-theme .bridal-footer-bottom p { color: #444; }

/* =============================================
   13. COLLECTION BANNER (inner pages)
   ============================================= */
.dark-theme .collection-banner { background: #0d0d0d; border-bottom: 1px solid rgba(201,169,110,0.12); }
.dark-theme .collection-banner h1 { color: #e8e0d4; }
.dark-theme .collection-banner .banner-desc { color: #777; }
.dark-theme .collection-banner .bridal-section-subtitle { color: #c9a96e; }

/* =============================================
   14. HORIZONTAL FILTER BAR
   ============================================= */
.dark-theme .bridal-hfilter-wrap {
  background: #0d0d0d;
  border-bottom-color: rgba(255,255,255,0.07);
}

.dark-theme .hf-btn {
  color: #888;
  border-right-color: rgba(255,255,255,0.07);
}
.dark-theme .hf-group:first-child .hf-btn {
  border-left-color: rgba(255,255,255,0.07);
}
.dark-theme .hf-btn:hover {
  color: #e8e0d4;
  background: rgba(255,255,255,0.04);
}
.dark-theme .hf-btn.open {
  background: #c9a96e;
  color: #080808;
}
.dark-theme .hf-btn.has-active { color: #c9a96e; }

.dark-theme .hf-dropdown {
  background: #111111;
  border-color: rgba(255,255,255,0.07);
  border-top-color: #c9a96e;
  box-shadow: 0 12px 40px rgba(0,0,0,0.7);
}
.dark-theme .hf-dropdown label { color: #888; border-bottom-color: rgba(255,255,255,0.04); }
.dark-theme .hf-dropdown label:hover { color: #e8e0d4; }
.dark-theme .hf-dropdown input[type="checkbox"] { accent-color: #c9a96e; }

.dark-theme .hf-right {
  border-left-color: rgba(255,255,255,0.07);
}
.dark-theme .hf-total { color: #555; }
.dark-theme .hf-sort-wrap { color: #555; }
.dark-theme .hf-sort {
  color: #c9a96e;
  border-bottom-color: rgba(255,255,255,0.12);
}

.dark-theme .hf-tags-row { background: #0d0d0d; border-top-color: rgba(255,255,255,0.05); }
.dark-theme .bridal-filter-tag {
  border-color: rgba(201,169,110,0.4);
  color: #c9a96e;
}
.dark-theme .bridal-filter-tag:hover {
  background: #c9a96e;
  color: #080808;
}

.dark-theme .hf-mobile-overlay { background: #0d0d0d; }
.dark-theme .hf-mobile-header { background: #0d0d0d; border-bottom-color: rgba(255,255,255,0.07); }
.dark-theme .hf-mobile-header h2 { color: #e8e0d4; }
.dark-theme .hf-mobile-close { color: #888; }
.dark-theme .hf-mobile-group { border-bottom-color: rgba(255,255,255,0.06); }
.dark-theme .hf-mobile-group-title { color: #b0a898; }
.dark-theme .hf-mobile-apply { background: #0d0d0d; border-top-color: rgba(255,255,255,0.07); }
.dark-theme .hf-mobile-apply-btn { background: #c9a96e; color: #080808; }

.dark-theme .bridal-filter-option span { color: #888; }
.dark-theme .bridal-filter-option:hover span { color: #e8e0d4; }
.dark-theme .bridal-filter-option input { accent-color: #c9a96e; }

/* =============================================
   15. GRID TOGGLE + SORT
   ============================================= */
.dark-theme .grid-toggle button { color: #444; }
.dark-theme .grid-toggle button.active { color: #c9a96e; }
.dark-theme .bridal-products-count { color: #555; }
.dark-theme .bridal-products-toolbar { border-bottom-color: rgba(255,255,255,0.06); }
.dark-theme .bridal-products-sort select { color: #c9a96e; border-bottom-color: rgba(255,255,255,0.12); }
.dark-theme .bridal-products-sort { color: #555; }

/* =============================================
   16. PAGINATION
   ============================================= */
.dark-theme .bridal-pagination a,
.dark-theme .bridal-pagination span { color: #555; }
.dark-theme .bridal-pagination a:hover,
.dark-theme .bridal-pagination a.active {
  border-color: #c9a96e;
  color: #c9a96e;
}

/* =============================================
   17. COLLECTION STRIP NAV
   ============================================= */
.dark-theme .bridal-collection-strip {
  background: #0d0d0d;
  border-bottom-color: rgba(255,255,255,0.07);
}
.dark-theme .bridal-cstrip-item { color: #555; }
.dark-theme .bridal-cstrip-item:hover,
.dark-theme .bridal-cstrip-item.active {
  color: #c9a96e;
  border-bottom-color: #c9a96e;
}
.dark-theme .bridal-cstrip-item img { filter: grayscale(60%) brightness(0.7); }
.dark-theme .bridal-cstrip-item:hover img,
.dark-theme .bridal-cstrip-item.active img { filter: grayscale(0%) brightness(0.9); }

/* =============================================
   18. VERTICAL GALLERY (Product Detail v2)
   ============================================= */
.dark-theme .bridal-vgallery-item { background: #131313; }
.dark-theme .bridal-detail-v2-info {
  background: #0d0d0d;
  border-left-color: rgba(255,255,255,0.06);
}

/* Breadcrumb */
.dark-theme .bridal-breadcrumb li { color: #555; }
.dark-theme .bridal-breadcrumb a:hover { color: #c9a96e; }

/* Product name / label */
.dark-theme .bridal-product-collection-label { color: #c9a96e; }
.dark-theme .bridal-product-name { color: #e8e0d4; }
.dark-theme .bridal-product-desc { color: #888; }

/* Size buttons */
.dark-theme .bridal-size-label { color: #b0a898; }
.dark-theme .bridal-size-btn {
  border-color: rgba(255,255,255,0.12);
  color: #888;
  background: transparent;
}
.dark-theme .bridal-size-btn:hover,
.dark-theme .bridal-size-btn.selected {
  background: #c9a96e;
  border-color: #c9a96e;
  color: #080808;
}
.dark-theme .bridal-size-btn.unavailable { opacity: 0.2; }
.dark-theme .bridal-size-btn.unavailable:hover {
  background: transparent;
  border-color: rgba(255,255,255,0.12);
  color: #888;
}

/* Color swatches */
.dark-theme .bridal-color-swatch.selected,
.dark-theme .bridal-color-swatch:hover { border-color: #c9a96e; }

/* Appointment box */
.dark-theme [style*="background:var(--bridal-ivory)"],
.dark-theme [style*="background: var(--bridal-ivory)"] { background: #161616 !important; color: #888 !important; }

/* Share */
.dark-theme .bridal-share span { color: #555; }
.dark-theme .bridal-share a { color: #555; }
.dark-theme .bridal-share a:hover { color: #c9a96e; }

/* =============================================
   19. PRODUCT META ACCORDION
   ============================================= */
.dark-theme .bridal-product-meta { border-top-color: rgba(255,255,255,0.07); }

.dark-theme .bridal-product-meta-item {
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 14px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.dark-theme .bridal-product-meta-item span { font-size:11px; font-weight:400; letter-spacing:0.14em; text-transform:uppercase; color:#888; }
.dark-theme .bridal-product-meta-item i { font-size:11px; color:#555; }
.dark-theme .bridal-product-meta-content { color: #777 !important; }
.dark-theme .bridal-product-meta-content ul,
.dark-theme .bridal-product-meta-content li,
.dark-theme .bridal-product-meta-content p { color: #777 !important; }

/* =============================================
   20. SHIPPING BAR
   ============================================= */
.dark-theme .bridal-shipping-bar {
  background: #0d0d0d;
  border-top-color: rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.dark-theme .bridal-shipping-bar-item { color: #888; }
.dark-theme .bridal-shipping-bar-item i { color: #c9a96e; }

/* =============================================
   21. PRODUCT TABS
   ============================================= */
.dark-theme .bridal-product-tabs { border-top-color: rgba(255,255,255,0.06); background: transparent; }
.dark-theme .bridal-tab-nav { border-bottom-color: rgba(255,255,255,0.07); }
.dark-theme .bridal-tab-btn { color: #555; }
.dark-theme .bridal-tab-btn.active { color: #c9a96e; border-bottom-color: #c9a96e; }

/* Table */
.dark-theme .bridal-size-table th { background: #131313; color: #b0a898; border-bottom-color: rgba(255,255,255,0.07); }
.dark-theme .bridal-size-table td { color: #777; border-bottom-color: rgba(255,255,255,0.04); }
.dark-theme .bridal-size-table tr:nth-child(even) td { background: #111; }

/* =============================================
   22. RELATED PRODUCTS
   ============================================= */
.dark-theme .bridal-related { background: transparent; border-top: 1px solid rgba(255,255,255,0.06); }
.dark-theme .bridal-related-header .bridal-section-title { color: #e8e0d4; }

/* =============================================
   23. KREATION / EDITORIAL PAGES
   ============================================= */
.dark-theme .kreation-nav {
  background: #0d0d0d;
  border-bottom-color: rgba(255,255,255,0.07);
}
.dark-theme .kreation-nav a { color: #555; }
.dark-theme .kreation-nav a:hover,
.dark-theme .kreation-nav a.active {
  color: #c9a96e;
  border-bottom-color: #c9a96e;
}

.dark-theme .kreation-editorial-content { background: #131313; }
.dark-theme .kreation-editorial.reverse .kreation-editorial-content { background: #0d0d0d; }

.dark-theme .kreation-number { color: rgba(201,169,110,0.1); }

.dark-theme .kreation-quote { background: #0d0d0d; border-top: 1px solid rgba(201,169,110,0.15); border-bottom: 1px solid rgba(201,169,110,0.15); }
.dark-theme .kreation-quote blockquote { color: #e8e0d4; }
.dark-theme .kreation-quote cite { color: #c9a96e; opacity: 0.8; }

.dark-theme .kreation-process { background: transparent; }
.dark-theme .kreation-process-icon {
  border-color: rgba(201,169,110,0.25);
  color: #c9a96e;
}
.dark-theme .kreation-process-item h4 { color: #e8e0d4; }
.dark-theme .kreation-process-item p { color: #666; }

/* Kreation intro */
.dark-theme .bridal-kreation-intro { background: transparent; }

/* =============================================
   24. COLLECTION HERO (koleksiyon page)
   ============================================= */
.dark-theme [style*="height:52vh"] img { filter: brightness(0.45); }

/* =============================================
   25. EDITORIAL QUOTE SECTION
   ============================================= */
.dark-theme .bridal-editorial-quote img { filter: brightness(0.35); }
.dark-theme .bridal-editorial-quote-text blockquote { color: #e8e0d4; }
.dark-theme .bridal-editorial-quote-text cite { color: #c9a96e; }

/* =============================================
   26. PRESS STRIP
   ============================================= */
.dark-theme .bridal-press-strip {
  background: #0a0a0a;
  border-top-color: rgba(255,255,255,0.06);
  border-bottom-color: rgba(255,255,255,0.06);
}
.dark-theme .bridal-press-item { color: #c9a96e; opacity: 0.45; }
.dark-theme .bridal-press-item:hover { opacity: 0.9; }

/* =============================================
   27. APPOINTMENT CTA SECTION
   ============================================= */
.dark-theme .bridal-appt-section { background: #0d0d0d; border-top: 1px solid rgba(201,169,110,0.12); }
.dark-theme .bridal-appt-section h2 { color: #e8e0d4; }
.dark-theme .bridal-appt-section p { color: #666; }

/* =============================================
   28. ZOOM OVERLAY
   ============================================= */
.dark-theme .gallery-zoom-overlay { background: rgba(0,0,0,0.97); }

/* =============================================
   29. PRODUCT GRID (full-width page)
   ============================================= */
.dark-theme .bridal-products-full { background: transparent; }

/* =============================================
   30. GLOBAL INLINE STYLE OVERRIDES
   ============================================= */
/* Sections with inline bg styles */
.dark-theme section[style*="padding"],
.dark-theme div[style*="padding: 80px"] { background: transparent !important; }

/* Inline text styles */
.dark-theme [style*="color:var(--bridal-dark-gray)"] { color: #777 !important; }
.dark-theme [style*="color: var(--bridal-dark-gray)"] { color: #777 !important; }
.dark-theme [style*="color:var(--bridal-gray)"] { color: #555 !important; }

/* Ivory backgrounds become dark surface */
.dark-theme [style*="background:var(--bridal-ivory)"],
.dark-theme [style*="background: var(--bridal-ivory)"] { background: #161616 !important; }

/* =============================================
   31. DARK GOLD GLOW ACCENT
   ============================================= */

/* Thin gold line top decorations */
.dark-theme .bridal-hfilter-wrap::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #c9a96e 50%, transparent 100%);
  opacity: 0.3;
}

/* Gold bottom border on hovered product cards */
.dark-theme .bridal-product-card:hover .bridal-product-image-wrap::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c9a96e, transparent);
}

/* =============================================
   32. SCROLLBAR
   ============================================= */
.dark-theme ::-webkit-scrollbar { width: 4px; height: 4px; }
.dark-theme ::-webkit-scrollbar-track { background: #0a0a0a; }
.dark-theme ::-webkit-scrollbar-thumb { background: rgba(201,169,110,0.3); border-radius: 2px; }
.dark-theme ::-webkit-scrollbar-thumb:hover { background: rgba(201,169,110,0.6); }

/* =============================================
   33. MOBILE RESPONSIVENESS (dark overrides)
   ============================================= */
@media (max-width: 991px) {
  .dark-theme .bridal-filters {
    background: #0d0d0d;
    border-right: none;
    border-bottom-color: rgba(255,255,255,0.06);
  }
  .dark-theme .filter-mobile-toggle { border-color: rgba(255,255,255,0.15); color: #888; }
}

/* =============================================
   34. MOBILE NAV & BACKDROP (dark)
   ============================================= */
.dark-theme .bridal-nav-backdrop {
  background: rgba(0, 0, 0, 0.78);
}

.dark-theme .bridal-mobile-nav {
  background: #0a0a0a;
  border-right: 1px solid rgba(255,255,255,0.05);
}
.dark-theme .bridal-mobile-nav-header {
  border-bottom-color: rgba(255,255,255,0.07);
}
.dark-theme .bridal-mobile-nav-close {
  color: #666;
}
.dark-theme .bridal-mobile-nav-close:hover { color: #c9a96e; }

/* =============================================
   35. MOBILE FILTER OVERLAY (dark)
   ============================================= */
.dark-theme .hf-mobile-overlay {
  background: #0a0a0a;
}
.dark-theme .hf-mobile-header {
  background: #0a0a0a;
  border-bottom-color: rgba(255,255,255,0.07);
}
.dark-theme .hf-mobile-header h2 { color: #e8e0d4; }
.dark-theme .hf-mobile-close { color: #888; }
.dark-theme .hf-mobile-close:hover { color: #c9a96e; }

.dark-theme .hf-mobile-group {
  border-bottom-color: rgba(255,255,255,0.06);
}
.dark-theme .hf-mobile-group-title {
  color: #b0a898;
}
.dark-theme .hf-mobile-group-title i { color: #555; }

.dark-theme .hf-mobile-apply {
  background: #0a0a0a;
  border-top-color: rgba(255,255,255,0.07);
}
.dark-theme .hf-mobile-apply-btn {
  background: #c9a96e;
  color: #080808;
}
.dark-theme .hf-mobile-apply-btn:hover {
  background: #e8c88a;
}

/* Filter option labels in mobile overlay */
.dark-theme .bridal-filter-option span { color: #888; }
.dark-theme .bridal-filter-option:hover span { color: #e8e0d4; }
.dark-theme .bridal-filter-option input[type="checkbox"] { accent-color: #c9a96e; }

/* =============================================
   36. TOUCH DEVICE OVERRIDES (dark)
   ============================================= */
@media (hover: none) and (pointer: coarse) {
  .dark-theme .bridal-product-actions {
    background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, transparent 100%);
  }
  .dark-theme .bridal-product-actions button {
    background: rgba(8,8,8,0.9);
    color: #e8e0d4;
  }
}

/* =============================================
   37. HERO DARK OVERLAY STRENGTH
   ============================================= */
.dark-theme .bridal-hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.3) 0%,
    rgba(0,0,0,0.1) 40%,
    rgba(0,0,0,0.55) 100%
  );
}

/* =============================================
   38. NEWSLETTER DARK MOBILE
   ============================================= */
@media (max-width: 480px) {
  .dark-theme .bridal-newsletter-form input {
    border-bottom-color: rgba(201,169,110,0.3);
  }
}