/* Dark Mode Stilleri */

/* Tema Toggle Butonu */
.nav-divider {
    width: 1px;
    height: 20px;
    background: #ddd;
    margin: 0;
}

.theme-toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.theme-toggle:hover {
    opacity: 1;
}

.theme-icon {
    font-size: 1.1rem;
    line-height: 1;
}

.topbar-divider {
    width: 1px;
    height: 20px;
    background: rgba(0, 36, 79, 0.2);
    flex-shrink: 0;
}

/* Dil Dropdown */
.lang-dropdown {
    position: relative;
}

.lang-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: #00244f;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.lang-toggle:hover {
    opacity: 1;
}

.lang-arrow {
    font-size: 0.65rem;
    transition: transform 0.3s ease;
}

.lang-dropdown.open .lang-arrow {
    transform: rotate(180deg);
}

.lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 36, 79, 0.15);
    min-width: 140px;
    overflow: hidden;
    z-index: 999;
    border: 1px solid #e8f0f7;
}

.lang-dropdown.open .lang-menu {
    display: block;
}

.lang-menu li {
    padding: 0.7rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: #00244f;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lang-menu li:hover {
    background: #f0f6fb;
}

.lang-menu li.lang-active {
    color: #4c9fd4;
    font-weight: 700;
}

body.dark .lang-toggle {
    color: #c0cfe0;
}

body.dark .lang-menu {
    background: #0d1526;
    border-color: #1a2a45;
}

body.dark .lang-menu li {
    color: #c0cfe0;
}

body.dark .lang-menu li:hover {
    background: #1a2a45;
}

body.dark .lang-menu li.lang-active {
    color: #4c9fd4;
}
body.dark {
    background: #0a0f1e;
    color: #e0e6f0;
}

/* Topbar */
body.dark .topbar {
    background: #0d1526;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

body.dark .topbar.scrolled {
    background: #0d1526;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

body.dark .hamburger {
    color: #fefefe;
}

body.dark .topbar .nav-menu a {
    color: #c0cfe0;
}

body.dark .topbar .nav-menu a:hover,
body.dark .topbar .nav-menu a.active {
    color: #4c9fd4;
}

body.dark .topbar .nav-menu {
    background: #0d1526;
    border-top-color: #1a2a45;
}

body.dark .topbar .nav-menu a {
    border-bottom-color: #1a2a45;
}

body.dark .topbar .topbar-contact .cta-btn {
    background: #4c9fd4;
}

body.dark .topbar .topbar-contact .cta-btn:hover {
    background: #3a8ec0;
}

body.dark .nav-divider {
    background: #2a3a55;
}

body.dark .theme-toggle {
    border-color: #2a3a55;
    color: #c0cfe0;
}

/* Section başlıkları */
body.dark .section-title {
    color: #e0e6f0;
}

/* Fleet */
body.dark .fleet {
    background: #0a0f1e;
}

body.dark .fleet-subtitle {
    color: #4c9fd4;
}

body.dark .yacht-card {
    background: #0d1526;
    border-color: #1a2a45;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

body.dark .yacht-info h3 {
    color: #e0e6f0;
}

body.dark .yacht-category {
    color: #6a8aaa;
}

body.dark .yacht-specs-grid {
    border-color: #1a2a45;
}

body.dark .yacht-spec-item {
    color: #8aaac0;
}

body.dark .yacht-contact {
    color: #4c9fd4;
}

body.dark .yacht-btn-detail {
    background: #4c9fd4;
}

body.dark .yacht-btn-detail:hover {
    background: #3a8ec0;
}

body.dark .fleet-more-btn {
    background: #4c9fd4;
}

body.dark .fleet-more-btn:hover {
    background: #3a8ec0;
}

/* Services */
body.dark .services {
    background: #0d1526;
}

body.dark .service-card {
    background: #0a0f1e;
    border-left-color: #4c9fd4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark .service-body h3 {
    color: #e0e6f0;
}

body.dark .service-body p {
    color: #8aaac0;
}

body.dark .service-features li {
    color: #4c9fd4;
}

/* About */
body.dark .about {
    background: #0a0f1e;
}

body.dark .about-text h2 {
    color: #e0e6f0;
}

body.dark .about-text p {
    color: #8aaac0;
}

body.dark .about-features li {
    color: #4c9fd4;
}

/* Contact */
body.dark .contact {
    background: #0d1526;
}

body.dark .contact-form h3 {
    color: #e0e6f0;
}

body.dark .contact-form p.form-desc {
    color: #8aaac0;
}

body.dark .form-field {
    border-bottom-color: #1a2a45;
}

body.dark .form-field input,
body.dark .form-field textarea {
    color: #e0e6f0;
    background: transparent;
}

body.dark .form-field input::placeholder,
body.dark .form-field textarea::placeholder {
    color: #3a5a7a;
}

body.dark .contact-form .submit-btn {
    background: #4c9fd4;
}

body.dark .contact-form .submit-btn:hover {
    background: #3a8ec0;
}

/* Footer */
body.dark .footer {
    background: #060b14;
}

/* Slider */
body.dark .slider-overlay {
    background: rgba(0, 0, 0, 0.97);
}