/* Custom Border Radius for Home Page Images */
/* This file adds rounded corners to all images on the home page */

/* Main slider images */
.main-slider .main-slider-item img {
    border-radius: 8px;
    transition: border-radius 0.3s ease;
}

/* Featured section images */
.section-featured .col-featured-right .item img {
    border-radius: 8px;
    transition: border-radius 0.3s ease;
}

/* Category block images */
.section-cat-block .post-item-vr .image img {
    border-radius: 8px;
    transition: border-radius 0.3s ease;
}

/* Post item images */
.post-item .image img {
    border-radius: 8px;
    transition: border-radius 0.3s ease;
}

/* Small post item images */
.post-item-small .left .image img {
    border-radius: 6px;
    transition: border-radius 0.3s ease;
}

/* General responsive images on home page */
.img-fluid {
    border-radius: 6px;
    transition: border-radius 0.3s ease;
}

/* Lazy loaded images */
.lazyload {
    border-radius: 6px;
    transition: border-radius 0.3s ease;
}

/* Media icons should remain circular */
.media-icon svg {
    border-radius: 100% !important;
}

/* Profile images should remain circular */
.profile-dropdown > a img,
.about-author .img-author,
.profile-header .profile-info .profile-image img {
    border-radius: 50% !important;
}

/* Gallery images */
.page-gallery .gallery img {
    border-radius: 6px;
}

/* Quiz answer images */
.quiz-container .answer-format-image .answer-image img {
    border-radius: 4px;
}

/* Post detail images */
.post-content .post-text img {
    border-radius: 6px;
}

/* Video thumbnails */
.section-videos .image img {
    border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .main-slider .main-slider-item img,
    .section-featured .col-featured-right .item img,
    .section-cat-block .post-item-vr .image img {
        border-radius: 6px;
    }
    
    .post-item .image img,
    .img-fluid,
    .lazyload {
        border-radius: 4px;
    }
}

@media (max-width: 575.98px) {
    .main-slider .main-slider-item img,
    .section-featured .col-featured-right .item img,
    .section-cat-block .post-item-vr .image img {
        border-radius: 4px;
    }
    
    .post-item .image img,
    .img-fluid,
    .lazyload {
        border-radius: 3px;
    }
}

/* Logo Responsive Scaling - Keeps desktop size, scales down on mobile */
.nav-main .navbar-brand .logo {
    display: block;
}

/* Responsive logo scaling */
@media (max-width: 991.98px) {
    .nav-main .navbar-brand .logo {
        max-width: 85% !important;
        max-height: 85% !important;
    }
}

@media (max-width: 767.98px) {
    .nav-main .navbar-brand .logo {
        max-width: 75% !important;
        max-height: 75% !important;
    }
}

@media (max-width: 575.98px) {
    .nav-main .navbar-brand .logo {
        max-width: 70% !important;
        max-height: 70% !important;
    }
}

/* Homepage Image Hover Effect - Desktop Only */
/* This effect scales images on hover while keeping the container size fixed */

/* Ensure containers have overflow hidden for the scale effect */
.post-item .image,
.post-item-mid .image,
.post-item-small .left .image,
.section-cat-block .post-item-vr .image {
    overflow: hidden !important;
}

/* Add smooth transition to images */
.post-item .image img,
.post-item-mid .image img,
.post-item-small .left .image img,
.section-cat-block .post-item-vr .image img,
.section-block-2 .post-item .image img,
.section-block-2 .post-item-small .image img {
    transition: transform 0.5s ease !important;
}

/* Desktop-only hover effect */
@media (min-width: 992px) {
    /* Exclude slider and custom page blocks */
    .main-slider .image img,
    .section-home-page-block .image img {
        transition: none !important;
    }
    
    .main-slider:hover .image img,
    .section-home-page-block:hover .image img {
        transform: none !important;
    }
    
    /* Apply hover effect to homepage post items */
    .post-item:hover .image img,
    .post-item-mid:hover .image img,
    .post-item-small:hover .image img,
    .post-item-vr:hover .image img,
    .section-cat-block .post-item:hover .image img,
    .section-cat-block .post-item-mid:hover .image img,
    .section-cat-block .post-item-vr:hover .image img,
    .section-block-2 .post-item:hover .image img,
    .section-block-2 .post-item-small:hover .image img {
        transform: scale(1.1) !important;
    }
}