/* ============================================
   CUSTOM STYLES - Home Interior Design Theme
   ============================================ */

/* Additional responsive adjustments */
@media (max-width: 480px) {
    .hero-section {
        height: 280px;
    }

    .hero-title {
        font-size: 1.2rem;
    }

    .site-title {
        font-size: 1.2rem;
    }

    .post-card .post-title {
        font-size: 1rem;
    }

    .single-post .entry-title {
        font-size: 1.3rem;
    }

    .author-box {
        padding: 15px;
    }

    .author-box .author-avatar {
        width: 60px;
        height: 60px;
    }
}

/* Print styles */
@media print {
    .site-header,
    .widget-area,
    .ad-slot,
    .social-share,
    .related-posts,
    .site-footer,
    .breadcrumb-wrapper {
        display: none !important;
    }

    .content-sidebar-wrapper {
        display: block;
    }

    .single-post .entry-content {
        font-size: 12pt;
        line-height: 1.5;
    }
}

/* Focus styles for accessibility */
a:focus,
button:focus,
input:focus {
    outline: 2px solid #c9a96e;
    outline-offset: 2px;
}

/* Loading animation for images */
img {
    background-color: #f0f0f0;
}

/* Sticky header shadow enhancement */
.site-header {
    transition: box-shadow 0.3s ease;
}

/* Category badge hover effect */
.post-category {
    transition: background 0.3s ease;
}

.post-category:hover {
    background: #a08050;
}

/* Widget list hover */
.widget li {
    transition: padding-left 0.2s ease;
}

.widget li:hover {
    padding-left: 5px;
}

/* Pagination hover enhancement */
.pagination a {
    transition: all 0.3s ease;
}

/* Footer link hover */
.footer-widget a {
    transition: color 0.3s ease;
}