/**
 * Keysight EDA Evaluation Request Form
 * Custom Styles
 */

/* Base Styles */
body { 
    font-family: sans-serif; 
    line-height: 1.6; 
    margin: 0; 
    padding: 0; 
}

#pagewrapper { 
    padding-top: 12px !important; 
}

.centerwrapper { 
    padding-bottom: 15px; 
}

/* Container */
.container { 
    max-width: 900px;
    margin: 20px auto;
    padding: 20px;
}

/* Form Sections */
.form-section { 
    background: #f5f5f5; 
    padding: 20px; 
    margin: 20px 0; 
    border-radius: 5px; 
}

/* Tables */
table { 
    width: 100%; 
    border-collapse: collapse; 
}

td { 
    padding: 8px 5px; 
    vertical-align: top; 
}

/* Form Labels */
.form-label { 
    font-weight: bold; 
    width: 250px;
    font-size: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.required-red { 
    color: #e90029; 
}

/* Input Fields */
input[type="text"], 
input[type="email"], 
select { 
    width: 100%; 
    max-width: 400px;
    padding: 8px; 
    border: 1px solid #ccc; 
    border-radius: 3px;
    font-size: 15px;
}

select { 
    padding: 8px;
}

/* Submit Button - Keysight Red */
input[type="submit"] { 
    width: 225px;
    padding: 12px;
    color: #f8f8f8;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e90029;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

input[type="submit"]:hover { 
    background-color: #891518;
}

/* Student Section - Collapsible */
.student-section { 
    background: #fff3cd; 
    padding: 15px; 
    margin: 15px 0; 
    border-left: 4px solid #ffc107;
    font-size: 15px;
}

.student-section p {
    font-size: 15px;
    line-height: 1.5;
}

.student-toggle { 
    cursor: pointer; 
    user-select: none; 
}

.student-toggle:hover { 
    opacity: 0.8; 
}

.student-details { 
    margin-top: 10px; 
}

/* Radio Buttons and Checkboxes - Larger Text */
input[type="radio"] + label,
input[type="checkbox"] + label,
label {
    font-size: 15px;
}

/* Make radio and checkbox labels easier to read */
td label {
    font-size: 15px;
    line-height: 1.6;
}

/* Form text paragraphs (like privacy notices) */
td p,
form p {
    font-size: 15px;
    line-height: 1.6;
}

/* Page Title */
#groupheading h1 {
    color: #9c9c9c;
}

/* Student Toggle Heading */
.student-toggle h3 {
    display: inline;
    margin: 0;
}

.student-toggle .expand-hint {
    color: #666;
    font-size: 0.9em;
    margin-left: 10px;
}

/* Student Section Links */
.student-section a {
    color: #0066cc;
}

/* Section Headings */
.form-section-heading {
    margin-top: 30px;
}

/* Privacy Notice */
.privacy-notice {
    color: #666;
}

/* Submit Button Container */
.submit-container {
    text-align: center;
    margin-top: 20px;
}

/* Response Pages - Error/Success Messages */
.message-text {
    font-size: 1.2em;
}

.error-code {
    color: #999;
    font-size: 0.9em;
}

.return-link {
    padding-top: 15px;
}

.toggle-icon { 
    display: inline-block; 
    transition: transform 0.3s; 
    margin-right: 5px; 
    font-weight: bold; 
}

.toggle-icon.expanded { 
    transform: rotate(90deg); 
}

/* Utility Classes */
.hidden { 
    display: none; 
}

.error-message { 
    color: #e90029; 
    font-size: 0.95em; 
    margin-top: 5px; 
}

/* Response Pages */
.error { 
    color: #e90029; 
}

.success { 
    color: #388e3c; 
}

h1 { 
    color: #333; 
}

a { 
    color: #1976d2; 
    text-decoration: none; 
}

a:hover { 
    text-decoration: underline; 
}