/* ===================================
   SINGLE COLOR NAVIGATION OVERRIDE
   Version: 1.0
   Date: November 18, 2025
   
   This CSS overrides the color-coded navigation
   boxes with a single light blue color.
   
   Load this AFTER nav-modern.css when user
   selects "Single Color" preference.
   =================================== */

/* Override all color-coded box backgrounds with single blue */
#question-nav .info-box.category-box,
#question-nav .info-box.question-box,
#question-nav .info-box.answer-box,
#question-nav .info-box.host-info-pre-box,
#question-nav .info-box.host-info-box,
#question-nav .info-box.coming-up-box {
    background: linear-gradient(135deg, #0a2d3d 0%, #051a26 100%) !important;
    border-color: rgba(6, 102, 164, 0.4) !important;
}

/* Override all header colors with single blue */
#question-nav .category-box .info-header,
#question-nav .question-box .info-header,
#question-nav .answer-box .info-header,
#question-nav .host-info-pre-box .info-header,
#question-nav .host-info-box .info-header,
#question-nav .coming-up-box .info-header {
    color: #4db8ff !important;
    border-bottom-color: rgba(6, 102, 164, 0.3) !important;
}

/* Keep content white for readability */
#question-nav .info-content {
    color: #fff !important;
}

/* END SINGLE COLOR OVERRIDE */