/* Ortak CSS: Blade dosyalarından taşınan stiller */

/* Reklam Banner Stilleri */
.ad-container {
    position: fixed;
    top: 200px;
    width: 160px;
    z-index: 10;
}
.slider-section, .news-slider {
    position: relative;
    z-index: 20;
}
.slider-section .carousel-item img {
    height: 500px;
    width: 100%;
    object-fit: contain;  /* tamamını göster, boşluk olabilir */
    background-color: #000; /* boş alanları siyah yapar */
}
.ad-left { left: 10px; }
.ad-right { right: 10px; }
.ad-banner {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
}
.ad-banner img {
    max-width: 120px;   /* en fazla genişlik */
    max-height: 240px;  /* en fazla yükseklik */
    width: auto;        /* orantıyı koru */
    height: auto;       /* orantıyı koru */
    display: block;     /* taşma ve boşluk sorunlarını önler */
    margin: 0 auto;     /* ortalar */
    object-fit: contain; /* resim kırpılmaz, sığdırılır */
}
.ad-banner h5 {
    font-size: 14px;
    color: #495057;
    margin-bottom: 5px;
}
.ad-banner p {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 8px;
}
.ad-banner .btn {
    font-size: 12px;
    padding: 3px 8px;
}
@media (max-width: 1400px) {
    .ad-container { width: 120px; }
}
@media (max-width: 1200px) {
    .ad-container { display: none; }
}

/* Duyurular kartı */
.announcement-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.announcement-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.announcement-date {
    color: #666;
    font-size: 0.85rem;
}

/* Sidebar links */
.sidebar-links a {
    display: block;
    padding: 0.5rem 0;
    color: #333;
    transition: all 0.3s ease;
}
.sidebar-links a:hover, .sidebar-links a.active {
    color: var(--primary-color);
    padding-left: 0.5rem;
}
.sidebar-links a.active {
    font-weight: 600;
}

/* Haber kartı */
.news-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.news-date {
    color: #666;
    font-size: 0.85rem;
}
.object-fit-cover {
    object-fit: cover;
}

/* Anasayfa haber ve duyuru item stilleri */
.news-item, .announcement-item {
    display: flex;
    align-items: flex-start;
    padding: 12px 15px;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
}
.news-item:hover, .announcement-item:hover {
    background-color: #f8f9fa;
    text-decoration: none;
    color: inherit;
}
.news-item:last-child, .announcement-item:last-child {
    border-bottom: none;
}

.news-img, .announcement-img {
    width: 60px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 12px;
    flex-shrink: 0;
}

.news-content, .announcement-content {
    flex: 1;
    min-width: 0;
}

.news-content .date, .announcement-content .date {
    font-size: 0.75rem;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.news-content h6, .announcement-content h6 {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    color: #333;
}

/* Inline style'dan taşınanlar */
.img-fluid.rounded-circle.mb-3[max-width="150px"] {
    max-width: 150px;
}
.img-fluid.rounded-circle.mb-3[max-width="120px"] {
    max-width: 120px;
}
.img-fluid.rounded-circle.mb-3[max-width="100px"] {
    max-width: 100px;
}
.img-fluid.rounded-circle.mb-3[style*="width: 120px;"][style*="height: 120px;"] {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

/* p style="text-align: justify;" için */
p[style*="text-align: justify;"] {
    text-align: justify;
}

.carousel-item img {
    height: 80vh; /* ekranın %80 yüksekliği */
    object-fit: cover;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: brightness(0) contrast(2);
}


.haberler-slider-left {
    height: auto;            /* yükseklik otomatik olsun */
}

.haberler-slider-img {
    width: 100%;              /* bulunduğu alanı kapla */
    height: auto;             /* orantılı olarak boyutlandır */
    max-height: 100%;         /* taşma olmasın */
    object-fit: contain;      /* kırpmadan sığdır */
    background-color: #000;   /* boş alan siyah görünür */
    display: block;           /* boşluk oluşmasını engeller */
}