:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-0c1d80a *//* ==========================================================================
   DD ASSESSMENTS - DISTRACTION-FREE PRO CANDIDATE PORTAL
   ========================================================================== */

/* 1. Remove Headers, Footers, Menus & Sidebars on Candidate Page */
.page-template-default header,
.page-template-default footer,
.site-header, 
.site-footer, 
#masthead, 
#colophon, 
.main-navigation, 
.nav-links, 
.sidebar, 
#secondary,
.entry-header,
.entry-title {
    display: none !important;
}

/* 2. Full-Width Clean Backdrop */
body {
    background-color: #090d16 !important;
    color: #e2e8f0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
}

#page, #content, .site-content, .entry-content {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* 3. Upgraded Shortcode Portal Styling */
#assessment-intro-screen,
#assessment-main-form {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    color: #f1f5f9 !important;
}

/* Header & Intro Typography */
#assessment-intro-screen h2,
#assessment-intro-screen h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

/* Instructions Box */
#assessment-intro-screen div[style*="background: #f0f6fc"],
#assessment-intro-screen div[style*="background:#f0f6fc"] {
    background: rgba(30, 41, 59, 0.7) !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 8px !important;
    color: #cbd5e1 !important;
}

/* Practice Sample Cards */
#assessment-intro-screen div[style*="background: #f9f9f9"],
#assessment-intro-screen div[style*="background:#f9f9f9"] {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    color: #e2e8f0 !important;
}

/* Candidate Name Input */
#candidate_input_name {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

#candidate_input_name:focus {
    outline: none !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.3) !important;
}

/* Sticky Timer Header Bar */
#assessment-main-form div[style*="position: sticky"] {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}

#assessment-timer {
    color: #f87171 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px !important;
}

/* Question Cards */
#assessment-main-form div[style*="background: #f9f9f9"],
#assessment-main-form div[style*="background:#f9f9f9"] {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 4px solid #38bdf8 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

#assessment-main-form p[style*="font-weight: bold"] {
    color: #ffffff !important;
}

/* Option Radio Container Labels */
#assessment-main-form label[style*="display: block"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #cbd5e1 !important;
    transition: all 0.2s ease !important;
}

#assessment-main-form label[style*="display: block"]:hover {
    background: rgba(56, 189, 248, 0.1) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
    color: #ffffff !important;
}

/* Action Buttons */
button[onclick="launchAssessment()"],
button[name="submit_assessment_final"] {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 20px rgba(2, 132, 199, 0.4) !important;
    transition: all 0.3s ease !important;
}

button[onclick="launchAssessment()"]:hover,
button[name="submit_assessment_final"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px rgba(2, 132, 199, 0.6) !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    #assessment-intro-screen,
    #assessment-main-form {
        padding: 20px !important;
        margin: 10px !important;
    }
}/* End custom CSS */