/* White Theme — marka teal tonları (#135f66 / #207077 / #2a848c) */

/* Override CSS Variables for Webflow theming system */
:root {
    --theme--text: #135f66 !important; /* Koyu teal */
    --theme--background: #ffffff !important; /* Beyaz */
    --theme--background-inverted: #ffffff !important;
    --theme--text-inverted: #135f66 !important;
    --theme--background-secondary: #f0f0f0 !important; /* Açık Gri */
    --theme--border: #dcdcdc !important; /* Gri */
    --swatch--dark-faded: #f0f0f0 !important;
    --swatch--light: #e0e0e0 !important;
    --swatch--white: #ffffff !important;
    --swatch--black: #135f66 !important;
    --swatch--dark: #ffffff !important;
    --swatch--transparent: #ffffff00 !important;
}

/* Main page background and text colors */
html, body {
    background-color: #ffffff !important; /* Beyaz Arka Plan */
    color: #135f66 !important; /* Koyu teal yazı */
}

/* Webflow specific page classes */
.page_main {
    background-color: #ffffff !important;
    color: #135f66 !important;
}

.page_main.grid-view {
    background-color: #ffffff !important;
    color: #135f66 !important;
}

.page_main.list-view {
    background-color: #ffffff !important;
    color: #135f66 !important;
}

.body, .body-2, .body-3, .body-4 {
    background-color: #ffffff !important;
    color: #135f66 !important;
}

/* Override default text colors */
body {
    color: #135f66 !important;
    background-color: #ffffff !important;
}

/* Update general text elements */
h1, h2, h3, h4, h5, h6, p, span, div {
    color: #135f66 !important;
}

/* Override white backgrounds with teal theme */
.w-input, .w-select, .w-textarea {
    background-color: #f0f0f0 !important; /* Açık Gri */
    color: #135f66 !important;
    border-color: #dcdcdc !important; /* Gri */
}

/* Navigation and menu elements */
.nav, .navbar, .menu {
    background-color: #f0f0f0 !important; /* Açık Gri */
    color: #135f66 !important;
}

/* MR Grup Logo — orijinal görsel (renk filtreleri yok; boyut force-logo-big.css ile) */
.nav_logo_img, img.nav_logo_img {
    filter: none !important;
}

.nav_logo_img:hover, img.nav_logo_img:hover {
    filter: none !important;
    opacity: 0.95 !important;
}

/* Specific Navigation Fixes for Webflow */
.nav_wrap, .nav_wrap.fixed {
    background-color: #ffffff !important;
    pointer-events: auto !important;
}

.nav_link, .nav_link.fixed-23, a.nav_link.fixed-23.w-inline-block {
    color: #135f66 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0.9rem !important; /* Küçük boyut */
    font-weight: 500 !important;
    transform: scale(1) !important; /* Normal scale */
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Aktif navigation link'i sadece renk vurgusu */
.nav_link.w--current {
    font-size: 0.9rem !important; /* Aynı küçük boyut */
    font-weight: 600 !important;
    transform: scale(1) !important;
    color: #207077 !important; /* Orta teal — aktif link */
}

.nav_link:hover {
    transform: scale(1.05) !important;
    color: #2a848c !important; /* Hover — açık teal */
}

.nav_link_text, .nav_link_text.fixed-24, div.nav_link_text.fixed-24 {
    color: #135f66 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0.9rem !important; /* Küçük boyut */
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    transform: scale(1) !important; /* Normal scale */
    line-height: 1.1 !important; /* Kompakt line height */
    margin: 0 !important;
    padding: 0 !important;
}

/* Aktif navigation link metni */
.nav_link.w--current .nav_link_text {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #207077 !important;
}

/* Navigation container kompakt boyutlar */
.nav_wrap {
    height: auto !important;
    min-height: 2rem !important;
    padding: 0.1rem 0 !important;
}

.nav_grid {
    padding: 0.2rem 1.25rem !important;
}

.nav_link_wrap, .nav_link_wrap.fixed-36 {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 30px !important;
    overflow: visible !important; /* Taşmayı görünür yap */
}

.nav_menu_wrap {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 30px !important;
    max-height: 32px !important;
}

.nav_current_dot {
    background-color: #135f66 !important;
}

/* Override any navmask effects */
[navmask] {
    opacity: 1 !important;
    visibility: visible !important;
    color: #135f66 !important;
}

/* Navigation Grid and Items */
.nav_grid, .nav_grid.u-grid-custom {
    background-color: transparent !important;
    color: #135f66 !important;
}

.nav_item, .nav_item.u-column-2 {
    color: #135f66 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.nav_contain {
    background-color: transparent !important;
    color: #135f66 !important;
}

/* Force all navigation text to be visible */
.nav_wrap * {
    color: #135f66 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Normal logo styling - overridden by force-logo-big.css */

/* Kompakt container boyutları - logo için ayarlandı */
.nav_link_wrap {
    overflow: visible !important;
    height: auto !important;
    min-height: 40px !important;
    max-height: 45px !important;
}

.nav_item {
    height: auto !important;
    min-height: 40px !important;
    max-height: 45px !important;
}

/* Override any transform or mask effects on navigation */
.nav_wrap [class*="fixed-"] {
    opacity: 1 !important;
    visibility: visible !important;
    color: #135f66 !important;
    transform: none !important;
}

/* Geri dön tuşu ve ok styling */
.back-link {
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.back-arrow {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    margin-right: 8px !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
    color: #207077 !important;
}

.back-link:hover .back-arrow {
    transform: translateX(-3px) !important;
    color: #2a848c !important;
}

.back-link:hover .link-text {
    color: #2a848c !important;
}

/* Links and interactive elements */
a {
    color: #207077 !important; /* Link rengi */
}

a:hover {
    color: #2a848c !important; /* Link hover */
}

/* Buttons */
.btn, .button, .w-button {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
    border-color: #dcdcdc !important;
}

.btn:hover, .button:hover, .w-button:hover {
    background-color: #e0e0e0 !important;
}

/* Cards and containers */
.card, .container, .section {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Form elements */
input, textarea, select {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
    border-color: #dcdcdc !important;
}

input::placeholder, textarea::placeholder {
    color: #a9a9a9 !important; /* DarkGray for placeholders */
}

/* Override any remaining white backgrounds */
[style*="background-color: #fff"], 
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background: white"] {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Override any remaining dark text */
[style*="color: #333"], 
[style*="color: #000"], 
[style*="color: black"] {
    color: #135f66 !important;
}

/* Webflow specific overrides */
.w-form-done, .w-form-fail {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Footer elements */
.footer {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Modal and overlay elements */
.modal, .overlay, .popup {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Table elements */
table, th, td {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
    border-color: #dcdcdc !important;
}

/* Code blocks and pre elements */
pre, code {
    background-color: #f0f0f0 !important;
    color: #135f66 !important;
}

/* Ensure all text is visible on white background */
* {
    color: #135f66 !important;
}

/* Force override for all elements with background and text colors */
div, section, header, footer, nav, main, article, aside {
    background-color: inherit !important;
    color: #135f66 !important;
}

/* Override any Webflow generated styles */
[class*="w-"] {
    color: #135f66 !important;
}

/* Force background for main content areas */
[class*="page"], [class*="main"], [class*="content"], [class*="section"] {
    background-color: #ffffff !important;
    color: #135f66 !important;
}

/* Override any box shadows that might look odd on dark background */
.w-form .w-checkbox-input--inputType-custom:checked {
    background-color: #dcdcdc !important;
    border-color: #a9a9a9 !important;
}

/* Custom scrollbar for dark theme */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a9a9a9;
}

/* Proje adı yazı boyutunu büyütme */
.project_name.u-column-2.is-desktop .project-text-opacity {
    font-size: 1.5rem !important;
}

/* Proje detayları yazı boyutunu büyütme */
.project_name.u-column-2.is-desktop .project-location.u-text-style-small {
    font-size: 1.4rem !important;
}

/* Navigasyon çubuğu yüksekliğini logoya göre ayarla */
.nav_contain.is-sticky-top {
    min-height: 70px !important;
}