/* =============================================== */
/* DİNAMİK STİLLER (PHP ile Üretildi)              */
/* =============================================== */
html {
    font-size: 16px; 
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 1rem; 
    color: #3D3D3D;
    background-color: #FDFBF7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
/* Navbar'ın içeriği ezmesini engellemek için main etiketine üstten boşluk ver */
main {
    padding-top: 80px; /* Navbar yüksekliği (h-20) kadar boşluk bırak */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    color: #001f3f;
}
.text-primary { color: #FFBF00; }
.bg-primary { background-color: #FFBF00; }
.border-primary { border-color: #FFBF00; }
.bg-dark { background-color: #001f3f; }
.text-hero-heading { color: #FFFFFF; }
.text-heading { color: #001f3f; }
.text-body { color: #3D3D3D; }

.btn-primary {
    background-color: #FFBF00;
    color: #ffffff;
    transition: filter 0.2s ease-in-out;
}
.btn-primary:hover { filter: brightness(90%); }

#header, #header.bg-white\/80 { background-color: #FDFBF7 !important; }
#header .text-heading, #header .text-body, #mobile-menu .text-body { color: #001f3f; }
#desktop-nav a { color: #001f3f; }
#desktop-nav a:hover { color: #FFBF00; }
#mobile-menu-button { color: #001f3f; }
#mobile-menu { background-color: #FDFBF7; }

footer { background-color: #001f3f; color: #EAEAEA; }
footer p, footer .footer-slogan { color: #EAEAEA; }
footer h4, footer h3, footer p.font-semibold { color: #FFBF00; }
footer a { color: #EAEAEA; }
footer a:hover { color: #FFBF00; }

/* Dinamik Kart Stilleri */
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div {
    background-color: #FFFFFF !important;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.07);
}
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div h2,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div h3,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div h4 {
    color: #001f3f !important;
}
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div p,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div span,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div div:not([class*="bg-"]):not([class*="border-"]) {
     color: #3D3D3D;
}
/* Kart içeriklerindeki küçük metinlerin okunabilirliğini artır */
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div p.text-sm {
    font-size: 0.9375rem !important; /* 15px - 14px'den biraz daha büyük */
    line-height: 1.6;
}

#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div a {
    color: #3D3D3D;
}
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div a.font-semibold,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div a .text-primary,
#hizmetlerimiz .grid > div,
#hizmetlerimiz-liste .grid > a,
#blog .grid > div,
#blog-liste .grid > div,
#hakkimizda-kartlar .grid > div span.text-primary {
    color: #FFBF00 !important;
}

/* Tailwind'in statik bg renklerini etkisiz kıl */
section.bg-white, section.bg-slate-50, section.bg-slate-100 {
    background-color: transparent !important;
}


/* =============================================== */
/* STATİK STİLLER (Okunabilirlik İyileştirmeleri)  */
/* =============================================== */
#home { height: var(--height-mobile, 600px); }
@media (min-width: 1024px) { #home { height: var(--height-desktop, 100vh); } }
#mobile-menu { transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#mobile-menu.open { transform: translateX(0); }
#menu-overlay { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }
#menu-overlay.open { opacity: 1; visibility: visible; }
#header.menu-is-open { z-index: 39 !important; }
[data-animate] { opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
[data-animate="fade-in"] { transform: translateY(10px); }
[data-animate="fade-up"] { transform: translateY(15px); }
[data-animate="fade-down"] { transform: translateY(-15px); }
[data-animate="zoom-in"] { transform: scale(0.95); }
.is-visible[data-animate] { opacity: 1; transform: translateY(0) scale(1); }
.slider-item { transition: opacity 0.7s ease-in-out; }
.lightbox-transition { transition: opacity 0.3s ease-in-out; }
.lightbox-thumb { width: 80px; height: 60px; object-fit: cover; cursor: pointer; border: 2px solid transparent; border-radius: 4px; margin: 0 4px; display: inline-block; opacity: 0.6; transition: opacity 0.3s ease, border-color 0.3s ease; }
.lightbox-thumb:hover { opacity: 1; }
.lightbox-thumb.active { opacity: 1; border-color: #FFBF00; }
#lightbox-thumbnails { scrollbar-width: thin; scrollbar-color: #4b5563 #1f2937; }
#lightbox-thumbnails::-webkit-scrollbar { height: 8px; }
#lightbox-thumbnails::-webkit-scrollbar-track { background: #1f2937; border-radius: 10px; }
#lightbox-thumbnails::-webkit-scrollbar-thumb { background-color: #4b5563; border-radius: 10px; border: 2px solid #1f2937; }
.slider-indicator.active { background-color: #ffffff; }

/* Okunabilirlik için Prose (Metin Alanı) İyileştirmeleri */
.prose { 
    color: #3D3D3D;
    font-size: 1.125rem; /* 18px */
    line-height: 1.85; 
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { 
    color: #001f3f;
    font-weight: 700; 
    margin-bottom: 0.75em; 
    margin-top: 2em; 
}
.prose h2 { 
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; 
    padding-bottom: 0.5rem; 
    border-bottom: 1px solid #e5e7eb; 
}
.prose h3 { 
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; 
}
.prose h4 { 
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; 
}
.prose p { 
    margin-bottom: 1.5em; 
}
.prose ul, .prose ol { 
    padding-left: 1.5rem; 
    margin-bottom: 1.5em; 
}
.prose li { 
    margin-bottom: 0.75em; 
    padding-left: 0.5rem; 
}
.prose li::marker { 
    color: #9ca3af; 
}
.prose strong, .prose b { 
    font-weight: 700;
    color: #001f3f; /* Kalın metinleri, okunabilirlik için başlık rengi yap */
}
.prose blockquote { 
    margin-left: 0; 
    margin-right: 0; 
    padding-left: 1.25rem; 
    font-style: italic; 
    color: #4b5563; /* Gray-600 */
}
.prose a { 
    color: #FFBF00; 
    font-weight: 500; 
    text-decoration: none; 
    transition: all 0.2s ease-in-out; 
    border-bottom: 1px solid transparent; 
}
.prose a:hover { 
    color: #FFBF00; 
    filter: brightness(85%); 
    border-bottom-color: #FFBF00; 
}