/* --- TEMEL AYARLAR --- */
body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-color: #f3f4f6;
}

/* --- RENKLER VE FONTLAR --- */
.text-aksoy-red { color: #dc2626 !important; }
.bg-aksoy-red { background-color: #dc2626 !important; }
.border-aksoy-red { border-color: #dc2626 !important; }
.hover\:text-aksoy-red:hover { color: #dc2626 !important; }
.group:hover .group-hover\:text-aksoy-red { color: #dc2626 !important; }

.bg-aksoy-dark { background-color: #111827 !important; }
.text-aksoy-dark { color: #111827 !important; }

.font-heading { font-family: 'Oswald', sans-serif !important; }
.font-body { font-family: 'Roboto', sans-serif !important; }

/* --- PRELOADER --- */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 0.5s ease-out;
}

/* --- NAVBAR STYLING --- */
#navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    height: 120px; /* Sabit yükseklik */
    display: flex;
    align-items: center;
}

.nav-link {
    font-weight: 600;
    color: #1f2937;
    font-size: 14px;
    letter-spacing: 0.5px;
    position: relative;
    transition: color 0.3s;
    padding: 30px 0;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    white-space: nowrap;
}
.nav-link:hover {
    color: #dc2626 !important;
}

/* --- DROPDOWN MENU (Masaüstü) --- */
.dropdown:hover .dropdown-menu {
    display: block;
    animation: fadeIn 0.3s ease;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    min-width: 280px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-top: 3px solid #dc2626;
    z-index: 1000;
    max-height: 70vh;
    overflow-y: auto;
}
.dropdown-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #374151;
    font-size: 13px;
    border-bottom: 1px solid #f3f4f6;
    transition: all 0.2s;
    text-transform: uppercase;
    cursor: pointer;
}
.dropdown-item:hover {
    background-color: #f9fafb;
    color: #dc2626 !important;
    padding-left: 25px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- LOGO --- */
.logo-container img {
    height: 90px; /* Mobilde taşmaması için biraz küçülttük */
    width: auto;
    object-fit: contain;
}

/* --- HERO & VIDEO (GÜNCELLENDİ) --- */
.hero-bg {
    position: relative;
    /* Mobilde içerik çok olduğu için yükseklik serbest olsun (min-height) */
    min-height: 100vh; 
    overflow: hidden;
    background-color: #111;
    display: flex;
    align-items: center; /* İçeriği ortala */
}

/* --- WHATSAPP BUTTON --- */
.whatsapp-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 90;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: transform 0.3s;
}
.whatsapp-btn:hover {
    transform: translateY(-5px);
}

/* --- MODAL STYLES --- */
#detail-modal {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#detail-modal.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
#detail-modal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.modal-content {
    transform: scale(0.95);
    transition: transform 0.3s ease;
}
#detail-modal:not(.hidden) .modal-content {
    transform: scale(1);
}
/* --- SLIDER (KAYDIRMA) AYARLARI --- */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scroll-smooth {
    scroll-behavior: smooth;
}
/* Slider Butonları */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    color: #dc2626;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #eee;
}
.slider-btn:hover {
    background-color: #dc2626;
    color: white;
}
/* Butonları içeri çekiyoruz */
.slider-btn.left { left: 10px; } 
.slider-btn.right { right: 10px; }

/* Butonun biraz şeffaf olması estetik durur */
.slider-btn {
    opacity: 0.9; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.2); /* Gölgeyi artırdım */
}
.slider-btn:hover {
    opacity: 1;
}

/* Mobilde butonları gizle (parmakla kaydırmak daha kolay) */
@media (max-width: 768px) {
    .slider-btn { display: none; }
    .slider-container { padding-right: 20px; } /* Mobilde sağda boşluk kalsın */
}