/* =============================================
   LUXURYWAY V9 - CSS FIXES ONLY
   Add this to your existing CSS or replace specific sections
   ============================================= */

/* =============================================
   BRAND LINK LOGOS - 150% SIZE
   ============================================= */
.brand-link-logo {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-link-logo img {
  max-width: 150%;
  max-height: 150%;
  object-fit: contain;
}

/* =============================================
   CAROUSEL STYLES
   ============================================= */
.carousel-container {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 10px;
}

.carousel-container::-webkit-scrollbar {
  display: none;
}

.carousel-item {
  flex-shrink: 0;
  width: 200px;
  scroll-snap-align: start;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

.carousel-item img {
  width: 100%;
  height: 280px;
  object-fit: contain;
  background: #111;
  display: block;
}

/* =============================================
   VIDEO SECTIONS
   ============================================= */
.home-video-section {
  width: 100%;
  margin-bottom: 40px;
}

.home-video-section video {
  width: 100%;
  display: block;
}

/* =============================================
   PREVENT DOUBLE-TAP ZOOM
   ============================================= */
* {
  touch-action: manipulation;
}

/* For fullscreen modals */
.fullscreen-modal img,
.carousel-modal img,
.product-fullscreen-modal img {
  touch-action: pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}
/* =============================================
   LIGHT THEME LOGO FIX
   Turns White Logos to Black when body has 'light-theme' class
   ============================================= */

/* Target Home Page Brand Cards & Category Page Brand Lists */
body.light-theme .brand-link-logo img,
body.light-theme .brand-logo-container img,
body.light-theme .brand-card-minimal img,
/* Target the Profile/Header Logo if it's a white PNG */
body.light-theme .profile-image-wrapper img.profile-image {
    filter: invert(1);
    opacity: 0.9; /* Optional: Makes it slightly softer black (dark grey) */
}

/* OPTIONAL: If you want a specific color like Gold instead of Black
   Note: This is an approximation. Black (invert) is safest. 
   Uncomment below to try a 'Gold-ish' look instead of Black */
/*
body.light-theme .brand-link-logo img {
    filter: invert(0.5) sepia(1) saturate(5) hue-rotate(45deg);
}
*/