/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1769695504
Updated: 2026-01-29 19:05:04
/* Articles Archive Grid */

.articles-archive {
    padding: 60px 0;
}

.article-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.article-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.article-meta {
    padding: 15px 0;
}

.article-category {
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.6;
}

.article-title {
    font-size: 20px;
    line-height: 1.3;
    margin-top: 8px;
}

/* Pagination */
.articles-pagination {
    grid-column: 1 / -1;
    margin-top: 40px;
}

/* Mobile */
@media (max-width: 768px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Single Article Layout */

.single-article {
    padding-bottom: 80px;
}

.article-hero img {
    width: 100%;
    height: auto;
    display: block;
}

.article-content-wrap {
    max-width: 720px;
    margin: 60px auto 0;
    padding: 0 20px;
}

.article-title {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.article-meta {
    font-size: 14px;
    opacity: 0.6;
    margin-bottom: 40px;
}

.article-meta span {
    margin-right: 15px;
}

.article-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 22px;
}

.article-comments {
    margin-top: 60px;
}

/* Global Dark Theme */

body {
    background-color: #0b0b0b;
    color: #eaeaea;
}

/* Base Transparency for Wallpaper Visibility */
.site,
#page,
.entry-content,
.inside-article {
    background-color: transparent !important;
}

/* Specific Transparency for Community, Articles, and Club Specials */
/* Using more specific selectors to ensure overrides */
body.page-id-2661 .site,
body.page-id-2661 #page,
body.page-id-2661 .site-content,
body.page-id-2663 .site,
body.page-id-2663 #page,
body.page-id-2663 .site-content,
body.page-slug-wallpapers .site,
body.page-slug-wallpapers #page,
body.page-slug-club-specials .site,
body.page-slug-club-specials #page,
body.page-slug-community .site,
body.page-slug-community #page,
/* Generic Catch-all for our templates */
body.carnama-transparent .site,
body.carnama-transparent #page,
body.carnama-transparent .site-footer {
    background-color: transparent !important;
    background: transparent !important;
}

/* Footer Transparency for specific pages */
body.page-id-2661 .site-footer,
body.page-id-2663 .site-footer,
body.page-slug-wallpapers .site-footer,
body.page-slug-club-specials .site-footer,
body.page-slug-community .site-footer {
    background: transparent !important;
}

/* Also target CPT archives if enabled (Club Specials might use archives) */
body.post-type-archive-article .site,
body.post-type-archive-article #page,
body.post-type-archive-article .site-content {
    background: transparent !important;
}

.carnama-wrapper,
.carnama-epic-wrapper,
.guides-hub,
.forum-hub,
.club-specials-hub {
    background: transparent !important;
}

/* Ensure readable text areas have subtle backing if needed, but per request leaving "transparent" */
/* .entry-content { background: rgba(0,0,0,0.5); } -- Opting for transparent as requested */

a {
    color: #ffffff;
}

a:hover {
    opacity: 0.8;
}

/* Editorial Typography */

h1,
h2,
h3,
.article-title {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    word-break: normal;
    /* Ensure no mid-word breaks */
    overflow-wrap: break-word;
    /* Wrap long words if absolutely necessary */
    hyphens: auto;
    /* Clean hyphens for long words */
}

/* Page Titles Dynamic Sizing */
.entry-title,
.page-title,
h1 {
    text-wrap: balance;
    /* Modern browsers balance lines */
    max-width: 100%;
}

@media (max-width: 768px) {

    .entry-title,
    .page-title,
    h1 {
        font-size: 28px !important;
        /* Prevent massive titles on mobile */
        line-height: 1.2;
    }
}

.article-title {
    text-wrap: balance;
    /* Dynamic balancing */
}

/* Article Cards */
.article-card {
    transition: transform 0.2s ease, opacity 0.2s ease;
    border-radius: 12px;
    overflow: hidden;
}

.article-card:hover {
    transform: translateY(-4px);
}

.article-content p {
    color: #dcdcdc;
}

/* Quiet WooCommerce UI */

.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

.related.products,
.upsells.products,
.cross-sells {
    display: none;
}

/* Product Page – Editorial */

.single-product .product_title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    line-height: 1.2;
}

.single-product .woocommerce-product-details__short-description {
    font-size: 18px;
    line-height: 1.7;
    color: #dcdcdc;
}

.single-product .price {
    font-size: 18px;
    opacity: 0.8;
}

/* Sold Out Styling */

.woocommerce div.product .stock.out-of-stock {
    color: #999;
    font-style: italic;
}

/* Editorial Container Control */

.articles-archive.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px;
}

/* Article Cards – Clean */

.article-card {
    background: transparent;
}

.article-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-title {
    font-size: 22px;
    line-height: 1.35;
    margin-top: 10px;
    color: #ffffff;
}

.article-category {
    letter-spacing: 0.08em;
}

.article-card:hover {
    transform: translateY(-3px);
    opacity: 0.95;
}

@media (max-width: 768px) {
    .articles-archive.container {
        padding: 60px 20px;
    }

    .article-title {
        font-size: 20px;
    }
}

/* === SPEEDHUNTERS EDITORIAL GRID === */

.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* Cinematic image blocks — 1.5× taller than original 62% */
.article-thumb {
    position: relative;
    width: 100%;
    padding-top: 93%;
    overflow: hidden;
}

.article-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Typography under image */
.article-meta {
    padding-top: 14px;
}

.article-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.3;
    margin: 6px 0 0;
}

/* No card feeling */
.article-card {
    background: none;
    padding: 0;
}

@media (max-width: 768px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .article-title {
        font-size: 20px;
    }
}

.article-card:hover {
    transform: none;
    opacity: 1;
}

.article-category {
    font-size: 11px;
    letter-spacing: 0.12em;
    opacity: 0.6;
}

.article-card:hover {
    transform: none;
    opacity: 1;
}

.article-category {
    font-size: 11px;
    letter-spacing: 0.12em;
    opacity: 0.6;
}

/* FORCE GeneratePress to respect editorial grid */

.post-type-archive-article .articles-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 50px !important;
}

.post-type-archive-article .articles-grid>article {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

/* Cinematic image enforcement — 1.5× bigger cards */

.post-type-archive-article .article-thumb {
    position: relative;
    width: 100%;
    padding-top: 93%;
    overflow: hidden;
}

.post-type-archive-article .article-thumb img {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: none !important;
}

/* Remove GP blog spacing from articles archive */

.post-type-archive-article .inside-article {
    padding: 0 !important;
}

.post-type-archive-article .entry-content {
    margin: 0 !important;
}

@media (max-width: 768px) {
    .post-type-archive-article .articles-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

/* === FINAL SPEEDHUNTERS GRID (Updated) === */

.articles-archive {
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 40px;
    margin-bottom: 100px;
    /* Push footer down */
}

.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
}

/* PC: 3 Columns */
@media (min-width: 900px) {
    .articles-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile: 2 Columns */
@media (max-width: 900px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .articles-archive {
        padding: 40px 20px;
    }
}

.article-thumb {
    position: relative;
    width: 100%;
    padding-top: 93%;
    /* 1.5× bigger than original 62% — shows more of 1920×1080 images */
    overflow: hidden;
    border-radius: 8px !important;
    border: 1px solid rgba(182, 255, 0, 0.3);
    box-shadow: 0 0 15px rgba(182, 255, 0, 0.2);
}

.article-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px !important;
    display: block;
}

/* Editorial text */
.article-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.3;
    margin-top: 12px;
}

.article-category {
    font-size: 11px;
    letter-spacing: 0.12em;
    opacity: 0.7;
    text-transform: uppercase;
    color: #b6ff00;
}

/* Mobile Typography */
@media (max-width: 768px) {
    .article-title {
        font-size: 18px;
        /* Smaller for mobile grid */
    }
}

/* Carnama Badges */

.carnama-badges {
    margin-top: 10px;
}

.carnama-badge {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-right: 6px;
    border-radius: 999px;
    font-family: Georgia, "Times New Roman", serif;
    background: #1a1a1a;
    color: #bdbdbd;
}

/* Observer */
.badge-observer {
    opacity: 0.6;
}

/* Issue 01 Member */
.badge-issue-01-member {
    background: #111;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* The OGs */
.badge-the-ogs {
    background: linear-gradient(135deg, #1f1f1f, #0d0d0d);
    color: #e6e6e6;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

/* The Player (RARE) */
.badge-the-player {
    background: linear-gradient(135deg, #3a2a00, #1a1200);
    color: #f5d27a;
    border: 1px solid rgba(245, 210, 122, 0.5);
}

.carnama-locked-wrapper {
    position: relative;
}

.carnama-blur {
    filter: blur(10px);
    pointer-events: none;
    user-select: none;
}

.carnama-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
}

.carnama-overlay h2 {
    font-family: Georgia, serif;
    font-size: 32px;
    margin-bottom: 15px;
}

.carnama-overlay p {
    max-width: 520px;
    opacity: 0.9;
    margin-bottom: 15px;
}

.carnama-home-btn {
    margin-top: 20px;
    padding: 12px 26px;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.08em;
}

/* === SOFT EXCLUSIVITY BLUR === */
body.carnama-restricted .site,
body.carnama-restricted #page,
body.carnama-restricted .entry-content {
    filter: blur(20px);
    pointer-events: none;
    user-select: none;
    opacity: 0.3;
    transition: filter 0.5s ease;
}

/* Ensure Overlay is VISIBLE (Not blurred) */
.carnama-overlay-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 10, 10, 0.7);
    /* Slight tint over blur */
    backdrop-filter: blur(5px);
    /* Extra glass effect */
}

.carnama-overlay-content {
    background: #111;
    padding: 60px 40px;
    text-align: center;
    border: 1px solid #333;
    max-width: 500px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.carnama-lock-title {
    font-family: Georgia, serif;
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff;
}

.carnama-badge-req {
    margin-bottom: 25px;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.carnama-msg {
    font-size: 16px;
    color: #ddd;
    line-height: 1.6;
    margin-bottom: 10px;
}

.carnama-sub {
    font-size: 13px;
    color: #666;
    margin-bottom: 30px;
    font-style: italic;
}

.carnama-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.carnama-btn-ghost {
    border: 1px solid #666;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    transition: all 0.3s ease;
}

.carnama-btn-ghost:hover {
    border-color: #fff;
    background: #fff;
    color: #000;
}

.carnama-dm-hint {
    font-size: 12px;
    color: #555;
}

/* === IDENTITY CARD (PROFILE) === */
.carnama-identity-card {
    background: #151515;
    border: 1px solid #222;
    padding: 40px;
    max-width: 600px;
    margin: 40px auto;
}

.identity-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
    padding-bottom: 30px;
}

.identity-header img {
    border-radius: 50%;
    border: 2px solid #333;
}

.identity-name {
    font-family: Georgia, serif;
    font-size: 26px;
    color: #fff;
    margin-bottom: 5px;
}

.identity-role {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #666;
}

.identity-badges {
    margin-bottom: 30px;
}

.identity-badges h4,
.identity-bio h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #555;
    margin-bottom: 15px;
}

.identity-bio textarea {
    width: 100%;
    background: #0a0a0a;
    border: 1px solid #222;
    color: #ccc;
    padding: 15px;
    min-height: 120px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.bio-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carnama-tiny-btn {
    background: #333;
    color: #fff;
    border: none;
    padding: 8px 16px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.carnama-tiny-btn:hover {
    background: #555;
}

.carnama-logout-link {
    font-size: 12px;
    color: #cc0000;
    text-decoration: none;
}

/* === BADGE ANIMATIONS === */
@keyframes carnamaShine {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.carnama-badge {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.carnama-badge::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: carnamaShine 3s infinite;
}

/* === SITE BACKGROUNDS === */
/* Home */
body.home {
    background: #0b0b0b;
    /* Fallback */
}

body.home::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('https://carnama.online/wp-content/uploads/2025/05/DSC09070-1-scaled.jpg');
    background-size: cover;
    background-position: center;
    filter: grayscale(100%) blur(8px);
    z-index: -10;
    transform: scale(1.1);
    opacity: 0.4;
    /* Fade it so text is readable */
}

/* Community & Identity */
body.page-community::before,
body[class*="community"]::before,
body[class*="identity"]::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('https://carnama.online/wp-content/uploads/2025/04/BZ4A2572-scaled.jpg');
    background-size: cover;
    background-position: center;
    filter: grayscale(100%) blur(8px);
    z-index: -10;
    transform: scale(1.1);
    opacity: 0.4;
}

/* Glassmorphism for Containers */
.carnama-identity-card,
.article-card {
    background: rgba(20, 20, 20, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* === IDENTITY BUTTON === */
.carnama-underground-btn {
    display: inline-block;
    background: #009944;
    /* Racing Green ish */
    color: #ffffff;
    padding: 12px 30px;
    font-family: Georgia, serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.carnama-underground-btn:hover {
    background: #00b350;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 153, 68, 0.4);
}

/* === LOCKED & ACCESS CONTROL === */
.quiz-link.neon-card.locked,
.locked-item {
    filter: grayscale(100%);
    opacity: 0.5;
    /* Darker */
    cursor: not-allowed;
    border-color: #333;
}

.quiz-link.neon-card.locked:hover,
.locked-item:hover {
    transform: none;
    box-shadow: none;
    border-color: #ff0000;
    /* Red Border on Hover */
    background: #000;
}

.quiz-lock-overlay,
.wall-lock-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    /* Darker Overlay */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ff0000;
    /* Red Text */
    text-align: center;
    backdrop-filter: blur(8px);
    /* More Blur */
    z-index: 10;
    border: 1px solid #333;
}

.quiz-lock-overlay .dashicons,
.wall-lock-overlay .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.wall-lock-overlay p,
.quiz-lock-overlay {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: bold;
}

/* === QUIZ HUB (NEON GREEN THEME) === */
.carnama-quiz-container {
    font-family: 'Segoe UI', sans-serif;
    background-color: #000;
    color: #b6ff00;
    max-width: 1000px;
    margin: 40px auto;
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 0 40px rgba(182, 255, 0, 0.1);
    text-align: center;
}

.carnama-quiz-grid.neon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.quiz-link.neon-card {
    display: block;
    position: relative;
    background: #1a1a1a;
    text-decoration: none;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #333;
    transition: all 0.4s ease;
}

.quiz-thumb {
    height: 160px;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #333;
    transition: opacity 0.3s;
}

.quiz-title {
    display: block;
    padding: 18px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #b6ff00;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 0.3s;
}

.quiz-link.neon-card:hover {
    transform: scale(1.02);
    box-shadow: 0 0 25px rgba(182, 255, 0, 0.6);
    border-color: #b6ff00;
}

.quiz-link.neon-card:hover .quiz-title {
    color: #fff;
    background: #b6ff00;
    text-shadow: none;
}

.quiz-empty {
    text-align: center;
    color: #666;
    font-style: italic;
    margin: 40px;
}

/* === GLOW BUTTONS === */
.neon-btn {
    background: #b6ff00 !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold;
    padding: 12px 30px;
    border-radius: 30px;
    box-shadow: 0 0 15px rgba(182, 255, 0, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 13px;
    transition: all 0.3s ease;
}

.neon-btn:hover {
    box-shadow: 0 0 25px rgba(182, 255, 0, 0.8);
    transform: scale(1.05);
    opacity: 1;
}

/* === GLOBAL BEAUTIFICATION === */
:root {
    --carnama-neon: #b6ff00;
    --carnama-neon-dark: #7acc00;
    --carnama-bg: #0a0a0a;
    --carnama-card: rgba(20, 20, 20, 0.85);
    --carnama-border: rgba(255, 255, 255, 0.1);
    --carnama-text: #e0e0e0;
    --carnama-text-muted: #888;
}

/* Typography Enhancement */
body {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.01em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Glassmorphism Containers */
.glass-card,
.entry,
article.post,
.widget {
    background: var(--carnama-card);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--carnama-border);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

article.post:hover,
.entry:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(182, 255, 0, 0.1);
    border-color: rgba(182, 255, 0, 0.3);
}

/* Enhanced Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    background: rgba(15, 15, 15, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 12px;
    padding: 12px 16px;
    transition: all 0.25s ease;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--carnama-neon);
    box-shadow: 0 0 20px rgba(182, 255, 0, 0.2);
    outline: none;
}

/* Refined Neon Effects */
.neon-glow {
    box-shadow: 0 0 20px rgba(182, 255, 0, 0.3), inset 0 0 20px rgba(182, 255, 0, 0.05);
}

.neon-text {
    color: var(--carnama-neon);
    text-shadow: 0 0 10px rgba(182, 255, 0, 0.5), 0 0 30px rgba(182, 255, 0, 0.3);
}

/* Smooth Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #111;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--carnama-neon), var(--carnama-neon-dark));
    border-radius: 4px;
}

/* Article Grid Enhancement */
article.post {
    overflow: hidden;
}

article.post .entry-image-link img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

article.post:hover .entry-image-link img {
    transform: scale(1.05);
}

/* Locked Article State */
article.post.carnama-locked {
    position: relative;
}

article.post.carnama-locked::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: 16px;
}

article.post.carnama-locked .entry-image-link img {
    filter: grayscale(100%);
}

.carnama-lock-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 15;
    border-radius: 16px;
    color: #ff4444;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.carnama-lock-overlay .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
}

/* Mobile Optimizations */
@media (max-width: 768px) {

    article.post,
    .entry {
        border-radius: 12px;
    }

    .glass-card {
        backdrop-filter: blur(8px);
    }
}

/* === 2025 COMMENTS OVERHAUL === */
.comment-user-id {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    background: #111;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid #333;
    display: inline-flex;
}

.comment-user-id .c-avatar img {
    border-radius: 50%;
    border: 1px solid #b6ff00;
}

.comment-user-id .c-info {
    color: #fff;
    font-size: 14px;
}

.comment-user-id .c-info strong {
    color: #fff;
}

.comment-user-id .c-badge {
    background: #b6ff00;
    color: #000;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.carnama-comment-btn {
    background: #b6ff00;
    color: #000;
    font-weight: bold;
    border: none;
    padding: 12px 30px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.carnama-comment-btn:hover {
    box-shadow: 0 0 15px rgba(182, 255, 0, 0.4);
    transform: scale(1.05);
}

.c-author-badges {
    margin-top: 8px;
    font-size: 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.c-author-badge {
    display: inline-block;
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    color: #b6ff00;
    border: 1px solid #b6ff00;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px rgba(182, 255, 0, 0.3);
    animation: badge-pulse 2s ease-in-out infinite;
}

.c-author-badge:nth-child(2) {
    animation-delay: 0.3s;
}

.c-author-badge:nth-child(3) {
    animation-delay: 0.6s;
}

@keyframes badge-pulse {

    0%,
    100% {
        box-shadow: 0 0 8px rgba(182, 255, 0, 0.3);
    }

    50% {
        box-shadow: 0 0 18px rgba(182, 255, 0, 0.6), 0 0 30px rgba(182, 255, 0, 0.2);
    }
}



/* === PRODUCT PAGES (DRIVESTACK & MAGAZINE) === */

/* Common Hero & Layout */
.ds-container,
.cm-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
    background: transparent !important;
}

.ds-hero,
.cm-hero {
    text-align: center;
    margin-bottom: 50px;
}

.ds-hero h1,
.cm-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #A7FF00;
    margin-bottom: 10px;
}

.ds-hero p,
.cm-hero p {
    max-width: 720px;
    margin: 12px auto;
    font-size: 1.1rem;
    color: #cfcfcf;
    line-height: 1.65;
}

.ds-hero img,
.cm-hero img {
    width: 100%;
    max-width: 650px;
    border-radius: 18px;
    margin: 28px auto;
    display: block;
    box-shadow: 0 0 45px rgba(167, 255, 0, 0.18);
}

/* Common Sections */
.ds-section,
.cm-section {
    background: rgba(15, 15, 15, 0.78);
    padding: 34px;
    border-radius: 18px;
    margin-bottom: 32px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(4px);
}

.ds-section h2,
.cm-section h2 {
    color: #A7FF00;
    font-size: 1.6rem;
    margin-bottom: 14px;
}

.ds-section p,
.cm-section p {
    color: #e6e6e6;
}

/* Lists */
ul.ds-list,
ul.cm-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.ds-list li,
ul.cm-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    line-height: 1.6;
    color: #e6e6e6;
}

ul.ds-list li::before,
ul.cm-list li::before {
    content: '▸';
    position: absolute;
    left: 0;
    top: 0.15em;
    color: #A7FF00;
    line-height: 1;
    font-weight: bold;
}

/* Store Buttons */
.store-button-group {
    text-align: center;
    margin-top: 45px;
}

.store-button {
    display: inline-block;
    padding: 15px 32px;
    margin: 10px;
    background: #1e3f00;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 0 25px rgba(30, 63, 0, 0.45);
    text-decoration: none;
}

.store-button:hover {
    background: #A7FF00;
    color: #000000 !important;
    transform: translateY(-3px);
}

/* Mobile Responsive */
@media (max-width: 768px) {

    .ds-hero h1,
    .cm-hero h1 {
        font-size: 2rem;
    }

    .ds-section,
    .cm-section {
        padding: 22px;
    }

    .store-button {
        width: 90%;
        padding: 16px;
    }
}

/* === BADGE COLOR CLASSES === */
.carnama-badge.badge-gold,
.c-author-badge.badge-gold {
    background: linear-gradient(135deg, #FFD700 0%, #B8860B 100%) !important;
    color: #000 !important;
    border-color: #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

.carnama-badge.badge-red,
.c-author-badge.badge-red {
    background: linear-gradient(135deg, #dc3232 0%, #8b0000 100%) !important;
    color: #fff !important;
    border-color: #dc3232 !important;
    box-shadow: 0 0 12px rgba(220, 50, 50, 0.4);
}

/* Club Specials Mobile Fix - Prevent Cropping */
@media (max-width: 768px) {
    .specials-card {
        height: auto !important;
        /* Allow growing */
        min-height: 450px;
    }

    .spec-details {
        padding-bottom: 20px;
        /* Ensure space for Insta links */
    }
}

.carnama-badge.badge-blue,
.c-author-badge.badge-blue {
    background: linear-gradient(135deg, #3498db 0%, #1a5276 100%) !important;
    color: #fff !important;
    border-color: #3498db !important;
    box-shadow: 0 0 12px rgba(52, 152, 219, 0.4);
}

.carnama-badge.badge-orange,
.c-author-badge.badge-orange {
    background: linear-gradient(135deg, #ff8c00 0%, #cc5500 100%) !important;
    color: #000 !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 12px rgba(255, 140, 0, 0.4);
}

/* TheShiftSquad special badge - using blue */
.carnama-badge.badge-theshiftsquad,
.c-author-badge.badge-theshiftsquad {
    background: linear-gradient(135deg, #00d4ff 0%, #0066cc 100%) !important;
    color: #000 !important;
    border-color: #00d4ff !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
}