/**
 * SİTE GENEL STİL DOSYASI
 * Tüm sayfalarda kullanılan genel stiller
 */

/* TEMEL AYARLAR */
:root {
    --primary-color: #003153 !important;
    --secondary-color: #6c757d;
    --success-color: #198754;
    --danger-color: #8b0000 !important;
    --warning-color: #ffc107;
    --info-color: #0dcaf0;
    --light-color: #f8f9fa;
    --dark-color: #212529;
    --body-bg: #f8f9fa;
    --text-color: #212529;
    --link-color: #0d6efd;
    --border-radius: 0.375rem;
    --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
}
.logo-img {
    height: 40px; /* Tercihe göre 30-60px arası önerilir */
    width: auto;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
/* TEMEL HTML YAPISI */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    margin-bottom: 60px;
    background-color: var(--body-bg);
    color: var(--text-color);
    line-height: 1.6;
}

/* LAYOUT */
.container {
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
}


/* FORMS */
.form-control,
.form-select {
    border-radius: var(--border-radius);
    padding: 0.5rem 1rem;
    transition: var(--transition);
}

    .form-control:focus,
    .form-select:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.form-floating > label {
    color: var(--secondary-color);
}

/* NAVBAR */
.navbar {
    padding: 0.15rem 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-brand {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

    .navbar-brand i {
        margin-right: 0.5rem;
    }

/* CARDS */
.card {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    margin-bottom: 1.5rem;
}

    .card:hover {
        box-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
    }

.card-header {
    border-bottom: 1px solid rgba(0,0,0,0.125);
    padding: 1rem 1.25rem;
    background-color: #fff;
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.card-body {
    padding: 1.25rem;
}

/* ALERTS */
.alert {
    border-radius: var(--border-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: none;
}

/* UTILITY CLASSES */
.rounded {
    border-radius: var(--border-radius) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
}

.shadow {
    box-shadow: var(--box-shadow) !important;
}

/* RESPONSIVE HELPERS */
@media (max-width: 767.98px) {
    .mobile-stack > * {
        width: 100%;
        margin-bottom: 1rem;
    }

        .mobile-stack > *:last-child {
            margin-bottom: 0;
        }
}

/* BACK TO TOP BUTTON */
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary-color);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 999;
}

    .back-to-top:hover {
        background: #0b5ed7;
        color: white;
    }

    .back-to-top.active {
        opacity: 1;
        visibility: visible;
    }

/* LAZY LOADING */
.lozad {
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .lozad.loaded {
        opacity: 1;
    }

/* ANIMATIONS */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

/* PRINT STYLES */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: none;
        padding: 0;
        margin: 0;
    }

    .container {
        width: auto;
        max-width: 100%;
        padding: 0;
    }
}

/* Kart Animasyonları */
.shadow-hover {
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

    .shadow-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

.transition-scale {
    transition: transform 0.5s ease;
}

.shadow-hover:hover .transition-scale {
    transform: scale(1.05);
}

/* Beğeni Butonu */
.btn-like {
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 20px;
    font-size: 0.875rem;
}

    .btn-like:hover {
        color: #8b0000;
        background: rgba(220, 53, 69, 0.1);
    }

    .btn-like.liked {
        color: #8b0000;
    }

        .btn-like.liked:hover {
            background: rgba(220, 53, 69, 0.2);
        }

/* Avatar */
.avatar-circle-sm {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.75rem;
}

/* Yazı Boyutları */
.small {
    font-size: 0.875rem;
}

.extra-small {
    font-size: 0.75rem;
}

.select2-container .select2-search--inline .select2-search__field {
    height:26px!important;
}

/* NAVBAR LINK COLORS */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.95) !important;
    transition: all 0.3s ease;
}

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .navbar-dark .navbar-nav .nav-link.active {
        color: white !important;
        font-weight: 500;
    }

/* Dropdown link colors */
.navbar-dark .navbar-nav .dropdown-item {
    color: var(--dark-color);
}

    .navbar-dark .navbar-nav .dropdown-item:hover,
    .navbar-dark .navbar-nav .dropdown-item:focus {
        background-color: rgba(0, 49, 83, 0.1);
    }

/* Brand text color */
.navbar-dark .navbar-brand {
    color: white !important;
}

/* Toggler icon color */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar {
    background: linear-gradient(180deg, #003153 0%, #1a3a6e 200%) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
    /* Scroll'da navbar efekti */
    .navbar.scrolled {
        background: linear-gradient(135deg, #002a46 0%, #16315a 200%) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


.navbar-nav .nav-link {
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
}

    .navbar-nav .nav-link::after {
        content: '';
        position: absolute;
        bottom: -2px!important;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(200,200,200,0.9) 50%, rgba(255,255,255,0.8) 100%);
        background-size: 200% 100%;
        transition: width 0.4s ease; /* ← Bu satır kritik! */
        transform-origin: left center;
    }

    .navbar-nav .nav-link:hover::after {
        width: 100%;
        animation: gradientFlow 2s linear infinite;
    }

/* Animasyon tanımı (aynı) */
@keyframes gradientFlow {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}
.navbar .dropdown-menu {
    background-color: rgba(0, 49, 83, 0.95);
    border: none;
}

.navbar .dropdown-item {
    color: rgba(255, 255, 255, 0.8);
}

    .navbar .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

@media (max-width: 991.98px) {
    .navbar-collapse {
        padding: 0px;
        margin-top: 10px;
        border-radius: 5px;
    }
}

:root {
    /* PRİMARY YENİ RENK TANIMLARI */
    --bs-primary: #003153; /* Ana primary rengi */
    --bs-primary-rgb: 0, 49, 83; /* RGB formatında primary renk */
    /* METİN RENKLERİ */
    --bs-primary-text: #ffffff; /* Primary arkaplan üstündeki metin rengi */
    --bs-primary-text-emphasis: #001a2b; /* Daha koyu vurgu rengi */
    /* ARKA PLAN RENKLERİ */
    --bs-primary-bg-subtle: #e6ecf1; /* Açık ton arkaplan */
    --bs-primary-bg: var(--bs-primary); /* Standart arkaplan */
    /* KENARLIK RENKLERİ */
    --bs-primary-border: #003153; /* Standart kenarlık */
    --bs-primary-border-subtle: #b3c3d1; /* Açık ton kenarlık */
    /* BUTON DURUMLARI */
    --bs-btn-primary-bg: var(--bs-primary); /* Normal durum */
    --bs-btn-primary-border: var(--bs-primary); /* Normal kenarlık */
    --bs-btn-primary-hover-bg: #002642; /* Üzerine gelindiğinde */
    --bs-btn-primary-hover-border: #002642; /* Hover kenarlık */
    --bs-btn-primary-active-bg: #001c31; /* Tıklandığında */
    --bs-btn-primary-active-border: #001c31; /* Active kenarlık */
    /* OUTLINE BUTONLAR İÇİN */
    --bs-btn-outline-primary-color: var(--bs-primary); /* Metin rengi */
    --bs-btn-outline-primary-border: var(--bs-primary); /* Kenarlık rengi */
    --bs-btn-outline-primary-hover-bg: var(--bs-primary); /* Hover arkaplan */
    --bs-btn-outline-primary-hover-border: var(--bs-primary); /* Hover kenarlık */
    --bs-btn-outline-primary-active-bg: #002642; /* Active arkaplan */
    --bs-btn-outline-primary-active-border: #002642; /* Active kenarlık */
    /* TABLO RENKLERİ */
    --bs-table-bg-primary: var(--bs-primary); /* Primary tablo arkaplanı */
    --bs-table-striped-bg-primary: #002642; /* Çizgili satır rengi */
    /* FORM KONTROLLERİ */
    --bs-form-valid-color: var(--bs-primary); /* Geçerli form rengi */
    --bs-form-valid-border-color: var(--bs-primary); /* Geçerli kenarlık */
}

/* ===== BİLEŞEN BAZLI ÖZELLEŞTİRMELER ===== */

/* STANDART BUTONLAR */
.btn-primary {
    --bs-btn-color: var(--bs-primary-text); /* Metin rengi */
    --bs-btn-bg: var(--bs-btn-primary-bg); /* Arkaplan */
    --bs-btn-border-color: var(--bs-btn-primary-border); /* Kenarlık */
    --bs-btn-hover-color: var(--bs-primary-text); /* Hover metin */
    --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg); /* Hover arkaplan */
    --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border); /* Hover kenarlık */
    --bs-btn-active-color: var(--bs-primary-text); /* Active metin */
    --bs-btn-active-bg: var(--bs-btn-primary-active-bg); /* Active arkaplan */
    --bs-btn-active-border-color: var(--bs-btn-primary-active-border); /* Active kenarlık */
}

/* OUTLINE BUTONLAR */
.btn-outline-primary {
    --bs-btn-color: var(--bs-btn-outline-primary-color); /* Metin rengi */
    --bs-btn-border-color: var(--bs-btn-outline-primary-border); /* Kenarlık */
    --bs-btn-hover-color: var(--bs-primary-text); /* Hover metin (beyaz) */
    --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg); /* Hover arkaplan */
    --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border); /* Hover kenarlık */
    --bs-btn-active-color: var(--bs-primary-text); /* Active metin */
    --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg); /* Active arkaplan */
    --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border); /* Active kenarlık */
}

/* BADGE (ROZET) */
.badge.bg-primary {
    --bs-badge-color: var(--bs-primary-text); /* Metin rengi */
    --bs-badge-bg: var(--bs-primary); /* Arkaplan */
}

/* ALERT (UYARI) */
.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis); /* Metin rengi */
    --bs-alert-bg: var(--bs-primary-bg-subtle); /* Arkaplan */
    --bs-alert-border-color: var(--bs-primary-border-subtle); /* Kenarlık */
    --bs-alert-link-color: var(--bs-primary-text-emphasis); /* Link rengi */
}

/* TABLOLAR */
.table-primary,
.table-primary > th,
.table-primary > td {
    --bs-table-bg: var(--bs-table-bg-primary); /* Arkaplan */
    --bs-table-color: white; /* Metin rengi */
}

/* SAYFALAMA (PAGINATION) */
.page-item.active .page-link {
    --bs-pagination-active-bg: var(--bs-primary); /* Aktif sayfa arkaplan */
    --bs-pagination-active-border-color: var(--bs-primary); /* Aktif sayfa kenarlık */
}

/* PROGRESS BAR */
.progress-bar {
    --bs-progress-bar-bg: var(--bs-primary); /* Doluluk rengi */
}

/* DROPDOWN (AÇILIR MENÜ) */
.dropdown-item.active,
.dropdown-item:active {
    --bs-dropdown-link-active-bg: var(--bs-primary); /* Aktif öğe arkaplan */
}

/* NAV PILLS (HAP STİLİ NAV) */
.nav-pills .nav-link.active {
    --bs-nav-pills-link-active-bg: var(--bs-primary); /* Aktif sekme */
}

/* TOOLTIP (AÇIKLAMA BALONU) */
.tooltip {
    --bs-tooltip-bg: var(--bs-primary); /* Balon arkaplan */
}

/* TOAST (BİLDİRİM) */
.toast-header {
    --bs-toast-header-color: var(--bs-primary-text-emphasis); /* Başlık metin */
    --bs-toast-header-bg: var(--bs-primary-bg-subtle); /* Başlık arkaplan */
    --bs-toast-border-color: var(--bs-primary-border-subtle); /* Kenarlık */
}

:root {
    /* DANGER RENK TANIMLARI */
    --bs-danger: #8b0000; /* Ana danger rengi */
    --bs-danger-rgb: 139, 0, 0; /* RGB formatı */
    /* METİN RENKLERİ */
    --bs-danger-text: #ffffff; /* Danger arkaplan üstündeki metin rengi */
    --bs-danger-text-emphasis: #520000; /* Daha koyu vurgu rengi */
    /* ARKA PLAN RENKLERİ */
    --bs-danger-bg-subtle: #f8d7da; /* Açık ton (subtle) arkaplan */
    --bs-danger-bg: var(--bs-danger); /* Danger ana arkaplan */
    /* KENARLIK RENKLERİ */
    --bs-danger-border: var(--bs-danger); /* Standart kenarlık */
    --bs-danger-border-subtle: #f5c2c7; /* Açık ton kenarlık */
    /* BUTON DURUMLARI */
    --bs-btn-danger-bg: var(--bs-danger); /* Normal buton arkaplanı */
    --bs-btn-danger-border: var(--bs-danger); /* Normal kenarlık */
    --bs-btn-danger-hover-bg: #6e0000; /* Üzerine gelindiğinde */
    --bs-btn-danger-hover-border: #6e0000; /* Hover kenarlık */
    --bs-btn-danger-active-bg: #520000; /* Tıklanınca */
    --bs-btn-danger-active-border: #520000; /* Active kenarlık */
    /* OUTLINE BUTONLAR */
    --bs-btn-outline-danger-color: var(--bs-danger); /* Metin rengi */
    --bs-btn-outline-danger-border: var(--bs-danger); /* Kenarlık rengi */
    --bs-btn-outline-danger-hover-bg: var(--bs-danger); /* Hover arka plan */
    --bs-btn-outline-danger-hover-border: var(--bs-danger); /* Hover kenarlık */
    --bs-btn-outline-danger-active-bg: #6e0000; /* Tıklanınca */
    --bs-btn-outline-danger-active-border: #6e0000; /* Tıklanınca kenarlık */
    /* FORM KONTROLLERİ */
    --bs-form-invalid-color: var(--bs-danger); /* Geçersiz form rengi */
    --bs-form-invalid-border-color: var(--bs-danger); /* Geçersiz kenarlık */
}

/* ===== BİLEŞEN BAZLI ÖZELLEŞTİRMELER: DANGER ===== */

/* STANDART DANGER BUTONLAR */
.btn-danger {
    --bs-btn-color: var(--bs-danger-text); /* Metin rengi */
    --bs-btn-bg: var(--bs-btn-danger-bg); /* Arkaplan */
    --bs-btn-border-color: var(--bs-btn-danger-border); /* Kenarlık */
    --bs-btn-hover-color: var(--bs-danger-text); /* Hover metin */
    --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg); /* Hover arkaplan */
    --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border); /* Hover kenarlık */
    --bs-btn-active-color: var(--bs-danger-text); /* Active metin */
    --bs-btn-active-bg: var(--bs-btn-danger-active-bg); /* Active arkaplan */
    --bs-btn-active-border-color: var(--bs-btn-danger-active-border); /* Active kenarlık */
}

/* OUTLINE DANGER BUTONLAR */
.btn-outline-danger {
    --bs-btn-color: var(--bs-btn-outline-danger-color); /* Metin rengi */
    --bs-btn-border-color: var(--bs-btn-outline-danger-border); /* Kenarlık */
    --bs-btn-hover-color: var(--bs-danger-text); /* Hover metin */
    --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg); /* Hover arka plan */
    --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border); /* Hover kenarlık */
    --bs-btn-active-color: var(--bs-danger-text); /* Active metin */
    --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg); /* Active arka plan */
    --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border); /* Active kenarlık */
}

/* BADGE (ROZET) */
.badge.bg-danger {
    --bs-badge-color: var(--bs-danger-text); /* Metin rengi */
    --bs-badge-bg: var(--bs-danger); /* Arkaplan */
}

/* ALERT (UYARI) */
.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis); /* Metin rengi */
    --bs-alert-bg: var(--bs-danger-bg-subtle); /* Arkaplan */
    --bs-alert-border-color: var(--bs-danger-border-subtle); /* Kenarlık */
    --bs-alert-link-color: var(--bs-danger-text-emphasis); /* Link rengi */
}

/* TABLOLAR */
.table-danger,
.table-danger > th,
.table-danger > td {
    --bs-table-bg: var(--bs-danger-bg-subtle); /* Arkaplan */
    --bs-table-color: var(--bs-danger-text); /* Metin rengi */
}

/* SAYFALAMA (PAGINATION) */
.page-item.active .page-link.bg-danger {
    --bs-pagination-active-bg: var(--bs-danger); /* Aktif sayfa arkaplan */
    --bs-pagination-active-border-color: var(--bs-danger); /* Aktif kenarlık */
}

/* PROGRESS BAR */
.progress-bar.bg-danger {
    --bs-progress-bar-bg: var(--bs-danger); /* Doluluk rengi */
}

/* DROPDOWN (AÇILIR MENÜ) */
.dropdown-item.active.bg-danger,
.dropdown-item:active.bg-danger {
    --bs-dropdown-link-active-bg: var(--bs-danger); /* Aktif öğe arkaplan */
}

/* NAV PILLS (HAP STİLİ NAV) */
.nav-pills .nav-link.active.bg-danger {
    --bs-nav-pills-link-active-bg: var(--bs-danger); /* Aktif sekme */
}

/* TOOLTIP (AÇIKLAMA BALONU) */
.tooltip[data-bs-theme="danger"] {
    --bs-tooltip-bg: var(--bs-danger); /* Balon arkaplan */
}

/* TOAST (BİLDİRİM) */
.toast-header.bg-danger {
    --bs-toast-header-color: var(--bs-danger-text-emphasis); /* Başlık metin */
    --bs-toast-header-bg: var(--bs-danger-bg-subtle); /* Başlık arkaplan */
    --bs-toast-border-color: var(--bs-danger-border-subtle); /* Kenarlık */
}


.logo-navbar {
    max-height: 40px; /* Navbar'ın doğal yüksekliği kadar */
    width: auto; /* En boy oranı korunur */
    background-color: #fff;
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Arka plan resmi ve saydamlık ayarı */
body {
    background-image: url('/images/mentorevo/bgimage.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
}

    body::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.6); /* Saydamlık ayarı (0.7 = %70 opak) */
        z-index: -1;
    }

main {
    position: relative;
    z-index: 1;
}

/* Navbar ve footer'ın arka planını düzenle */
.navbar {
    background-color: rgba(13, 110, 253, 0.9) !important; /* Navbar saydamlığı */
}

footer {
    background-color: rgba(33, 37, 41, 0.9) !important; /* Footer saydamlığı */
}


/* Özel kayan çizgi sınıfı */
.hover-underline {
    position: relative;
    color: white !important;
    text-decoration: none !important;
    display: inline-block; /* Daha tutarlı davranış için */
}

    .hover-underline::after {
        content: '';
        position: absolute;
        bottom: -3px; /* Çizgiyi biraz daha aşağıda */
        left: 0;
        width: 0;
        height: 2px; /* Daha ince ve şık bir çizgi */
        background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(200,200,200,0.9) 50%, rgba(255,255,255,0.8) 100%); /* Beyaz-gri-beyaz gradient */
        background-size: 200% 100%;
        transition: width 0.4s ease, background-position 0s; /* Animasyonu sadece hover'da */
    }

    .hover-underline:hover::after {
        width: 100%;
        animation: gradientFlow 2s linear infinite;
    }

@keyframes gradientFlow {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center; /* Daha akıcı bir döngü için */
    }
}



.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    /* Facebook */
    .social-icon .fa-facebook-f {
        color: #3b5998;
    }

    .social-icon:hover.fb-icon {
        background-color: #3b5998;
    }

        .social-icon:hover.fb-icon .fa-facebook-f {
            color: white;
        }

    /* X (Twitter) */
    .social-icon .fa-x {
        color: #000000;
    }

    .social-icon:hover.x-icon {
        background-color: #000000;
    }

        .social-icon:hover.x-icon .fa-x {
            color: white;
        }

    /* Instagram */
    .social-icon .fa-instagram {
        color: transparent;
        background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
        -webkit-background-clip: text;
        background-clip: text;
    }

    .social-icon:hover.ig-icon {
        background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    }

        .social-icon:hover.ig-icon .fa-instagram {
            color: white;
            background: none;
            -webkit-background-clip: initial;
            background-clip: initial;
        }

    /* LinkedIn */
    .social-icon .fa-linkedin-in {
        color: #0077b5;
    }

    .social-icon:hover.li-icon {
        background-color: #0077b5;
    }

        .social-icon:hover.li-icon .fa-linkedin-in {
            color: white;
        }

    /* YouTube */
    .social-icon .fa-youtube {
        color: #ff0000;
    }

    .social-icon:hover.yt-icon {
        background-color: #ff0000;
    }

        .social-icon:hover.yt-icon .fa-youtube {
            color: white;
        }

    /* WhatsApp */
    .social-icon .fa-whatsapp {
        color: #25D366;
    }

    .social-icon:hover.wa-icon {
        background-color: #25D366;
    }

        .social-icon:hover.wa-icon .fa-whatsapp {
            color: white;
        }

    /* Ortak hover efekti */
    .social-icon:hover {
        transform: translateY(-3px) scale(1);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    /* Mail ikonu için stil kuralları */
    .social-icon.mail-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: white;
        color: #d44638;
        transition: all 0.3s ease;
    }

        .social-icon.mail-icon .fa-envelope {
            font-size: 18px;
            color: inherit;
        }

        /* Hover durumu */
        .social-icon.mail-icon:hover {
            background-color: #d44638;
            color: white;
        }

            .social-icon.mail-icon:hover .fa-envelope {
                color: white;
            }


/* site.css dosyasının en altına bu stilleri ekleyin */

/* Sabit Başvuru Butonu Stilleri */
.position-fixed.bottom-0.end-0 .btn {
    box-shadow: 0 4px 20px rgba(0, 49, 83, 0.3);
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

    .position-fixed.bottom-0.end-0 .btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 25px rgba(0, 49, 83, 0.4);
        animation: none;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 49, 83, 0.4);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0, 49, 83, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 49, 83, 0);
    }
}

/* Modal Özel Stilleri */
#consultationModal .modal-content {
    border: none;
    border-radius: 0.75rem;
    overflow: hidden;
}

#consultationModal .modal-header {
    border-bottom: none;
    padding: 1.5rem;
}

#consultationModal .modal-body {
    padding: 0;
}

#consultationModal .icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Responsive Ayarlar */
@media (max-width: 767.98px) {
    .position-fixed.bottom-0.end-0 .btn {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }

    #consultationModal .modal-dialog {
        margin: 0.5rem;
    }
}


/* Sabit buton */
.consultation-fab {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
}

    .consultation-fab button {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        box-shadow: 0 4px 20px rgba(0, 49, 83, 0.3);
        transition: all 0.3s ease;
    }

        .consultation-fab button:hover {
            transform: scale(1.1) translateY(-5px);
            box-shadow: 0 6px 25px rgba(0, 49, 83, 0.4);
        }

/* Form stilleri */
.consultation-form .form-control {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}

.consultation-form .form-floating label {
    padding: 0.75rem 1rem;
}

/* Danışmanlık Modal Stilleri */
#consultationModal .modal-content {
    border-radius: 0.75rem;
    overflow: hidden;
    border: none;
}

#consultationModal .modal-header {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

#consultationModal .modal-body {
    padding: 1.5rem;
}

#consultationModal .modal-footer {
    border-top: 1px solid rgba(0,0,0,0.05);
}

/* Form Stilleri */
.consultation-form .form-control,
.consultation-form .form-select {
    border-radius: 0.5rem;
    height: calc(3rem + 2px);
}

.consultation-form .form-floating > label {
    padding: 0.75rem 1rem;
    color: #6c757d;
}

.consultation-form .form-control:focus,
.consultation-form .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 49, 83, 0.25);
}

.consultation-form .is-invalid {
    border-color: #dc3545;
}

    .consultation-form .is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

.consultation-form .text-danger {
    font-size: 0.875rem;
}

/* Responsive Ayarlar */
@media (max-width: 767.98px) {
    #consultationModal .modal-dialog {
        margin: 0.5rem;
    }

    #consultationModal .modal-body {
        padding: 1rem;
    }

    .consultation-fab button {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }
}