/* ========================================
   BLOG PAGE STYLES
   Consolidated from inline styles in blog.php
   ======================================== */

/* Fix horizontal overflow */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

body {
    overflow-y: auto !important;
}

* {
    box-sizing: border-box !important;
}

.container-fluid, .container, .row, .col-lg-8, .col-lg-4 {
    max-width: 100% !important;
    overflow: visible !important;
}

/* Hide scrollbars on non-body elements (exclude modals) */
*:not(body):not(html):not(.modal):not(.modal-body):not(.modal-content) {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

*:not(body):not(html):not(.modal):not(.modal-body):not(.modal-content)::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div:not(body):not(html):not(.modal):not(.modal-body):not(.modal-content):not(.modal-dialog),
section:not(body):not(html),
article:not(body):not(html),
aside:not(body):not(html),
main:not(body):not(html) {
    overflow: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

div:not(body):not(html):not(.modal):not(.modal-body):not(.modal-content):not(.modal-dialog)::-webkit-scrollbar,
section:not(body):not(html)::-webkit-scrollbar,
article:not(body):not(html)::-webkit-scrollbar,
aside:not(body):not(html)::-webkit-scrollbar,
main:not(body):not(html)::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Blog Card Hover */
.blog-card:hover {
    transform: none;
    box-shadow: none;
}

.blog-img {
    overflow: hidden !important;
}

.blog-card:hover .blog-img img {
    transform: scale(1.05);
}

.blog-img img {
    transition: all 0.3s ease;
}

.badge:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

a[href*="blog.php?category"]:hover {
    background: linear-gradient(135deg, #06A3DA 0%, #34AD54 100%) !important;
    color: white !important;
}