/* Navbar Styling */
.navbar {
    background-color: #000; /* Siyah arka plan */
}

.navbar-brand {
    font-size: 1.5rem; /* Şirket isminin büyük görünmesi için */
    font-weight: bold; /* Kalın yazı tipi */
}

.navbar-nav .nav-item .nav-link {
    color: #ccc; /* Gri renkli yazılar */
    padding: 0.5rem 1rem; /* Yatayda biraz boşluk */
}

    .navbar-nav .nav-item .nav-link:hover {
        color: #fff; /* Üzerine gelindiğinde beyaz renk */
    }

.navbar-nav .nav-item.active .nav-link {
    border-bottom: 2px solid #ccc; /* Aktif sayfa için gri alt çizgi */
}
/* Hide logo on large screens and show on small screens */
.navbar-logo {
    max-height: 40px; /* Adjust as needed */
    margin: auto;
}



/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* .sliders sınıfına padding ekleme */
.sliders {
    padding: 0 !important; /* Padding değerini ihtiyacınıza göre ayarlayabilirsiniz */
}

/* .carousel-inner öğesinin padding'ini sıfırlama */
.carousel-inner {
    padding: 0 !important; /* !important eklemek, mevcut padding değerlerinin üzerine yazmanızı sağlar */
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}

.carousel-caption h3 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

.carousel-caption p {
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

.custom-card {
    border: none;
    transition: transform 0.3s ease;
}

    .custom-card:hover {
        transform: scale(1.05);
    }
.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 2.5rem);
}
.footer {
    background-color: #343a40;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem; /* Footer height */

}

    .footer p {
        margin: 0;
        padding: 10px;
        text-align: center;
    }

.carousel-item img {
    width: 100%;
    height: 500px; /* Sabit bir yükseklik belirleyin */
    object-fit: cover; /* Resmin alanı kaplamasını sağlar, kırpmayı minimuma indirir */
}

.card-img-top {
    width: 100%;
    height: 200px; /* Sabit bir yükseklik belirleyin */
    object-fit: cover; /* Resmin alanı kaplamasını sağlar, kırpmayı minimuma indirir */
}

img {
    max-width: 100%;
    height: auto; /* Resmin orijinal oranlarını koruyarak boyutlandırma */
    display: block;
}


#editCarForm label, #addCarForm label, #sendMessageForm label {
    font-weight: bold;
}

/* Kartları büyütmek için stil */
.card-large {
    font-size: 1.5em !important; /* Kart içindeki yazıları büyüt */
    padding: 30px !important; /* Kartın içindeki boşlukları artır */
}