/* Swiper — site carousel stilleri */

.hero-swiper {
    width: 100%;
    max-height: 90vh;
}

.hero-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
}

.hero-swiper .swiper-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(28,35,51,0.5) 0%, rgba(28,35,51,0.15) 40%, rgba(28,35,51,0.6) 100%);
    pointer-events: none;
    z-index: 2;
}

.hero-swiper .swiper-slide img,
.hero-swiper .swiper-slide picture {
    width: 100%;
    display: block;
    max-height: 90vh;
}

.hero-swiper .swiper-slide .hero-slide-img {
    max-height: 90vh;
    object-fit: cover;
}

.katilimci-swiper {
    padding: 8px 0 4px;
}

.katilimci-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E8DFD2;
}

.haber-swiper {
    border-radius: 16px;
    overflow: hidden;
}

.haber-swiper .swiper-slide {
    height: auto;
}

/* Navigasyon okları */
.swiper-button-prev,
.swiper-button-next {
    width: 48px !important;
    height: 48px !important;
    background: rgba(28, 35, 51, 0.65);
    border-radius: 50%;
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: #FEFCF9 !important;
    transition: background 0.3s ease;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 18px !important;
    font-weight: 700;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #B84A1F;
}

.hero-swiper .swiper-button-prev { left: 16px; }
.hero-swiper .swiper-button-next { right: 16px; }

/* Pagination */
.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #E8C547;
}

.haber-swiper .swiper-pagination {
    bottom: 16px !important;
}

/* Katılımcı görselleri */
.hizliErisimImage {
    border-radius: 8px;
    transition: transform 0.35s ease, filter 0.35s ease;
    cursor: pointer;
    max-height: 64px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.hizliErisimImage:hover {
    transform: scale(0.92);
    filter: drop-shadow(0 8px 16px rgba(184, 74, 31, 0.25));
}

/* Flickity */
.flickityHizmetler { margin-bottom: 20px; }
.program-carousel { margin-top: 24px; }

/* Hero scroll mouse */
.mouse-icon {
    border: 2px solid rgba(255,255,255,0.7);
    border-radius: 24px;
    height: 48px;
    width: 28px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    bottom: 180px;
    cursor: pointer;
    z-index: 10;
}

.mouse-icon .wheel {
    position: relative;
    border-radius: 10px;
    background: #E8C547;
    width: 3px;
    height: 10px;
    top: 6px;
    margin: 0 auto;
    animation: drop 1.5s infinite;
}

.icon-arrows span,
.icon-arrows::before,
.icon-arrows::after {
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid rgba(255,255,255,0.7);
    border-bottom: 2px solid rgba(255,255,255,0.7);
    transform: rotate(45deg);
    animation: mouse-scroll 1.5s infinite alternate;
    margin-left: 5px;
}

.icon-arrows::before { content: ''; animation-delay: .1s; }
.icon-arrows::after { content: ''; }

@keyframes drop {
    0%   { top: 6px; opacity: 0; }
    30%  { opacity: 1; }
    100% { top: 22px; opacity: 0; }
}

@keyframes mouse-scroll {
    0%   { opacity: 0; transform: rotate(45deg) translateY(-4px); }
    100% { opacity: 1; transform: rotate(45deg) translateY(4px); }
}

@media (max-width: 768px) {
    .mouse-icon { display: none !important; }
    .swiper-button-prev,
    .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Haber list (iç sayfa) */
.haberRow {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E8DFD2;
}

.haberImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s;
}

.haberImg:hover { transform: scale(1.03); }

.haberBaslik {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.5rem;
    color: #1C2333;
    font-weight: 600;
    padding-top: 8px;
}

.haberDate { color: #B84A1F; font-size: 0.85rem; letter-spacing: 0.05em; }
.haberKisa { color: #5C5248; margin-top: 8px; }

.raporRow, .muhtarlikRow {
    background: white;
    padding: 16px 20px;
    margin-bottom: 12px;
    border-radius: 8px;
    border-left: 4px solid #C9A227;
    box-shadow: 0 2px 12px rgba(28,35,51,0.08);
    cursor: pointer;
    transition: all 0.3s;
}

.muhtarlikRow:hover, .raporRow:hover {
    transform: translateX(4px);
    box-shadow: 0 8px 32px rgba(28,35,51,0.12);
}

.muhtarlikRow:hover { background: #1C2333; color: #F4EFE6; }

.birimBox {
    border-left: 4px solid #B84A1F;
    box-shadow: 0 2px 12px rgba(28,35,51,0.08);
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: white;
}

.ulSubMenuSol { list-style: none; padding: 0; margin: 0; }
.ulSubMenuSol li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #E8DFD2;
    color: #2A221C;
    transition: all 0.3s;
}
.ulSubMenuSol li a::before {
    content: "\f105";
    font-family: fontawesome;
    margin-right: 8px;
    color: #C9A227;
}
.ulSubMenuSol li a:hover {
    color: #B84A1F;
    padding-left: 12px;
    text-decoration: none;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #E8DFD2; }
::-webkit-scrollbar-thumb { background: #B84A1F; border-radius: 3px; }