/**
 * Base CSS Module
 * 
 * Core containers, typography, and fundamental styling for the Zoho Profile Creation Plugin.
 * This module provides the foundation layout and basic typography styles.
 */

/* Main container and basic layout */
#zoho-profile-creation-container {
    padding: 15px;
    margin: 20px auto;
    border-radius: 5px;
    max-width: 900px;
}

/* 4-Container Layout Styles */
.oeg-container-disclaimer,
.oeg-container-upload,
.oeg-container-parsing,
.oeg-container-profile-creation {
    margin-bottom: 20px;
}

.oeg-container-disclaimer {
    /* Container 1: Disclaimer - always visible */
}

.oeg-container-upload {
    /* Container 2: Upload areas - always visible */
}

.oeg-container-parsing {
    /* Container 3: Resume parsing progress + form - dynamic */
}

.oeg-container-profile-creation {
    /* Container 4: Profile creation feedback - shows during submission */
}

/* Typography */
#zoho-profile-creation-container h3,
#zoho-profile-creation-container h4 {
    color: #333;
    margin-bottom: 10px;
}

#zoho-profile-creation-container h4 {
    font-size: 15px; /* This parameter controls the font size - set to 15px */
    margin-bottom: 10px;
}

#zoho-profile-creation-container p {
    color: #666;
    font-size: 1.1em;
}

/* Profile content styling */
#zoho-profile-creation-container .oeg-profile-content {
    margin-top: 0;
    overflow: visible;
}

/* Profile login container */
.oeg-profile-login-container {
    text-align: center;
    padding: 20px;
}

/* Loading text */
.oeg-loading-text {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 20px;
}

/* Job ID display */
.job-id-display {
    font-weight: bold;
    color: #007bff; /* A nice blue color */
}

/* Job description content */
.oeg-job-description {
    margin-top: 10px;
    line-height: 1.6;
    color: #333;
}

/* Job information box */
.oeg-job-info-box {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f0f8ff;
    border-left: 4px solid #007bff;
}

.oeg-job-info-box p {
    margin: 5px 0;
}

/* Question text styling */
.oeg-question-text {
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 500;
}

/* Resume formatter link styling */
.oeg-resume-formatter-link {
    color: #204f70;
    text-decoration: none;
    border-bottom: 1px dotted #204f70;
}

.oeg-resume-formatter-link:hover {
    color: #183d5a;
    border-bottom-color: #183d5a;
}