/* style.css - Düzeltilmiş ve Konsolide Özel CSS Stilleri */
/* Genel sayfa fontu Verdana */
body {
    font-family: Verdana, sans-serif;
    /* padding-top navbar yüksekliği kadar tepe.php'de ayarlanacak */
    /* Arka plan rengi body'de veya başka bir elementte ayarlanabilir */
    background-color: #ffffff; /* Arka plan rengi beyaz yapıldı */
}
/* Konteyner genişliğini %98 yap ve ortala */
/* Bootstrap'in varsayılan .container stilini ezmek için !important kullanıldı */
.container {
    max-width: 98% !important; /* Maksimum genişlik %98 */
    /* Bootstrap'in .container sınıfı zaten margin: auto kullandığı için ekstra ortalama koduna gerek yok */
}
/* Navbar markası için stil */
.navbar-brand {
    padding: 0; /* Logo için padding sıfırla */
}
/* Logo görseli için stil */
.navbar-brand img {
    height: 38px;
    width: 158px;
    max-height: 40px;
    width: auto;
    /* İsteğe bağlı: Logo etrafına boşluk ekleyebilirsiniz */
    /* margin-right: 10px; */
}
/* Menü linkleri için stil - Kutu görünümü ve Verdana fontu */
.navbar-nav .nav-link {
    padding: 4.5px 15px;
    color: #007bff !important; /* Varsayılan link rengi (mavi) */
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out, text-shadow 0.3s ease-in-out; /* Geçiş efektleri */
    border: 1px solid #007bff; /* Kenarlık rengi (mavi) */
    border-radius: 0.25rem; /* Hafif yuvarlak köşeler */
    margin: 0 5px; /* Linkler arasına boşluk */
    display: inline-block; /* Kutu gibi davranması için */
    text-decoration: none; /* Alt çizgiyi kaldır */
    background-color: #e9ecef; /* Varsayılan kutu arka plan rengi */
    box-shadow: 1px 1px 3px rgba(0, 123, 255, 0.1); /* Hafif mavi gölge */
    font-family: Verdana, sans-serif; /* Menü linkleri için Verdana fontu */
    font-size: 1rem; /* Menü font boyutu */
    font-weight: normal; /* Verdana için normal ağırlık */
    text-shadow: none; /* Varsayılan durumda metin gölgesi olmasın */
}
/* Menü linklerinin hover/focus durumu - Lacivert kutu gölgesi ve mavi floresan metin */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    background-color: rgba(0, 123, 255, 0.2); /* Hafif mavi arka plan rengi */
    border-color: #00ffff; /* Kenarlık rengi değişsin (açık mavi) */
    box-shadow: 0 0 10px rgba(0, 0, 128, 0.8), 0 0 20px rgba(0, 0, 128, 0.6),
        0 0 30px rgba(0, 0, 128, 0.4); /* Lacivert floresan kutu gölge efekti */
    text-shadow: 0 0 8px #00ffff; /* Metne mavi parlama/gölge */
    cursor: pointer; /* İmleç değişsin */
}
/* Aktif menü linki (Örnek kullanım - PHP ile dinamik ayarlanmalı) */
.navbar-nav .nav-item .nav-link.active {
    color: #ff0000 !important; /* Aktif link rengi - Beyazdan kırmızıya değiştirildi */
    background-color: #007bff; /* Aktif link arka plan rengi */
    border-color: #007bff; /* Aktif link kenarlık rengi */
    font-weight: bold;
    box-shadow: 0 0 8px #007bff; /* Aktif link gölgesi */
    text-shadow: none; /* Aktif linkte text-shadow olmasın */
}
/* Sağdaki giriş/kayıt/çıkış ve gizli menü kısmı için stil */
.navbar-nav.ms-auto .nav-item {
    margin-left: 0.5rem; /* Sağdaki linkler arasına boşluk */
}
.navbar-nav.ms-auto .nav-link,
.navbar-nav.ms-auto .navbar-text {
    padding: 0.5rem 0.75rem; /* Sağdaki linklere dolgu */
    font-family: Verdana, sans-serif; /* Verdana fontu */
    font-size: 1rem; /* Font boyutu */
}
/* Sağdaki linklerin hover/focus durumu (buton olmayanlar) */
.navbar-nav.ms-auto .nav-link:not(.btn):hover,
.navbar-nav.ms-auto .nav-link:not(.btn):focus {
    text-shadow: none; /* Sağdaki linklerde hover'da da text-shadow olmasın */
    box-shadow: none;
    background-color: rgba(0, 123, 255, 0.1);
    color: #007bff !important;
}
/* Giriş Yap butonu için özel stil */
.navbar-nav.ms-auto .nav-link.btn-outline-primary {
    color: #007bff !important; /* Varsayılan mavi renk */
    border-color: #007bff !important; /* Varsayılan mavi kenarlık */
    background-color: transparent !important; /* Arka plan şeffaf */
    box-shadow: none !important; /* Gölge kaldırıldı */
    text-shadow: none !important; /* Metin gölgesi kaldırıldı */
}
/* Giriş Yap butonu hover/focus durumu */
.navbar-nav.ms-auto .nav-link.btn-outline-primary:hover,
.navbar-nav.ms-auto .nav-link.btn-outline-primary:focus {
    color: #0056b3 !important; /* Daha koyu mavi hover rengi */
    border-color: #0056b3 !important; /* Daha koyu mavi kenarlık */
    background-color: rgba(0, 123, 255, 0.1) !important; /* Hafif mavi arka plan */
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5) !important; /* Hafif mavi gölge */
    text-shadow: 0 0 5px rgba(0, 123, 255, 0.8) !important; /* Metne hafif mavi parlama */
}
/* Kayıt Ol butonu için özel stil */
.navbar-nav.ms-auto .nav-link.btn-outline-danger {
    color: red !important; /* Buton yazı rengi kırmızı yapıldı */
    border-color: red !important; /* Kenarlık rengi kırmızı */
    background-color: transparent !important; /* Arka plan şeffaf */
    box-shadow: none !important; /* Gölge kaldırıldı */
    text-shadow: none !important; /* Metin gölgesi kaldırıldı */
}
/* Kayıt Ol butonu hover/focus durumu */
.navbar-nav.ms-auto .nav-link.btn-outline-danger:hover,
.navbar-nav.ms-auto .nav-link.btn-outline-danger:focus {
    color: lightcoral !important; /* Hover/Focus rengi açık kırmızı */
    border-color: lightcoral !important; /* Kenarlık rengi açık kırmızı */
    background-color: rgba(255, 192, 203, 0.2) !important; /* Hafif açık kırmızı arka plan */
    box-shadow: 0 0 8px rgba(255, 99, 71, 0.5) !important; /* Hafif kırmızı gölge */
    text-shadow: 0 0 5px rgba(255, 99, 71, 0.8) !important; /* Metne hafif kırmızı parlama */
}
/* Ana içerik alanı */
.container.mt-4 {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Footer stilleri */
.footer {
    margin-top: 40px;
    padding: 20px 0;
    background-color: #f8f9fa; /* Açık gri arka plan */
    color: #343a40; /* Koyu metin */
    text-align: center;
}
.footer p {
    margin-bottom: 0.5rem;
}
.footer a {
    color: #6c757d; /* Gri link rengi */
    text-decoration: none;
}
.footer a:hover {
    color: #343a40; /* Koyu gri hover */
    text-decoration: underline;
}
/* Kullanıcının sağladığı .job-card ve .profit-badge stilleri */
.job-card {
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid rgba(25, 135, 84, 0.15);
}
.job-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(25, 135, 84, 0.15);
}
.profit-badge {
    background: linear-gradient(135deg, #198754, #13653f); /* --profit-color yerine doğrudan gradient */
    color: #ff0000 !important; /* Beyazdan kırmızıya değiştirildi */
}
form {
    max-width: 300px !important; /* Maksimum genişlik 300px */
    margin-left: auto; /* Ortalamak için */
    margin-right: auto; /* Ortalamak için */
    padding: 15px; /* Form içine biraz boşluk */
    border: 1px solid #ccc; /* Hafif kenarlık */
    border-radius: 8px; /* Yuvarlak köşeler */
    background-color: #fff; /* Form arka planı beyaz */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
}
/* Form içindeki tüm input, select ve textarea elementlerinin tam genişlik almasını sağla */
form .form-control,
form .form-select,
form textarea {
    width: 100%; /* Kapsayıcı formun genişliğinin tamamını kapla */
    box-sizing: border-box; /* Padding ve border genişliğe dahil edilsin */
}