/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: classes, courses, Education, education center, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: starter-text-domain
 * Version: 1.0.0
 *//* CEULogic Course Meta – Mobile Styling */

@media (max-width: 767px){

  /* Stretch cards to screen edge */
  .ceul-card,
  .ceul-section{
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 10px;
    width: auto;
  }

  /* Bigger, bolder section headers */
  .ceul-card h4,
  .ceul-section h4{
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
  }

  /* Give items more breathing room */
  .ceul-item{
    padding: 10px 0;
  }

  /* Labels and values a touch larger */
  .ceul-label{
    flex: 0 0 130px;
    font-size: 14px;
  }
  .ceul-value{
    font-size: 15px;
  }
}

/* Extra small screens (iPhone SE etc) */
@media (max-width: 480px){
  .ceul-card,
  .ceul-section{
    margin-left: -20px;
    margin-right: -20px;
  }
  .ceul-label{
    flex: 0 0 110px;
    font-size: 13px;
  }
  .ceul-value{
    font-size: 14px;
  }
}

/* =========================================== */
/* MasterStudy LMS Authorization Forms Styling */
/* =========================================== */

/* Main form container - LIGHTER GRAY BACKGROUND */
.masterstudy-authorization__form {
    background: rgba(17,58,157,1) !important; /* 10% lighter gray */
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    max-width: 500px;
    margin: 30px auto;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #718096;
}

.masterstudy-authorization__form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.masterstudy-authorization__form-field {
    position: relative;
    margin-bottom: 0;
}

/* WHITE FIELD LABELS */
.masterstudy-authorization__form-field label,
.masterstudy-authorization .text-label,
.masterstudy-authorization .masterstudy-form-builder__text-label,
.masterstudy-authorization__form-field .text-label,
.masterstudy-authorization__form-field span:first-child {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important; /* White color */
    margin-bottom: 8px;
}

/* Input Fields - Light gray theme */
.masterstudy-authorization__form-input {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #718096;
    border-radius: 10px;
    font-size: 16px;
    background-color: #2d3748; /* Medium gray input background */
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    color: white; /* White text */
}

.masterstudy-authorization__form-input:focus {
    border-color: #007AFF; /* Blue focus border */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.3); /* Blue shadow */
    background-color: #4a5568;
}

.masterstudy-authorization__form-input::placeholder {
    color: #cbd5e0; /* Lighter gray placeholder */
}

.masterstudy-authorization__form-input_pass {
    padding-right: 50px;
}

/* Show password button */
.masterstudy-authorization__form-show-pass {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    color: #ffffff; /* White eye icon */
}

.masterstudy-authorization__form-show-pass::before {
    content: "👁️";
    font-size: 18px;
}

/* Password explanation text */
.masterstudy-authorization__form-explain-pass {
    display: block;
    color: #e2e8f0; /* Light gray */
    font-size: 14px;
    margin-top: 8px;
    line-height: 1.4;
}

/* Strength password indicator */
.masterstudy-authorization__strength-password {
    display: flex;
    gap: 4px;
    margin-top: 8px;
}

.masterstudy-authorization__strength-password__separator {
    flex: 1;
    height: 4px;
    background: #718096;
    border-radius: 2px;
}

/* Checkbox styling (Instructor signup) */
.masterstudy-authorization__instructor {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #718096; /* Light gray */
    border-radius: 10px;
    border-left: 4px solid #007AFF; /* Blue accent */
}

.masterstudy-authorization__checkbox {
    position: relative;
}

.masterstudy-authorization__checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #007AFF; /* Blue checkbox */
}

.masterstudy-authorization__instructor-text {
    font-weight: 500;
    color: white; /* White text */
    font-size: 15px;
}

/* Instructor container */
.masterstudy-authorization__instructor-container {
    background: #4a5568;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #718096;
    margin-top: 15px;
}

/* Textarea styling */
.masterstudy-authorization__form-textarea {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #718096;
    border-radius: 10px;
    font-size: 16px;
    background-color: #2d3748; /* Medium gray background */
    min-height: 120px;
    resize: vertical;
    font-family: 'Poppins', sans-serif;
    color: white; /* White text */
}

.masterstudy-authorization__form-textarea:focus {
    border-color: #007AFF; /* Blue focus */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.3);
    background-color: #4a5568;
}

.masterstudy-authorization__form-textarea::placeholder {
    color: #cbd5e0; /* Light gray placeholder */
}

/* Submit buttons */
.masterstudy-authorization__form-submit,
.masterstudy-authorization .stm_lms_btn,
.masterstudy-authorization button[type="submit"] {
    background: linear-gradient(135deg, #007AFF 0%, #0056CC 100%); /* Blue gradient */
    color: white;
    border: none;
    padding: 18px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3);
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
}

.masterstudy-authorization__form-submit:hover,
.masterstudy-authorization .stm_lms_btn:hover,
.masterstudy-authorization button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 122, 255, 0.4);
}

/* Ensure all text elements are white */
.masterstudy-authorization__form p,
.masterstudy-authorization__form div:not(.masterstudy-authorization__form-show-pass),
.masterstudy-authorization__form span:not(.masterstudy-authorization__form-show-pass) {
    color: white;
}

/* Responsive design */
@media (max-width: 768px) {
    .masterstudy-authorization__form {
        padding: 25px 20px;
        margin: 20px 10px;
    }
    
    .masterstudy-authorization__form-input {
        padding: 14px 16px;
        font-size: 16px;
    }
}