/* Header dropdown navigation */

.header nav ul li.has-dropdown {
  position: relative;
  overflow: visible;
}

.header nav ul li .dropdown-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: 0;
  font: inherit;
  /* color: var(--color-white); */
  cursor: pointer;
  text-transform: inherit;
  padding: 10px 30px 12px 40px;
}
.header.is-white nav a {
  font-size: 13px !important;
}
/* Opsiyonel: SweetAlert inputları için biraz daha yerel stil */
/* swal2-input'lar zaten SweetAlert tarafından stil alır, bu ek iyileştirmedir */
.swal2-input, .swal2-textarea {
  width: 90% !important; /* SweetAlert'in varsayılan genişliğini biraz aşmak için */
  margin-bottom: 10px !important;
}


.logo-link img {
  transform: scale(1.5);
}
.swal2-textarea {
  min-height: 100px;
  resize: vertical;
}
.flexdiv picture {
  width: 100%;
}
.swal2-input-label {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #545454;
  display: block; /* Yeni satıra geçmek için */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.bg-secondary-navy {
  background: #4a7638;
}
.header {
  position: relative !important;
}
.header {
  /* position: relative !important; */
  background: #4a7638;
  position: absolute !important;
  top: 0 !important;
  bottom: unset !important;
  margin-bottom: 60px !important;
}
.header nav ul li .dropdown-trigger:focus-visible {
  outline: 2px solid var(--color-primary-light-orange, #ffe1d5);
  outline-offset: 6px;
}
.swiper {
  margin-top: 100px !important;
}
.hero-parallax {
  width: 100% !important;
}
.swiper-slide {
  display: block !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
  color: #4a7638;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  color: #4a7638;
}
#main-content {
  margin-top: 120px;
}
.pb-10 {
  padding-bottom: 0px !important;
}
.-z-20 {
  z-index: -20;
  overflow: unset;
  position: relative;
}
.border-base-grey-stroke {
  border: unset !important;
}
.header nav ul li .dropdown-caret {
  transition: transform 0.25s var(--ease-in-out, ease);
}

.header nav ul li[data-dropdown-open='true'] .dropdown-caret {
  transform: rotate(180deg);
}

.flex {
  position: relative !important;
}
.text-secondary-navy {
  margin: 0 auto !important;
  text-align: center !important;
}
#margintop {
  margin-top: 0px !important;
}


    /* Yukarı çık butonu */
    #backtotop {
      position: fixed;
      right: 20px;
      bottom: 20px;
      width: 40px;
      height: 40px;
      background: #4a7638;       /* kahverengi / gold ton */
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 2px;        /* köşeler hafif yuvarlak */
      box-shadow: 0 2px 6px rgba(0,0,0,0.25);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease;
      z-index: 999;
    }

    /* görünür olduğunda */
    #backtotop.show {
      opacity: 1;
      pointer-events: auto;
    }

    /* ^ işaretini CSS ile çiziyoruz */
    #backtotop::before {
      content: "";
      width: 12px;
      height: 12px;
      border-left: 3px solid #fff;
      border-bottom: 3px solid #fff;
      transform: rotate(135deg); /* ^ şeklini verir */
      margin-bottom: -2px;
    }

    #backtotop:hover {
      filter: brightness(1.05);
    }
    #galeri {
      margin: 0 auto !important;
    }
img, video {
  height: unset !important;
}
#galeri .object-cover {
  height: 360px !important;
}
.bg-\[\#222222\]\/40 {
  background: unset !important;
}
.text-base-grey {
  line-height: 25px !important;
}
.header nav ul li .dropdown-panel {
  position: absolute;
  left: 0;
  min-width: 220px;
  padding: 0;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  color: var(--color-secondary-navy, #222e3c);
  background-color:
    color-mix(in oklab, var(--color-white) 30%, transparent);
  outline-style: var(--tw-outline-style);
  outline-offset: -1px;
  outline-width: 1px;
  outline-color:
    color-mix(in oklab, var(--color-white) 30%, transparent);
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.75rem);
  transition: opacity 0.25s var(--ease-in-out, ease),
    transform 0.25s var(--ease-in-out, ease);
  z-index: 25;
}

.header nav ul li.has-dropdown:is(:hover, :focus-within) .dropdown-panel,
.header nav ul li[data-dropdown-open='true'] .dropdown-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  background: #4a7638;
}
.header nav li:after {
  background: #fff !important;
}
.header .btn-cta:after {
  background: #fff !important;
}
.label-solid-orange {
  color: #4a7638 !important;
}

.text-primary-orange {
  color: #4a7638 !important;
}
.header nav ul li .dropdown-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: 0;
  font: inherit;
  color: #fff !important;
  cursor: pointer;
  text-transform: inherit;
  padding: 10px 30px 12px 40px;
}

.header nav ul li .dropdown-link:hover,
.header nav ul li .dropdown-link:focus-visible {
  border-bottom-color: rgba(251, 77, 23, 0.3);
}

.dropdown-panel li {
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.header nav li:first-child {
  border-top-left-radius: 18px !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 18px !important;
}

.header nav li:last-child {
  border-bottom-left-radius: 18px !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 18px !important;
  border-top-right-radius: 0 !important;
}

/* Mobile submenu container */
.mobile-submenu {
    display: flex;
    flex-direction: column;
}

.mobile-menu-title {
    display: block;
    padding: 12px 0;
    font-weight: 600;
    color: #4a7638;
    font-size: 1rem;
    border-bottom: 1px solid rgba(74, 118, 56, 0.1);
}

.mobile-dropdown {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    margin-top: 0.5rem;
    border-left: 2px solid rgba(74, 118, 56, 0.2);
}

    .mobile-dropdown li {
        margin-bottom: 0.25rem;
    }

    .mobile-dropdown a {
        display: block;
        padding: 10px 12px;
        color: #4b5563;
        font-size: 0.95rem;
        border-radius: 8px;
        transition: all 0.2s ease;
    }

        .mobile-dropdown a:hover,
        .mobile-dropdown a.active {
            background: rgba(74, 118, 56, 0.1);
            color: #4a7638;
        }

/* Active state for dropdown links */
.dropdown-link.active {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* ================================================
   PAGE SPECIFIC OVERRIDES
   Sayfa bazlı stil düzeltmeleri
   ================================================ */

/* Prose styling for content */
.prose {
    color: #374151;
    line-height: 1.75;
}

    .prose p {
        margin-bottom: 1rem;
    }

    .prose ul, .prose ol {
        margin-bottom: 1rem;
        padding-left: 1.5rem;
    }

    .prose li {
        margin-bottom: 0.5rem;
    }

    .prose strong {
        font-weight: 600;
        color: #1a1a1a;
    }

/* Details/Summary FAQ Styling */
details summary::-webkit-details-marker {
    display: none;
}

details summary {
    list-style: none;
}

details[open] summary {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 0;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Focus visible states for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #4a7638;
    outline-offset: 2px;
}

/* Image loading placeholder */
img[loading="lazy"] {
    background: #f3f4f6;
}

/* ================================================
   RESPONSIVE ADJUSTMENTS
   ================================================ */

@media (max-width: 768px) {
    .page-hero h1 {
        font-size: 2rem;
    }

    .page-hero p {
        font-size: 1rem;
    }

    .stats-badge {
        font-size: 0.9rem;
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .page-hero {
        padding: 100px 16px 60px;
    }

        .page-hero h1 {
            font-size: 1.75rem;
        }
}

/* ================================================
   HOME PAGE - Slider ve Resim Boyut Düzeltmeleri
   Bu stilleri pages/Home/main.css veya custom.css'e ekleyin
   ================================================ */

/* Hero Slider Tam Ekran Düzeltmesi */
.myHeroSwiper {
    height: calc(100vh - 100px) !important;
    margin-top: 100px !important;
}

    .myHeroSwiper .swiper-slide {
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        .myHeroSwiper .swiper-slide picture {
            width: 100%;
            height: 100%;
            display: block;
        }

    /* Hero resmi tam ekran kapla */
    .myHeroSwiper .hero-parallax {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center;
    }

/* Mobil için slider yükseklik */
@media (max-width: 768px) {
    .myHeroSwiper {
        height: calc(100vh - 80px) !important;
        margin-top: 80px !important;
    }
}

@media (max-width: 500px) {
    .myHeroSwiper {
        height: calc(100vh - 70px) !important;
        margin-top: 70px !important;
    }

        .myHeroSwiper .hero-parallax {
            object-position: center top;
        }
}

/* ================================================
   Galeri ve Duyuru Resim Boyutları
   ================================================ */

/* Galeri resimleri sabit yükseklik */
#galeri .object-cover,
#duyurular .object-cover {
    height: 280px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

#galeri a:hover .object-cover,
#duyurular a:hover .object-cover {
    transform: scale(1.03);
}

/* Mobilde daha küçük */
@media (max-width: 768px) {
    #galeri .object-cover,
    #duyurular .object-cover {
        height: 220px !important;
    }
}

@media (max-width: 500px) {
    #galeri .object-cover,
    #duyurular .object-cover {
        height: 200px !important;
    }
}

/* ================================================
   Değerlerimiz Bölümü Düzeltmeleri
   ================================================ */

/* Değerlerimiz kartları eşit genişlik */
.section-white [aria-label="Company statistics"] > div {
    flex: 1 1 calc(16.666% - 20px);
    min-width: 150px;
    max-width: 200px;
}

@media (max-width: 1024px) {
    .section-white [aria-label="Company statistics"] > div {
        flex: 1 1 calc(33.333% - 20px);
        max-width: none;
    }
}

@media (max-width: 640px) {
    .section-white [aria-label="Company statistics"] > div {
        flex: 1 1 100%;
        max-width: none;
    }
}

/* ================================================
   Genel İyileştirmeler
   ================================================ */

/* Section arası boşluk */
.section-white + .section-white {
    margin-top: 0;
}

/* Wrapper max genişlik */
.wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

/* Metin içeriği max genişlik */
.max-w-\[850px\],
.max-w-\[800px\] {
    margin-left: auto;
    margin-right: auto;
}

/* Liste stil düzeltmesi */
ul.list-none {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* FancyBox için hover efekti */
[data-fancybox] {
    cursor: zoom-in;
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

    [data-fancybox] img {
        transition: transform 0.3s ease, filter 0.3s ease;
    }

    [data-fancybox]:hover img {
        transform: scale(1.05);
        filter: brightness(1.05);
    }