/* Referans Site Teması (mekaniktesisat.com.tr) - GÜNCELLENMİŞ */

:root {
    --primary-red: #ED1C24;
    --dark-gray: #363636; /* Referans footer rengi */
    --text-gray: #7A7A7A; /* Referans footer metin rengi */
    --white: #FFFFFF;
    --font-main: 'Roboto', sans-serif;
}

body {
    font-family: var(--font-main);
    color: #333;
    background-color: var(--white);
}

/* Header Düzenlemeleri */
header {
    background-color: var(--white) !important;
    height: 100px !important;
    border-bottom: 1px solid #eee !important; /* Turuncu çizgi kaldırıldı, ince gri çizgi eklendi */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.nav-link {
    color: #333 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px;
    transition: color 0.3s ease !important;
    text-decoration: none !important;
}

/* Hover Efektleri - Web */
.nav-link:hover {
    color: var(--primary-red) !important;
}

/* Footer - Referans Siteye Tam Uyumlu */
footer {
    background-color: var(--dark-gray) !important;
    color: var(--text-gray) !important;
    padding: 60px 0 30px 0 !important;
    border-top: none !important;
}

footer h4 {
    color: var(--white) !important;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 700;
}

footer a {
    color: var(--text-gray) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

footer a:hover {
    color: var(--primary-red) !important;
}

footer .text-red-600 {
    color: var(--primary-red) !important;
}

footer i {
    color: var(--primary-red) !important;
}

footer p {
    color: var(--text-gray) !important;
}

footer span {
    color: var(--text-gray) !important;
}

/* Mobil Menü */
#mobile-dropdown {
    background: var(--white) !important;
    border-top: 1px solid #eee !important;
    top: 100px !important;
}

.mobile-nav-item {
    color: #333 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    font-weight: 700 !important;
    padding: 15px 25px !important;
    transition: all 0.3s ease !important;
}

/* Hover Efektleri - Mobil */
.mobile-nav-item:hover, .mobile-nav-item:active {
    color: var(--primary-red) !important;
    background: #fafafa !important;
}

.hamburger-trigger span {
    background: var(--primary-red) !important;
}

/* Butonlar */
.btn-primary {
    background-color: var(--primary-red) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: background-color 0.3s ease !important;
}

.btn-primary:hover {
    background-color: #333 !important;
}