/**
 * Balyoz Carousel Enhancer CSS
 * Makes NewsMuch theme carousel more rectangular and optimized
 * Version: 1.0.0
 */

/* ==========================================================================
   NewsMuch Theme Carousel Enhancements - Rectangular Layout
   ========================================================================== */

/* Target NewsMuch theme specifically */
body.balyoz-carousel-enhanced {
    /* Global container improvements */
    --carousel-max-width: 1400px;
    --carousel-item-height: 350px;
    --carousel-gap: 2rem;
}

/* Main site container - make wider */
.balyoz-carousel-enhanced .container,
.balyoz-carousel-enhanced .dt-container {
    max-width: 1400px !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* ==========================================================================
   Hero/Main Carousel Sections
   ========================================================================== */

/* Main carousel wrapper - force rectangular container */
.balyoz-carousel-enhanced .dt-sc-hero-section,
.balyoz-carousel-enhanced .hero-section,
.balyoz-carousel-enhanced .main-slider,
.balyoz-carousel-enhanced .dt-slider-wrapper,
.balyoz-carousel-enhanced .hero-slider,
.balyoz-carousel-enhanced .main-carousel {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    height: 350px !important;
    max-height: 350px !important;
    overflow: hidden !important;
}

/* Main Hero Carousel - make much more rectangular */
.balyoz-carousel-enhanced .swiper-slide,
.balyoz-carousel-enhanced .carousel-item,
.balyoz-carousel-enhanced .slide-item,
.balyoz-carousel-enhanced .dt-slide-item {
    min-height: 320px !important;
    max-height: 350px !important;
    aspect-ratio: 21/9 !important;
}

/* Hero carousel images - very rectangular aspect ratio */
.balyoz-carousel-enhanced .slide-image img,
.balyoz-carousel-enhanced .carousel-image img,
.balyoz-carousel-enhanced .dt-slide-image img,
.balyoz-carousel-enhanced .hero-image img {
    width: 100% !important;
    height: 320px !important;
    max-height: 350px !important;
    object-fit: cover !important;
    aspect-ratio: 21/9 !important;
}

/* Featured post carousel */
.balyoz-carousel-enhanced .featured-posts .post-item,
.balyoz-carousel-enhanced .dt-featured-posts .dt-post-item {
    width: 100% !important;
    max-width: none !important;
}

/* Post image containers */
.balyoz-carousel-enhanced .post-thumbnail,
.balyoz-carousel-enhanced .dt-post-thumbnail {
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.balyoz-carousel-enhanced .post-thumbnail img,
.balyoz-carousel-enhanced .dt-post-thumbnail img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    aspect-ratio: 16/10 !important;
}

/* ==========================================================================
   Grid and Layout Improvements
   ========================================================================== */

/* News grid - make more rectangular */
.balyoz-carousel-enhanced .news-grid,
.balyoz-carousel-enhanced .dt-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
    gap: 2rem !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Individual news cards */
.balyoz-carousel-enhanced .news-card,
.balyoz-carousel-enhanced .dt-post-card,
.balyoz-carousel-enhanced .post-item {
    width: 100% !important;
    max-width: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.balyoz-carousel-enhanced .news-card:hover,
.balyoz-carousel-enhanced .dt-post-card:hover,
.balyoz-carousel-enhanced .post-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

/* Card images - rectangular */
.balyoz-carousel-enhanced .card-image img,
.balyoz-carousel-enhanced .dt-card-image img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    aspect-ratio: 16/10 !important;
}

/* ==========================================================================
   Slider/Carousel Navigation
   ========================================================================== */

/* Swiper navigation improvements */
.balyoz-carousel-enhanced .swiper-button-next,
.balyoz-carousel-enhanced .swiper-button-prev,
.balyoz-carousel-enhanced .carousel-nav {
    background: rgba(220, 38, 38, 0.9) !important;
    color: white !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    margin-top: -22px !important;
}

.balyoz-carousel-enhanced .swiper-button-next:hover,
.balyoz-carousel-enhanced .swiper-button-prev:hover {
    background: #dc2626 !important;
    transform: scale(1.1) !important;
}

/* Carousel pagination */
.balyoz-carousel-enhanced .swiper-pagination-bullet {
    background: #dc2626 !important;
    opacity: 0.5 !important;
    width: 12px !important;
    height: 12px !important;
}

.balyoz-carousel-enhanced .swiper-pagination-bullet-active {
    opacity: 1 !important;
    transform: scale(1.2) !important;
}

/* ==========================================================================
   Content Layout Adjustments
   ========================================================================== */

/* Main content area - wider */
.balyoz-carousel-enhanced .main-content,
.balyoz-carousel-enhanced .dt-main-content {
    max-width: 900px !important;
}

/* Sidebar adjustments */
.balyoz-carousel-enhanced .sidebar,
.balyoz-carousel-enhanced .dt-sidebar {
    max-width: 350px !important;
}

/* Content wrapper */
.balyoz-carousel-enhanced .content-wrapper,
.balyoz-carousel-enhanced .dt-content-wrapper {
    gap: 3rem !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Tablet breakpoint */
@media (max-width: 1024px) {
    .balyoz-carousel-enhanced .container,
    .balyoz-carousel-enhanced .dt-container {
        max-width: 100% !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .balyoz-carousel-enhanced .news-grid,
    .balyoz-carousel-enhanced .dt-posts-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 1.5rem !important;
    }
    
    .balyoz-carousel-enhanced .slide-image img,
    .balyoz-carousel-enhanced .carousel-image img {
        height: 350px !important;
    }
}

/* Mobile breakpoint */
@media (max-width: 768px) {
    .balyoz-carousel-enhanced .container,
    .balyoz-carousel-enhanced .dt-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .balyoz-carousel-enhanced .news-grid,
    .balyoz-carousel-enhanced .dt-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .balyoz-carousel-enhanced .slide-image img,
    .balyoz-carousel-enhanced .carousel-image img,
    .balyoz-carousel-enhanced .hero-image img {
        height: 250px !important;
    }
    
    .balyoz-carousel-enhanced .post-thumbnail img,
    .balyoz-carousel-enhanced .dt-post-thumbnail img {
        height: 200px !important;
    }
    
    .balyoz-carousel-enhanced .card-image img,
    .balyoz-carousel-enhanced .dt-card-image img {
        height: 180px !important;
    }
}

/* Small mobile breakpoint */
@media (max-width: 480px) {
    .balyoz-carousel-enhanced .slide-image img,
    .balyoz-carousel-enhanced .carousel-image img,
    .balyoz-carousel-enhanced .hero-image img {
        height: 200px !important;
    }
    
    .balyoz-carousel-enhanced .content-wrapper,
    .balyoz-carousel-enhanced .dt-content-wrapper {
        gap: 2rem !important;
    }
}

/* ==========================================================================
   Theme Specific Overrides
   ========================================================================== */

/* NewsMuch specific carousel classes - force rectangular */
.balyoz-carousel-enhanced .dt-sc-slider,
.balyoz-carousel-enhanced .dt-sc-slider .swiper-container,
.balyoz-carousel-enhanced .dt-sc-slider .swiper-wrapper {
    height: 350px !important;
    max-height: 350px !important;
}

.balyoz-carousel-enhanced .dt-sc-slider .swiper-slide {
    height: 350px !important;
    max-height: 350px !important;
}

.balyoz-carousel-enhanced .dt-sc-slider .dt-slide-details {
    padding: 2rem !important;
}

.balyoz-carousel-enhanced .dt-sc-slider .dt-slide-title {
    font-size: 2rem !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem !important;
}

.balyoz-carousel-enhanced .dt-sc-slider .dt-slide-content {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: #666 !important;
}

/* Featured section improvements */
.balyoz-carousel-enhanced .dt-featured-section {
    padding: 3rem 0 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Post meta styling */
.balyoz-carousel-enhanced .post-meta,
.balyoz-carousel-enhanced .dt-post-meta {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid #e5e7eb !important;
    gap: 1rem !important;
}

/* Category tags */
.balyoz-carousel-enhanced .post-category,
.balyoz-carousel-enhanced .dt-post-category {
    background: #dc2626 !important;
    color: white !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 4px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.balyoz-carousel-enhanced .post-category:hover,
.balyoz-carousel-enhanced .dt-post-category:hover {
    background: #991b1b !important;
    color: white !important;
}

/* ==========================================================================
   Section Reordering - Digital Gazete Before Footer
   ========================================================================== */

/* Container for reordering sections */
.balyoz-carousel-enhanced .site-main,
.balyoz-carousel-enhanced .main-content-area {
    display: flex !important;
    flex-direction: column !important;
}

/* Kaçırdın Haberler section - order first */
.balyoz-carousel-enhanced .missed-news-section,
.balyoz-carousel-enhanced .dt-missed-news,
.balyoz-carousel-enhanced .section-missed-news,
.balyoz-carousel-enhanced [class*="kaçırdın"],
.balyoz-carousel-enhanced [class*="missed"] {
    order: 1 !important;
    margin-bottom: 3rem !important;
}

/* Digital Gazete section - order last before footer */
.balyoz-carousel-enhanced .digital-gazete-section,
.balyoz-carousel-enhanced .dt-digital-gazete,
.balyoz-carousel-enhanced .gazete-section,
.balyoz-carousel-enhanced [class*="digital"],
.balyoz-carousel-enhanced [class*="gazete"] {
    order: 2 !important;
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
    background: #f9fafb !important;
    padding: 2rem 1rem !important;
    border-radius: 12px !important;
    border-top: 3px solid #dc2626 !important;
}

/* Digital Gazete styling improvements */
.balyoz-carousel-enhanced .digital-gazete-section h2,
.balyoz-carousel-enhanced .gazete-section h2,
.balyoz-carousel-enhanced [class*="gazete"] h2 {
    background: #dc2626 !important;
    color: white !important;
    padding: 1rem 2rem !important;
    margin: -2rem -1rem 2rem -1rem !important;
    border-radius: 12px 12px 0 0 !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* Ensure other content comes first */
.balyoz-carousel-enhanced .main-content > *:not([class*="missed"]):not([class*="gazete"]):not([class*="digital"]) {
    order: 0 !important;
}

/* Footer stays at bottom */
.balyoz-carousel-enhanced .site-footer,
.balyoz-carousel-enhanced .footer,
.balyoz-carousel-enhanced .dt-footer {
    order: 999 !important;
    margin-top: 3rem !important;
}