/*
 Theme Name:   GeneratePress Supreme Child
 Description:  A premium, high-speed design for PunjabiPosts.com perfectly mirroring Supreme V52.
 Author:       Antigravity
 Template:     generatepress
 Version:      3.0.0
*/

/* --- SUPREME COLORS & VARIABLES --- */
:root {
    --primary: #611ebc;
    --accent: #f59e0b;
    --bg: #f8fafc;
    --card-bg: #ffffff;
    --text: #1a1a1a;
    --shadow: 0 20px 40px rgba(0,0,0,0.06);
    --shadow-deep: 0 40px 80px -10px rgba(0,0,0,0.12);
    --highlight-blue: #3E68FF;
}

/* --- GLOBAL STYLING --- */
body, p, li, span, div, input, button {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

body { background-color: var(--bg) !important; }

/* --- SELECT AREA: CATEGORY HEADER (NEW) --- */
.archive .page-header {
    background: #fff !important;
    padding: 40px !important;
    border-radius: 30px !important;
    box-shadow: var(--shadow) !important;
    margin-bottom: 40px !important;
    border: 1px solid rgba(0,0,0,0.02) !important;
}

.archive .page-header .page-title {
    background: var(--highlight-blue) !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 10px 25px !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
    font-size: 24px !important;
}

.archive .taxonomy-description {
    font-size: 19px !important;
    color: #444 !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

/* --- HEADER & NAVIGATION --- */
.site-header { background: #fff !important; padding: 20px 0 !important; }
.main-navigation { background-color: var(--primary) !important; }
.main-navigation .main-nav ul li a { color: #ffffff !important; font-weight: 700 !important; }

/* --- SUPREME HERO BOX --- */
.supreme-hero-box {
    background: #fff;
    border-radius: 40px;
    padding: 70px 40px;
    text-align: center;
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
    max-width: 1100px;
    margin: 50px auto 40px auto;
}

.supreme-hero-box h1 { font-size: 42px !important; font-weight: 950 !important; color: var(--primary); margin-bottom: 25px; }

.btn-primary { background: var(--accent) !important; color: #fff !important; padding: 18px 40px !important; border-radius: 15px !important; font-weight: 900 !important; text-decoration: none !important; display: inline-block; }

/* --- LATEST 6 POSTS GRID --- */
.latest-card:hover { transform: translateY(-10px) !important; box-shadow: var(--shadow-deep) !important; }

/* --- SUPREME POST CARDS (LIST) --- */
.generate-columns-container .inside-article, .blog article, .archive article {
    background: var(--card-bg) !important;
    border-radius: 30px !important; box-shadow: var(--shadow) !important; border: 1px solid rgba(0,0,0,0.02) !important; transition: all 0.4s ease !important; overflow: hidden; margin-bottom: 40px !important;
}

/* READ MORE BUTTON */
.read-more-container { padding: 20px 30px !important; text-align: left !important; }
.read-more-btn { background: var(--primary) !important; color: #fff !important; padding: 12px 25px !important; border-radius: 12px !important; font-weight: 800 !important; text-decoration: none !important; display: inline-block; font-size: 16px !important; }

/* AUTHOR BOX */
.supreme-author-card { background: #fff; border-radius: 35px; padding: 40px; margin-top: 60px; box-shadow: var(--shadow); border-left: 10px solid var(--primary); }
.author-flex { display: flex; align-items: center; gap: 40px; }
.author-img-box img { border-radius: 100px; width: 140px; height: 140px; object-fit: cover; border: 5px solid var(--primary); }

/* FOOTER GRID */
.footer-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0 40px; text-align: left; }
.footer-column h4 { font-size: 18px; font-weight: 900; margin-bottom: 20px; color: var(--accent); }

/* HIDE ORIGINAL GP */
.site-footer .site-info { display: none !important; }

/* MOBILE */
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .latest-grid { grid-template-columns: 1fr !important; }
    .author-flex { flex-direction: column; text-align: center; }
    .supreme-hero-box h1 { font-size: 28px !important; }
}