* {
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Taşmayı keser */
}


html {
  font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}



.news-image {
    width: 100%;
    height: 250px; /* ya da istediğin yükseklik */
    object-fit: cover;
    object-position: center;
    border-radius: 8px; /* istersen köşeleri yumuşatır */
}
.slider-wrapper {
    width: 100vw; /* Sayfa boyunca genişlik */
    margin-left: calc(-50vw + 50%); /* Yan boşlukları kaldırır */
    box-sizing: border-box;
    padding: 40px 0; /* Üst-alt boşluk */
    background: transparent; /* JS ile değişecek */
}

.slider-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}


.campaign-image {
    border-radius: 15px;
}

/* Arama Çubuğu Genel Stili (Gri Tonlarında) */
.custom-search {
    /* Bootstrap'ın varsayılan 'secondary' border rengine yakın bir gri */
    border: 2px solid #6c757d;
    border-radius: 50px;
    padding: 10px 20px;
    padding-left: 40px; /* ikonla çakışmaması için boşluk */
    font-size: 1rem;
    background-color: #f8f9fa; /* Çok açık gri arka plan (Bootstrap 'light' rengine yakın) */
    color: #212529; /* Koyu metin rengi */
    box-shadow: none !important;
    outline: none;
    transition: all 0.3s ease;
}

/* İkon Rengi (Gri Tonlarında) */
.search-icon-inside {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #6c757d; /* Bootstrap'ın 'secondary' rengine yakın gri */
    font-size: 18px;
    pointer-events: none;
}

/* Odaklanma (Focus) Anındaki Renk Değişikliği (Gri Tonlarında) */
.custom-search:focus {
    /* Kenarlık rengini Bootstrap 'secondary' odak rengine yakın yap */
    border-color: #6c757d;
    /* Odaklanma gölgesini de gri tonuna ayarla (rgba ile şeffaflık ver) */
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25) !important;
}

/* Genel Bootstrap Buton ve Form Odaklanma Renkleri (Tüm sayfadaki buton ve form elemanları için) */
/* Eğer daha önce bu kuralı yeşil olarak ayarladıysan, bunu gri tonuna çevir */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(108, 117, 125, 0.25) !important; /* Gri odaklanma halkası */
}

/* Ana Kategorilerin Yazı Boyutu - Diğer menü linkleriyle aynı boyutta */
.navbar-nav .nav-link.dropdown-toggle.text-dark {
    font-size: 19px; /* Diğer menü linkleri gibi 20px */
    /* İsteğe bağlı olarak daha kalın yapmak için: */
    /* font-weight: 500; */
}

/* Alt Kategorilerin Yazı Boyutu */
/* Eğer alt kategorilerin de aynı boyutta olmasını istiyorsanız, bunu da 20px yapabilirsiniz. */
/* Ancak genellikle alt menülerin biraz daha küçük olması tercih edilir. */
.dropdown-menu .dropdown-item {
    font-size: 16px; /* Örneğin 16px, ana kategorilerden biraz daha küçük */
}



.navbar-logo {
    max-height: 200px;
    height: auto;
    width: auto; /* genişlik de orantılı olsun */
    flex-shrink: 1; /* flex konteynerde küçülebilsin */
    margin-right: 10px;
}