/* FORCE THE GRID STRUCTURE */
.tactical-main-wrapper {
    display: grid !important;
    grid-template-columns: 280px 1fr 280px !important; /* Forces the sidebars to exist */
    gap: 30px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    align-items: start;
}

/* BRIDGE TO YOUR OTHER CSS FILE */
/* This ensures the front-page sidebars inherit the same base visibility */
.field-sidebar {
    min-width: 280px;
    display: block; /* Ensures it's not hidden by default */
    visibility: visible;
}

/* ==========================================

   GLOBAL TACTICAL VARIABLES & RESET

   ========================================== */

:root {

    --leather-brown: #d4a373;

    --dark-grey: #1a1a1a;

    --border-grey: #333;

    --white: #ffffff;

    --earth-tan: #a69076;

    --section-gap: 120px; /* Increased for better separation from Hero */

}



/* Force Body to handle full-width overflow correctly */

body, html {

    margin: 0;

    padding: 0;

    overflow-x: hidden; 

    width: 100%;

}



/* Full Width Section Wrapper */

.full-width-tactical {

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    padding: var(--section-gap) 0;

    box-sizing: border-box;

}

/* ==========================================
   FINAL BALANCED ARTICLES - SLIGHT REDUCTION + RAISED
   ========================================== */

body .tactical-main-wrapper {
    display: grid !important;
    grid-template-columns: 270px 1fr 270px !important; /* Slightly wider sidebars */
    gap: 32px !important; /* Reduced gap */
    width: 100% !important;
    max-width: 1500px !important; /* Reduced from 1550px */
    margin: 40px auto !important; /* Reduced from 40px - raises it up */
    padding: 0 25px !important;
}

body .field-sidebar {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
}

body .articles-center-column {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Raise articles section up */
body #articles-section {
    width: 100% !important;
    position: relative !important;
    padding: 0 0 40px 0 !important; /* Removed top padding */
    background: #fff !important;
    box-sizing: border-box !important;
    margin-top: -20px !important; /* Pulls it up */
}

body #articles-section .articles-grid-tactical {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 30px !important; /* Reduced from 32px */
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px 0 !important; /* Reduced top margin */
}

body .post-card-rugged {
    background: #fff !important;
    border: 1px solid #eee !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    min-height: 490px !important; /* Slightly shorter */
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s !important;
    overflow: hidden !important;
}

body .post-card-rugged:hover {
    transform: translateY(-8px) !important;
    border-color: #a69076 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
}

body .post-image {
    width: 100% !important;
    height: 310px !important; /* Reduced from 320px */
    overflow: hidden !important;
    position: relative !important;
    border-bottom: 1px solid #eee !important;
}

body .post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.8s ease !important;
}

body .post-card-rugged:hover .post-image img {
    transform: scale(1.05) !important;
}

body .post-content {
    padding: 26px !important; /* Reduced from 28px */
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

body .post-content h3 {
    font-family: 'Arvo', serif !important;
    font-size: 1.4rem !important; /* Reduced from 1.45rem */
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
    color: #333 !important;
}

body .post-content p {
    font-size: 0.98rem !important; /* Slightly smaller */
    line-height: 1.6 !important;
    color: #666 !important;
    margin-bottom: 18px !important;
}

body .read-more-link {
    margin-top: auto !important;
    display: block !important;
    font-family: 'JetBrains Mono', monospace !important;
    text-decoration: none !important;
    color: #000 !important;
    background: #a69076 !important; 
    padding: 13px 20px !important; /* Slightly smaller */
    font-weight: 800 !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

body .read-more-link:hover {
    background: #50fa7b !important;
    color: #000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(80, 250, 123, 0.4) !important;
}

body .read-more-link::after {
    content: ' →' !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

body .read-more-link:hover::after {
    transform: translateX(5px) !important;
}

/* Responsive */
@media (max-width: 1200px) {
    body .tactical-main-wrapper {
        grid-template-columns: 1fr !important;
        max-width: 900px !important;
    }
    
    body .field-sidebar {
        display: none !important;
    }
}

@media (max-width: 768px) {
    body #articles-section .articles-grid-tactical {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    
    body .post-content {
        padding: 24px !important;
    }
    
    body .post-content h3 {
        font-size: 1.3rem !important;
    }
    
    body #articles-section {
        margin-top: 0 !important;
    }
}
/* ==========================================
   SECTION FOOTER - ARCHIVE BUTTON
   ========================================== */

.section-footer-tactical {
    text-align: center;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.btn-secondary-rugged {
    display: inline-block;
    background: #2d4739; /* Forest green */
    color: #fff;
    padding: 15px 35px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1.5px;
    text-decoration: none;
    border: 2px solid #2d4739;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-secondary-rugged:hover {
    background: #a69076; /* Tactical tan */
    border-color: #a69076;
    color: #000;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(166, 144, 118, 0.4);
}

.btn-secondary-rugged .btn-icon {
    margin-left: 8px;
    font-weight: bold;
    transition: transform 0.3s ease;
    display: inline-block;
}

.btn-secondary-rugged:hover .btn-icon {
    transform: translateX(5px);
}

/* Alternative tactical style with border emphasis */
.btn-secondary-rugged.tactical-outline {
    background: transparent;
    border: 2px solid #a69076;
    color: #a69076;
}

.btn-secondary-rugged.tactical-outline:hover {
    background: #a69076;
    color: #000;
}

/* ==========================================
   SIDEBAR VISIBILITY REINFORCEMENT
   ========================================== */
.field-sidebar {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    /* Ensure your sidebar CSS file is loading, 
       but we force width here to protect the grid */
    min-width: 280px; 
}
/* ==========================================

   QUARTERMASTER SHOP, MANUAL, VIDEO, DISPATCH

   ========================================== */
/* --- SHOP SECTION: MATCHING VIDEO BREAKOUT --- */
#shop-section-tactical.whitish-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #ffffff;
    padding: 80px 0;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: none !important; 
}

/* Wide Container Alignment */
#shop-section-tactical .shop-container-wide {
    max-width: 1400px; /* Matches Video Section */
    margin: 0 auto;
    padding: 0 40px;
}

/* 3-Column Tactical Shop Grid */
.shop-grid-tactical {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 40px !important; /* Matches Video Gap */
    margin-top: 40px;
    width: 100%;
}

/* Product Card - Rugged Style */
.product-card-rugged {
    background: #ffffff;
    border: 1px solid #d1cfc4;
    position: relative;
    padding: 8px; /* Matches video-card-rugged padding */
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Add the Corner Brackets to match videos */
.product-card-rugged::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px; width: 25px; height: 25px;
    border-top: 4px solid #8c5e3c; border-left: 4px solid #8c5e3c;
    pointer-events: none;
    z-index: 10;
}

.product-card-rugged:hover {
    transform: translateY(-5px);
    border-color: #1b1c17;
    box-shadow: 15px 15px 0px rgba(27, 28, 23, 0.05);
}

/* Product Image Frame */
.product-image {
    position: relative;
    height: 220px; /* Uniform height */
    overflow: hidden;
    background: #f2f0e9;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Footer & Button Positioning */
.shop-footer-cta {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

/* Responsive Logic - Matching Video Section */
@media (max-width: 1100px) {
    .shop-grid-tactical { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    .shop-grid-tactical { grid-template-columns: 1fr !important; }
}

/* ==========================================
   MANUAL SECTION - POSITION RESET & PLUGIN SYNC
   ========================================== */
#manual-section { 
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    background-color: #1e2124 !important; /* Slate Gray */
    padding: 60px 0 !important; 
    background-image: 
        linear-gradient(rgba(166, 144, 118, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(166, 144, 118, 0.04) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    clear: both !important;
    overflow: hidden;
}

#manual-section .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important; 
    padding: 0 20px !important;
    display: block !important;
}

.manual-rugged-box { 
    display: flex !important; 
    width: 100% !important;
    margin: 0 auto !important;
    background: #111111 !important; 
    border: 1px solid #3e442c !important; 
}

/* --- LEFT SIDE: THE VISUAL --- */
.manual-preview { 
    flex: 1.2;
    background: #070707; 
    padding: 30px; 
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    position: relative;
    border-right: 1px solid #222; 
}

.manual-image-container {
    position: relative;
    width: 320px; 
    height: 420px;
    background: #1a1a1a;
    box-shadow: 0 25px 50px rgba(0,0,0,0.8);
    border: 1px solid #333;
}

.manual-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.manual-rugged-box:hover .manual-image {
    transform: scale(1.02);
}

.manual-book-mockup {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    background: rgba(0,0,0,0.9);
    padding: 15px;
    border-left: 4px solid #a69076;
    backdrop-filter: blur(5px);
}

.book-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
}

.book-vol {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: #a69076;
    letter-spacing: 1px;
}

/* --- RIGHT SIDE: CONTENT & FLUENT FORM --- */
.manual-content { 
    flex: 1.2; 
    padding: 50px 70px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.manual-form-integration .fluentform {
    padding: 0 !important;
}

/* Hide Plugin Labels */
.manual-form-integration label {
    display: none !important;
}

/* Sync Plugin Input with Manual Styling */
.manual-form-integration .ff-el-form-control {
    background: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 18px !important;
    height: auto !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85rem !important;
    border-radius: 0 !important;
    outline: none !important;
    margin-bottom: 15px !important;
}

.manual-form-integration .ff-el-form-control:focus {
    border-color: #a69076 !important;
}

/* Sync Plugin Button with Manual Styling */
.manual-form-integration .ff-btn-submit {
    width: 100% !important;
    background: #a69076 !important;
    color: #000 !important;
    padding: 18px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.manual-form-integration .ff-btn-submit:hover {
    background: #ffffff !important; /* Tactical Highlight */
    padding-left: 25px !important;
}

/* Success Message Override */
.manual-form-integration .ff-message-success {
    background: #070707 !important;
    border: 1px solid #a69076 !important;
    color: #a69076 !important;
    font-family: 'JetBrains Mono', monospace !important;
    padding: 15px !important;
    font-size: 0.8rem !important;
}

/* Typography Sync */
.serial-no {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: #a69076;
    letter-spacing: 2px;
}

.manual-main-title {
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
    margin: 8px 0 15px 0;
}

.manual-description {
    font-family: 'Inter', sans-serif;
    color: #aaa;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

.manual-note {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6rem;
    color: #444;
    margin-top: 25px;
    letter-spacing: 1px;
}

/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 992px) {
    .manual-rugged-box { flex-direction: column !important; }
    .manual-preview { border-right: none; border-bottom: 1px solid #222; }
    .manual-content { padding: 40px; }
}
/* --- VIDEO SECTION: TACTICAL HUD OVERHAUL --- */
#video-section.whitish-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f9f8f4;
    /* ADDED: Bottom margin to push the next section away */
    margin-bottom: 60px; 
    padding: 60px 0; /* Consistent vertical spacing */
    box-sizing: border-box;
    overflow: hidden;
    /* ADDED: Bottom border to define the end of the section */
    border-bottom: none !important; 
}

/* 2-Column Tactical Grid */
.video-grid-tactical { 
    display: grid !important; 
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 40px !important; /* Increased from 20px for wider spacing between cards */
    margin-top: 40px;
    width: 100%;
}

/* --- CINEMA ARCHIVE - COMPACT TACTICAL HUD --- */

.video-card-rugged { 
   background: #ffffff; 
    border: 1px solid #d1cfc4; 
    position: relative;
    padding: 8px; /* 3. CHANGE THIS: Reduced from 10px */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
}

/* Corner Bracket HUD Effect */
.video-card-rugged::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px; width: 25px; height: 25px;
    border-top: 4px solid #8c5e3c; border-left: 4px solid #8c5e3c;
    pointer-events: none;
    z-index: 10;
}

.video-card-rugged:hover {
    transform: translateY(-5px);
    border-color: #1b1c17;
    box-shadow: 15px 15px 0px rgba(27, 28, 23, 0.05);
}

/* Video Frame & Image Handling */
.video-thumb {
    position: relative;
    height: 200px; /* Reduced from 260px for 3-column balance */
    overflow: hidden;
    background: #000;
    cursor: pointer;
}

.video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    opacity: 0.7;
    transition: 0.6s ease;
}

.video-card-rugged:hover .video-thumb img {
    filter: grayscale(0.4) sepia(0.2);
    opacity: 1;
    transform: scale(1.05);
}

/* HUD Overlay & Play Button */
.video-hud-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(140, 94, 60, 0.1); 
    transition: all 0.4s ease;
    z-index: 2;
}

.play-button-hud {
    width: 70px;
    height: 70px;
    background: rgba(27, 28, 23, 0.85);
    border: 2px solid #c2a382;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c2a382;
    padding-left: 4px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.play-button-hud svg { width: 30px; height: 30px; fill: currentColor; }

.video-card-rugged:hover .play-button-hud {
    background: #c2a382;
    color: #1b1c17;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(194, 163, 130, 0.4);
}

/* Video Data Stamp */
.video-duration {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(26, 26, 23, 0.9);
    color: #c2a382;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.6rem;
    padding: 3px 8px;
    border: 1px solid #c2a382;
    z-index: 5;
}

/* Typography & Info */
.video-info {
    padding: 15px 10px 5px; /* Compact internal padding */
    flex-grow: 1;
}

.video-code {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: #8c5e3c;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.video-info h3 {
    font-family: 'Arvo', serif;
    font-size: 1.3rem;
    color: #1b1c17;
    line-height: 1.2;
    margin-bottom: 10px;
}

.video-excerpt {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* Animation on Hover */
.video-card-rugged:hover .play-button-hud {
    transform: scale(1.15);
    background: #c2a382;
    color: #1b1c17;
    box-shadow: 0 0 0 15px rgba(194, 163, 130, 0);
    animation: playPulse 1.5s infinite;
}

@keyframes playPulse {
    0% { box-shadow: 0 0 0 0 rgba(194, 163, 130, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(194, 163, 130, 0); }
    100% { box-shadow: 0 0 0 0 rgba(194, 163, 130, 0); }
}

/* CRT Scanline Effect */
.crt-scanlines {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(18, 16, 16, 0) 50%, 
        rgba(0, 0, 0, 0.1) 50%
    ), linear-gradient(
        90deg, 
        rgba(255, 0, 0, 0.03), 
        rgba(0, 255, 0, 0.01), 
        rgba(0, 0, 255, 0.03)
    );
    background-size: 100% 3px, 3px 100%;
    pointer-events: none;
    opacity: 0.4;
}

/* Image Zoom on Hover */
.video-thumb img {
    transition: transform 0.8s scale;
}

.video-card-rugged:hover .video-thumb img {
    transform: scale(1.08);
    filter: grayscale(0.5) sepia(0.2);
}

#video-section.whitish-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f9f8f4; /* The Parchment White */
    padding: var(--section-gap) 0; /* Vertical gap stays, horizontal handled by container */
    box-sizing: border-box;
    overflow: hidden; /* Prevents horizontal scrollbars */
}

/* Ensure the content inside stays aligned with your grid */
#video-section .container {
    max-width: 1400px; /* Or whatever your site width is */
    margin: 0 auto;
    padding: 0 40px;
}

/* Footer Positioning */
.video-footer-cta {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    padding-bottom: 20px;
}

/* Tactical Animated Button */
.btn-tactical-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    background: #1b1c17; /* Charcoal */
    color: #c2a382; /* Tan/Gold */
    padding: 22px 50px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-decoration: none;
    border: 1px solid #8c5e3c;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Glitch Text Layer */
.btn-glitch-text {
    position: relative;
    z-index: 2;
}

/* Moving Scan Line Animation */
.btn-scan-line {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(194, 163, 130, 0.2), 
        transparent
    );
    z-index: 1;
}

/* Hover Interactions */
.btn-tactical-more:hover {
    background: #121212;
    color: #ffffff;
    border-color: #c2a382;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.btn-tactical-more:hover .btn-scan-line {
    animation: scanMove 0.8s forwards;
}

.btn-tactical-more:hover .btn-arrow {
    transform: translateX(10px);
    color: #8c5e3c;
}

/* Keyframes for Scan Effect */
@keyframes scanMove {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Arrow styling */
.btn-arrow {
    transition: transform 0.3s ease;
    font-weight: bold;
}

/* Extra Detail: Corner Brackets for Button */
.btn-tactical-more::before {
    content: '';
    position: absolute;
    top: 5px; left: 5px; width: 10px; height: 10px;
    border-top: 2px solid #8c5e3c; border-left: 2px solid #8c5e3c;
    opacity: 0.5;
}

/* Responsive Logic */
@media (max-width: 1100px) {
    /* Switch to 2 columns on tablets */
    .video-grid-tactical { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    /* Switch to 1 column on mobile */
    .video-grid-tactical { grid-template-columns: 1fr !important; }
}

/* ==========================================
   NEWSLETTER DISPATCH - STREAMLINED WIDE VERSION
   ========================================== */

#newsletter-section {
    margin-top: 40px; 
    padding: 60px 5vw; /* Reduced vertical section padding */
    background: transparent;
    position: relative;
}

.dispatch-box-solid {
    max-width: 1200px; /* STRETCHED: Increased from 1100px */
    margin: 0 auto;
    background: #2b2d24; 
    border: 1px solid #3e4135;
    padding: 50px 60px; /* REDUCED HEIGHT: Dropped from 80px to 50px vertical padding */
    position: relative;
    box-shadow: 20px 20px 0px rgba(27, 28, 23, 0.15);
}

/* Rugged Corner Brackets - Scaled down slightly for the slimmer box */
.dispatch-box-solid::before {
    content: '';
    position: absolute;
    top: -4px; left: -4px; width: 40px; height: 40px;
    border-top: 6px solid #8c5e3c; border-left: 6px solid #8c5e3c;
    pointer-events: none;
}

/* Header Styling - Tightened gaps */
.dispatch-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px; /* Tighter gap */
    margin-bottom: 35px; /* Reduced from 50px */
    border-bottom: 1px solid rgba(194, 163, 130, 0.2);
    padding-bottom: 20px;
}

.dispatch-text h3 {
    font-family: 'Arvo', serif;
    font-size: 2.2rem; /* Slightly smaller to fit the slimmer profile */
    color: #ffffff;
    text-transform: uppercase;
    margin: 5px 0;
}
.dispatch-text p {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    color: #eeeeee !important; /* CHANGED TO BRIGHT OFF-WHITE */
}
/* Update for the Terminal Badge color */
.terminal-badge {
    background: #c2a382; /* Tan Background */
    color: #1a1b15 !important; /* Dark/Black Text for high contrast */
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    padding: 6px 18px; /* Slightly thicker for a rugged look */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
    border-radius: 0; /* Keeps it sharp and military-style */
}

/* Optional: Add a subtle hover effect to make it feel interactive */
.terminal-badge:hover {
    background: #ffffff;
    color: #000000 !important;
    cursor: default;
}

/* Comms Status Text (Bottom) */
.comms-status {
    color: #ffffff !important; /* CHANGED TO WHITE */
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 1px;
    opacity: 0.8;
}

/* Form Integration - Stretched to match the new width */
.dispatch-form-integration .fluentform {
    padding: 0 !important;
    max-width: 850px; /* STRETCHED: Wider input area to match box */
    margin: 0 auto 15px;
}

.dispatch-form-integration .ff-el-form-control {
    height: 55px !important; /* Balanced height for the slimmer box */
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #4a4d40 !important;
    padding: 0 25px !important;
    font-family: 'JetBrains Mono', monospace !important;
    color: #c2a382 !important;
    font-size: 1rem !important;
    border-radius: 0 !important;
}

.dispatch-form-integration .ff-btn-submit {
    background: #8c5e3c !important; 
    color: #ffffff !important;
    height: 55px !important;
    padding: 0 50px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.9rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
}

/* Status Bar - Flush to the bottom */
.status-bar-tactical {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 15px;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .dispatch-box-solid { padding: 30px 20px; }
    .dispatch-text h3 { font-size: 1.6rem; }
}

/* ==========================================

   UPDATED RESPONSIVE OVERRIDES

   ========================================== */

@media (max-width: 1200px) {

    .sector-grid-full { grid-template-columns: repeat(2, 1fr); }

    .articles-grid-tactical { grid-template-columns: repeat(2, 1fr); }

    .shop-grid-tactical { grid-template-columns: repeat(3, 1fr); }

}



@media (max-width: 768px) {

    :root { --section-gap: 60px; }

    #sectors-section, #articles-section, #shop-section, #manual-section, #video-section, #newsletter-section {

        padding: 40px 20px !important;

        /* Reset breakout for mobile to prevent overflow bugs */

        width: 100%;

        margin-left: 0;

        margin-right: 0;

        left: 0;

    }

    .sector-grid-full, .articles-grid-tactical, .shop-grid-tactical, .video-grid-tactical { 

        grid-template-columns: 1fr; 

    }

    .sector-card-sq { aspect-ratio: 16 / 9; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }

    .manual-rugged-box { flex-direction: column; }

    .dispatch-box-solid { flex-direction: column; text-align: center; padding: 40px; }