/* Global Box Sizing */
*, *::before, *::after {
    box-sizing: border-box;
}

/* General Styles */
body {
    font-family: 'Open Sans', sans-serif;
    color: #343a40; /* Dark Gray */
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .navbar-brand, .fw-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; /* Semi-bold for headings */
}

a {
    color: #007bff; /* Primary Blue */
    text-decoration: none;
}

a:hover {
    color: #0056b3; /* Darker Blue */
    text-decoration: underline;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    font-weight: 500; /* Medium weight for buttons */
    padding: 0.5rem 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Header */
.top-bar {
    font-size: 0.85rem;
    background-color: transparent !important;
}

.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navbar-brand {
    font-weight: 700; /* Bold for brand */
}

.navbar .nav-link {
    color: #343a40;
    font-weight: 500; /* Medium weight for nav links */
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #007bff;
}

.sticky-top {
  top: -1px; /* Minor adjustment for potential border overlaps */
}

/* Footer */
.footer {
    background-color: #f8f9fa; /* Light Gray - Bootstrap bg-light ile aynı, kaldırılabilir */
    color: #6c757d; /* Medium Gray - Bootstrap text-muted ile benzer, gerekirse özelleştirilir */
    font-size: 0.9rem; /* Genel footer font boyutu, Bootstrap small ile ayarlanabilir */
}

/* Helper Classes */
.text-primary {
    color: #007bff !important;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .navbar-nav {
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }
    .navbar .nav-item {
        margin-bottom: 0.5rem;
    }
    /* Yeni footer için md ve altı ekranlarda sütunların daha iyi görünmesi için */
    .footer .col-lg-5.col-md-12,
    .footer .col-lg-3.col-md-6,
    .footer .col-lg-4.col-md-6 {
        text-align: center; /* Mobil ve tabletlerde ortala */
    }
    .footer .col-lg-5.col-md-12 .mt-3 { /* Sosyal ikonlar için */
        justify-content: center;
        display: flex;
    }
}

/* Specific Identity Pages Adjustment (Example) */
.identity-page-container {
    max-width: 500px;
    margin: 2rem auto;
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.identity-page-container h1 {
    text-align: center;
    margin-bottom: 1.5rem;
    color: #343a40;
}

/* Add more specific styles for forms if needed */

html {
  font-size: 14px;
}

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

html {
  position: relative;
  min-height: 100%;
  overflow-y: auto; /* Dikey kaydırma çubuğunu gerektiğinde göster */
}

body {
  /* margin-bottom: 200px; Removed as we are using flexbox for sticky footer */
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Admin panel table hover */
.table.table-striped tbody tr:hover {
  background-color: #f8f9fa;
}

/* Sortable header link styling */
table th a {
  color: var(--bs-primary);
  text-decoration: none;
}
table th a:hover {
  text-decoration: underline;
}

/* Admin menu icon spacing */
.sb-nav-link-icon {
  margin-right: 0.5rem;
}

/* Culture dropdown items pointer */
.dropdown-menu a {
  cursor: pointer;
}

/* Top bar phone link color fix */
.top-bar small a,
.top-bar small a:hover {
    color: #343a40 !important; /* Dark Gray */
    text-decoration: none;
}

/* Search bar placeholder text color fix */
#availability-search-form input::placeholder,
#availability-search-form input:-ms-input-placeholder, /* IE 10-11 */
#availability-search-form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #6c757d; /* Bootstrap's muted color */
    opacity: 1; /* Ensure opacity doesn't make it too faint */
}

/* Search bar label color fix (more specific) */
form.bg-light label {
    color: #495057 !important; /* Bootstrap's secondary text color, added !important */
}

/* Remove placeholder rules as labels are used */

#availability-search-form label {
    /* If using floating labels, adjust their color too if needed */
    /* color: #6c757d; */
}

/* Please add any new CSS rules above this line if possible */

/* Gallery images styling for Room edit page */
.gallery-item {
    position: relative;
    margin-bottom: 1rem;
}

.gallery-item img {
    max-width: 100%;
    border-radius: 0.25rem;
}

.btn-delete-gallery-image {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
}

/* Make language dropdown in top-bar appear above sticky navbar */
.top-bar .dropdown-menu {
    z-index: 1030; /* Needs to be higher than .sticky-top (typically 1020) and other high z-index elements like modals */
}

/* ASP.NET Core Identity - Account/Manage Sayfaları için Kapsamlı Tema İyileştirmeleri */

/* Ana layout'taki main[role="main"] elemanını varsayıyoruz */
main[role="main"] h2[id^="manage-"], /* "Manage your account" gibi ana başlık */
main[role="main"] .h2[id^="manage-"] /* Bazen h2 class olarak atanır */
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 0.5rem; /* Altındaki paragrafla aralığı ayarla */
}

main[role="main"] p.text-muted /* "Change your account settings" gibi alt başlıklar */
{
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

/* Identity Manage sayfasındaki ana satır (row) */
main[role="main"] .row[class*="Account/Manage"] {
    /* İsteğe bağlı: Eğer sayfa çok genişse bir max-width verilebilir */
    /* max-width: 960px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}

/* Sol Navigasyon Menüsü (_ManageNav) */
main[role="main"] .nav-pills[id$="-nav"] { /* id'si '-nav' ile biten nav-pills (örn: manage-nav) */
    padding: 1rem;
    background-color: #f8f9fa; /* Açık gri arka plan */
    border-radius: 0.375rem; /* Bootstrap kartlarıyla uyumlu köşe yuvarlaklığı */
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); /* Hafif gölge */
    height: 100%; /* İçerik kadar uzamasını sağlamak için */
}

main[role="main"] .nav-pills[id$="-nav"] .nav-link {
    font-weight: 500;
    color: #0d6efd; /* Bootstrap'in ana link rengi */
    padding: 0.75rem 1rem;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

main[role="main"] .nav-pills[id$="-nav"] .nav-link.active,
main[role="main"] .nav-pills[id$="-nav"] .nav-link:hover {
    background-color: #0d6efd; /* Bootstrap primary rengi */
    color: white;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 123, 255, 0.25);
}

/* Sağ İçerik Alanı (formların olduğu kısım) */
main[role="main"] .col-md-9[class*="Account/Manage"] {
    padding: 1.5rem;
    background-color: #ffffff; /* Beyaz arka plan */
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
}

main[role="main"] .col-md-9[class*="Account/Manage"] h4 { /* Profil, E-posta gibi bölüm başlıkları */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6; /* Başlık altına hafif bir çizgi */
}

/* Form Grupları ve Etiketler */
main[role="main"] div[class*="Account/Manage"] .form-group,
main[role="main"] div[class*="Account/Manage"] .form-floating { /* Bootstrap 5 floating label desteği */
    margin-bottom: 1.25rem;
}

main[role="main"] div[class*="Account/Manage"] .form-label {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* Input Alanları */
main[role="main"] div[class*="Account/Manage"] .form-control {
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
}

main[role="main"] div[class*="Account/Manage"] .form-control:focus {
    border-color: #86b7fe; /* Bootstrap focus rengi */
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

main[role="main"] div[class*="Account/Manage"] input[readonly].form-control,
main[role="main"] div[class*="Account/Manage"] .form-control-plaintext {
    background-color: #e9ecef; /* Bootstrap readonly/plaintext stili */
    opacity: 1;
}

/* Butonlar */
main[role="main"] div[class*="Account/Manage"] .btn {
    font-weight: 500;
    padding: 0.6rem 1.2rem;
    border-radius: 0.25rem;
}

main[role="main"] div[class*="Account/Manage"] .btn-primary {
    background-color: #0d6efd; /* Sitenizin ana buton rengi */
    border-color: #0d6efd;
}

main[role="main"] div[class*="Account/Manage"] .btn-primary:hover {
    background-color: #0b5ed7; /* Sitenizin ana buton hover rengi */
    border-color: #0a58ca;
}

/* Durum Mesajları (_StatusMessage.cshtml) */
main[role="main"] .alert[role="alert"][class*="Account/Manage"] {
    margin-top: 1rem;
    border-radius: 0.25rem;
}

/* İki faktörlü kimlik doğrulama kurtarma kodları sayfası için özel stil */
main[role="main"] div[class*="TwoFactorAuthentication"] .row .col-md-12 {
    padding: 1rem;
}
main[role="main"] div[class*="TwoFactorAuthentication"] .alert-warning {
    background-color: #fff3cd; /* Bootstrap warning rengi */
    color: #664d03;
    border-color: #ffecb5;
}
main[role="main"] div[class*="TwoFactorAuthentication"] code {
    font-size: 1.1em;
    padding: 0.2em 0.4em;
    margin: 0 0.2em;
    background-color: rgba(0,0,0,.075);
    border-radius: 0.25rem;
}