/* FORCE FULL PAGE GRID */
body {
    background-color: #ffffff !important;
    /* This creates the continuous 30px checks across the WHOLE screen */
    background-image: 
        linear-gradient(rgba(17, 42, 70, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 42, 70, 0.07) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    background-attachment: fixed; /* Grid stays still while you scroll */
    margin: 0;
    padding: 0;
}

/* TEXT COLOR COMBINATIONS */
.csc-title-navy { color: #0F2A47 !important; font-weight: 800; }
.csc-title-gold { color: #DBB61C !important; font-weight: 800; }
.csc-text-muted { color: #666666 !important; }




/* ==========================================================================
   SOUHARDA MASTER BLUEPRINT - CLEANED & UNIFIED
   ========================================================================== */

:root {
    --souharda-navy: #0F2A47;
    --souharda-gold: #DBB61C;
    --souharda-orange: #D16507;
    --pdf-red: #dc3545;
    --blueprint-grid: rgba(17, 42, 70, 0.08); /* Slightly darkened for better visibility */
}

/* 1. Global Section & Full-Page Grid Background */
.global-blueprint-section {
    padding: 80px 0;
    width: 100%;
    min-height: 100vh; /* Ensures background fills the screen */
    background-color: #ffffff !important;
    
    /* Unified Blueprint Grid Effect */
    background-image: 
        linear-gradient(var(--blueprint-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--blueprint-grid) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    background-attachment: local; 
}

/* 2. Unified Grid System */
.souharda-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 25px;
    align-items: stretch;
}

/* Special fix for the Member Directory specifically */
#member-container.souharda-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}

/* 3. The "Standard" Card (Used for Directory) */
.souharda-card.standard {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #f0f0f0;
    padding: 30px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.souharda-card.standard:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(15, 42, 71, 0.08);
    border-color: var(--souharda-gold); /* Turns gold on hover per image */
}

.standard h5 {
    color: var(--souharda-navy) !important;
    font-weight: 700;
    margin-bottom: 12px;
}

/* 4. Directory Search Styling */
#cscSearchInput:focus {
    box-shadow: none;
    outline: none;
    border-color: var(--souharda-navy);
}

/* 5. The "Featured" Box (Navy & Gold Theme) */
.souharda-card.featured {
    background-color: var(--souharda-navy) !important;
    color: #ffffff !important;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    border: none;
}

/* 6. Typography Highlights */
.global-blueprint-section h2 { 
    color: var(--souharda-navy) !important; 
    font-weight: 800; 
    text-transform: uppercase; 
}
.global-blueprint-section h2 .highlight { 
    color: var(--souharda-gold) !important; 
}

/* 7. Responsive Breakpoints */
@media (max-width: 1024px) {
    .souharda-grid { grid-template-columns: 1fr 1fr; }
    .souharda-card.featured { grid-column: span 2; }
}

@media (max-width: 768px) {
    .souharda-grid { grid-template-columns: 1fr; }
    .souharda-card.featured { grid-column: span 1; }
}

/* Ensure the section fills the full page area */
.global-blueprint-section {
    width: 100%;
    min-height: 100vh; /* This makes it fill the whole screen height */
    padding: 60px 0;
    background-color: #ffffff !important;
    
    /* The continuous "Graph Paper" checks */
    background-image: 
        linear-gradient(rgba(15, 42, 71, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 42, 71, 0.08) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    background-attachment: local;
    display: block;
}

/* Text Color Combination */
.csc-navy { color: #0F2A47 !important; }
.csc-gold { color: #DBB61C !important; }

/* Standard White Card Style */
.souharda-card.standard {
    background: #ffffff !important;
    border: 1px solid #eee;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.souharda-card.standard:hover {
    border-color: #DBB61C; /* Gold border on hover */
    transform: translateY(-5px);
}