/* Custom CSS Variables */
:root {
  --background: #ffffff;
  --foreground: #171717;
  --haseki-color: #aa8836;
  --haseki-gri: #ccc0b1;
  --haseki-siyah: #192426;
  --haseki-grey-color: #f6f6f6;
  --haseki-body-color: #f4f4f4;
  --color-haseki: #aa8836;
  --color-haseki-gri: #ccc0b1;
  --color-haseki-siyah: #192426;
  --color-body-haseki: #f4f4f4;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground: #ededed;
  }
}

/* Tailwind Custom Colors */
.bg-haseki { background-color: var(--haseki-color); }
.text-haseki { color: var(--haseki-color); }
.border-haseki { border-color: var(--haseki-color); }
.bg-body-haseki { background-color: var(--haseki-body-color); }

/* Font Family */
.font-main { font-family: 'Montserrat', sans-serif; }

/* Body Styles */
body {
  background: var(--haseki-body-color);
  color: var(--foreground);
  font-family: var(--font-main);
}

/* Header Styles - Zorla şeffaf */
header#header {
  background: transparent !important;
}

header#header.scrolled {
  background: var(--haseki-body-color) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Tüm header elementleri için */
header {
  background: transparent !important;
}

header.scrolled {
  background: var(--haseki-body-color) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Daha güçlü selector */
.fixed.top-0.left-0.right-0.z-10.transition-all.duration-300 {
  background: transparent !important;
}

.fixed.top-0.left-0.right-0.z-10.transition-all.duration-300.scrolled {
  background: var(--haseki-body-color) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.header-nav {
  position: relative;
}

.menu-button {
  position: absolute;
  top: 0;
  right: 5rem;
}

/* Mobile Menu Styles */
.mobile-menu {
  min-height: calc(100vh - 80px);
}

/* Swiper Styles */
.main-swiper {
  position: relative;
}

/* Slider Text Readability Enhancements */
.main-swiper .swiper-slide h1,
.main-swiper .swiper-slide h2 {
  text-shadow: 
    2px 2px 4px rgba(0,0,0,0.8),
    0 0 8px rgba(0,0,0,0.6),
    0 0 12px rgba(0,0,0,0.4) !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
  padding: 8px 16px;
  border-radius: 8px;
  backdrop-filter: blur(2px);
}

.main-swiper .swiper-slide h1 {
  text-shadow: 
    3px 3px 6px rgba(0,0,0,0.9),
    0 0 10px rgba(0,0,0,0.7),
    0 0 15px rgba(0,0,0,0.5) !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.4), rgba(0,0,0,0.2));
  padding: 12px 20px;
  border-radius: 12px;
  backdrop-filter: blur(3px);
}

.thumbnail-swiper {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  max-width: 600px;
  z-index: 30;
}

.swiper-wrapper-2 {
  position: absolute !important;
  right: 80px;
  bottom: 30px;
  display: flex;
  justify-content: flex-end;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 10px;
  z-index: 30;
}

.swiper-wrapper-2 .swiper-slide {
  width: 150px !important;
  margin-left: 8px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.swiper-wrapper-2 .swiper-slide:hover {
  transform: scale(1.05);
}

.swiper-wrapper-2 .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-wrapper-2 .swiper-slide:not(.swiper-slide-thumb-active) {
  opacity: 0.7;
}

.swiper-wrapper-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}

/* Custom Grid Heights */
.h-82 {
  height: 20rem;
}

/* Rounded Corners */
.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-4xl {
  border-radius: 2rem;
}

/* Custom Border Radius */
.rounded-b-4xl {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-4xl {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

/* Transitions */
.transition-all {
  transition: all 0.3s ease;
}

/* Hover Effects */
.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: var(--haseki-color);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8a6f2d;
}

/* Admin Panel Styles */
.admin-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.admin-sidebar {
  flex-shrink: 0;
}

.admin-main-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.admin-content-area {
  flex: 1;
  overflow-y: auto;
}

/* Admin Panel Mobile Adjustments */
@media (max-width: 1024px) {
  .admin-main-content {
    margin-left: 0 !important;
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .menu-button {
    right: 1rem;
  }
  
  .thumbnail-swiper {
    width: 95%;
  }
  
  .swiper-wrapper-2 {
    right: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    justify-content: center;
    padding: 8px;
  }
  
  .swiper-wrapper-2 .swiper-slide {
    width: 100px !important;
    margin-left: 4px;
  }
}