/* 2 satır 3 sütun grid için yardımcı sınıflar */
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}

.h-100vh {
  height: 100vh !important;
}

.gap-\[40px\] {
  gap: 40px;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1520px\] {
  max-width: 1520px;
}

.bg-primary\/75 {
  background-color: #06245175;
}

/* Grid border düzenlemeleri */
.banner-content .item-slide {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  border-right: 1px solid rgba(255, 255, 255, 0.24);
}

.banner-content .item-slide:nth-child(3n) {
  border-right: none !important;
}

.banner-content .item-slide:nth-child(n+4) {
  border-bottom: none !important;
}

/* Metin animasyonu stilleri */
.description-field {
  transform: translateY(-30px);
  transition: all 0.45s ease-out;
  opacity: 0;
}

.group.active .description-field,
.group:hover .description-field,
.item-slide:hover .description-field {
  transform: translateY(0);
  opacity: 1;
}

/* Hover durumunda metin animasyonu */
.item-slide:hover .description-field {
  transform: translateY(0);
  opacity: 1;
}

/* Paragraf stilleri */
.description {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  font-size: 16px;
  max-width: 300px;
}

/* Text container stilleri */
.hero-carousel-field .text {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.45s ease;
}

.group.active .text,
.group:hover .text,
.item-slide:hover .text,
.group-hover\/slides .text {
  height: auto;
  opacity: 1;
}

/* Hover durumunda text container'ı göster */
.item-slide:hover .text {
  height: auto !important;
  opacity: 1 !important;
}

/* Description field hover stilleri */
.item-slide:hover .description-field {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* Responsive text boyutları */
@media (max-width: 1536px) {
  .description {
    font-size: 15px;
    max-width: 280px;
  }
}

@media (max-width: 1280px) {
  .description {
    font-size: 14px;
    max-width: 260px;
  }
}

@media (max-width: 768px) {
  .description {
    font-size: 13px;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .description {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .md\:mt-100 {
      margin-top: 100px;
  }
  .md\:mt-150 {
      margin-top: 150px;
  } 
}

@media (max-width: 1023px) {
  .md\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  .md\:grid-cols-5 {
    grid-template-columns: 1fr !important;
  }
  .md\:grid-rows-2 {
    grid-template-rows: none !important;
  }
  .md\:gap-6 {
    gap: 1rem !important;
  }
  .md\:max-w-\[120px\] {
    max-width: 120px;
  }
  
  /* Mobilde border'ları kaldır */
  .banner-content .item-slide {
    border: none !important;
  }
}

@media (max-width: 768px) {
  .sm\:max-w-\[160px\] {
      max-width: 160px;
  }
}

@media (min-width: 1024px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


.grid {
  display: grid;
} 

/*.font-play {
  font-family: "Play", sans-serif;
}*/

.footer-maps iframe{
  height: 460px;
  width: 100%;
  filter: grayscale(100%);
}

@media (max-width: 768px) {
  .footer-maps iframe{
    height: 400px;
  }
}


/* Custom Padding Bottom Classes */
.pb-80 {
  padding-bottom: 80px;
}

.pb-80-2xl {
  padding-bottom: 80px;
}

.pb-60-xl {
  padding-bottom: 60px;
}

.pb-45-lg {
  padding-bottom: 45px;
}

.pb-30-md {
  padding-bottom: 30px;
}

/* Responsive padding bottom classes */
@media (min-width: 1536px) {
  .pb-80-2xl {
    padding-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .pb-60-xl {
    padding-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .pb-45-lg {
    padding-bottom: 45px;
  }
}

@media (min-width: 768px) {
  .pb-30-md {
    padding-bottom: 30px;
  }
}

/* Scrollbar gizle utility */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}

/* Breadcrumb scroll stilleri */
.breadcrumb-scroll-wrapper {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* iOS smooth scroll */
  scroll-behavior: smooth;
}

/* Desktop'ta scroll olmasın */
@media (min-width: 769px) {
  .breadcrumb-scroll-wrapper {
    overflow-x: visible;
  }
}

/* Mobilde scroll aktif */
@media (max-width: 768px) {
  .breadcrumb-scroll-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-bottom: 10px;
  }
  
  
  /* Navigation liste stilleri */
  .breadcrumb-scroll-wrapper .navigation {
    flex-wrap: nowrap !important;
    min-width: max-content;
  }
  
  .breadcrumb-scroll-wrapper .navigation li {
    flex-shrink: 0;
    white-space: nowrap;
  }
}