/* 1. Remove the borders from the login fields */
#loginform input.input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* If the field disappears into the cream background, uncomment the line below to give it a solid white background: */
    /* background-color: #ffffff !important; */
}

/* 2. Move the icons UP (Targets absolute-positioned icons/svgs) */
#loginform p {
    position: relative !important; /* Ensures the icon aligns relative to the wrapper */
}

#loginform p i, 
#loginform p span, 
#loginform p .dashicons,
#loginform p svg {
    top: 42% !important; /* Decreasing this percentage (e.g., from 50% to 42%) pulls the icon up */
    transform: translateY(-50%) !important;
}

/* 3. Alternative: Move the icons UP if they are applied as background images */
#loginform input.input {
    /* Adjust the second value (vertical positioning) to move a background icon up or down */
    background-position: 10px 45% !important; 
}



/* Make login form labels have a lighter, cleaner font weight */
#loginform label,
.learndash-wrapper form label,
.elementor-login-form label {
    font-weight: 400 !important; /* Set to 400 for regular, or 300 if your font supports a ultra-light weight */
}

/* Style the modal heading to mirror a premium H2 heading */
.learndash-wrapper .ld-modal-heading {
    font-family: inherit !important;    /* Inherits your main theme heading font */
    font-size: 28px !important;         /* Typical elegant H2 size, adjust as needed */
    font-weight: 500 !important;         /* Bold weight */
    line-height: 1.2 !important;
    text-transform: uppercase !important; /* Kept from your previous setup */
}

/* Apply the branded tan border to the registration submit button */
#wp-submit-register #wp-submit {
    border: 1px solid #c7a47a !important;
    outline: none !important;             /* Prevents default browser focus outlines */
    box-shadow: none !important;          /* Removes any default WordPress shadows */
}
/* 1. Style the normal state of the LearnDash primary button */
.learndash-wrapper button.ld-button,
.learndash-wrapper .ld-button {
   
    color: #ffffff !important;            /* White text */
    border: none !important;              /* Removes all borders */
    outline: none !important;             /* Removes any focus rings */
    box-shadow: none !important;          /* Removes default shadows */
    text-transform: uppercase !important; /* Keeps typography crisp and uniform */
    font-weight: 600 !important;
    padding: 5px 10px !important; 
	font-size: .8em;
		
		/* Ensures clean breathing room */
    transition: all 0.3s ease !important; /* Smooth color fading transition */
}

/* 2. Style the hover state of the button */
.learndash-wrapper button.ld-button:hover,
.learndash-wrapper .ld-button:hover {
    background-color: #fff !important; /* White background on hover */
    color: #ede5da !important;            /* Branded tan text on hover */
    border: none !important; 
/* Enforces no borders on hover */
    outline: none !important;

}





/* Change the master background of the entire LearnDash course page container */
.ld-course-status-enrolled {
    background-color: #faf7f4!important; /* Replace with your custom hex color */
    padding: 15px !important;              /* Optional: gives your text breathing room from the edge */
    border-radius: 12px !important;         /* Optional: rounds the corners of the main container */
}

.jp-relatedposts {
    display: none !important;
}
/* ================================================== */
/* 1. TYPOGRAPHY & HEADINGS                           */
/* ================================================== */

/* General heading spacing site-wide */
h1, h2, h3, h4, h5, h6 {
    padding-bottom: 30px; 
    margin-bottom: 0;      
}

/* Specific typography inside the Quiz */
.wpProQuiz_content h2 {
    font-size: 1.5em !important;
}

.wpProQuiz_content h4 {
    font-size: 1.2em;
    text-transform: none;
    letter-spacing: 0px;
}

.wpProQuiz_content p {
    font-size: 1.1em;
    line-height: 1.5em;
}

/* Tighten Question Header Spacing */
.wpProQuiz_content .wpProQuiz_header,
.wpProQuiz_content .wpProQuiz_header > div:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* ================================================== */
/* 3. QUIZ BUTTONS (Next, Back, Finish)               */
/* ================================================== */

/* General Quiz Buttons */
.wpProQuiz_content .wpProQuiz_QuestionButton, 
.wpProQuiz_content .wpProQuiz_button {
    border-radius: 0 !important;       
    color: #ffffff !important;         
    text-transform: uppercase !important; 
    letter-spacing: 1px !important;    
    border: none !important;           
}

/* Hover state for General Quiz Buttons */
.wpProQuiz_content .wpProQuiz_QuestionButton:hover, 
.wpProQuiz_content .wpProQuiz_button:hover {
    color: #ffffff !important;
    background-color: #A8875E !important; 
}

/* Specific 'Finish Quiz / Info Page' Button */
input[name="endInfopage"].wpProQuiz_button {
    margin-top: 10px !important;
    background-color: #C7A47A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    cursor: pointer;
    display: inline-block !important;
}

/* ================================================== */
/* 4. MULTIPLE CHOICE ANSWERS & CHECKBOXES            */
/* ================================================== */

/* Container Reset */
.wpProQuiz_content .wpProQuiz_questionList,
.wpProQuiz_content .wpProQuiz_questionListItem,
.wpProQuiz_content .wpProQuiz_questionList li,
.wpProQuiz_content .wpProQuiz_questionList div,
.wpProQuiz_content .wpProQuiz_questionList label,
.wpProQuiz_content .wpProQuiz_questionList span {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* The Outer Box (Unselected & Locked) */
.wpProQuiz_content .wpProQuiz_questionListItem {
    border: 1px solid rgba(199, 164, 122, 0.3) !important; 
    border-radius: 0px !important;
    padding: 10px 15px !important; 
    margin-bottom: 8px !important;  
    display: block !important;
    transition: none !important; /* Stops growing animation */
    animation: none !important;
    -webkit-tap-highlight-color: transparent !important; 
}

/* Lock the border color on click so it physically CANNOT turn black */
.wpProQuiz_content .wpProQuiz_questionListItem:active,
.wpProQuiz_content .wpProQuiz_questionListItem:focus,
.wpProQuiz_content .wpProQuiz_questionListItem:focus-within {
    border: 1px solid rgba(199, 164, 122, 0.3) !important; 
    background: transparent !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* The Outer Box (Selected State) */
.wpProQuiz_content .is-selected,
.wpProQuiz_content .wpProQuiz_questionListItem:has(input:checked),
.wpProQuiz_content .is-selected:active,
.wpProQuiz_content .is-selected:focus-within,
.wpProQuiz_content .wpProQuiz_questionListItem:has(input:checked):active,
.wpProQuiz_content .wpProQuiz_questionListItem:has(input:checked):focus-within {
    border: 1px solid #C7A47A !important;
    background: transparent !important;       
    background-color: transparent !important; 
    padding: 10px 15px !important; 
    margin-bottom: 8px !important;  
}

/* Label Spacing */
.wpProQuiz_content .wpProQuiz_questionList label,
.wpProQuiz_content .wpProQuiz_questionList label:active,
.wpProQuiz_content .wpProQuiz_questionList label:focus-within {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* The Inner Checkbox (Unselected) */
.wpProQuiz_content input[type="checkbox"], 
.wpProQuiz_content input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important; 
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important; 
    min-height: 20px !important; 
    box-sizing: border-box !important; 
    padding: 0 !important;
    border: 1px solid rgba(199, 164, 122, 0.5) !important;
    border-radius: 0px !important; 
    background-color: transparent !important; 
    margin: 0 15px 0 0 !important; 
    vertical-align: middle !important;
    cursor: pointer;
    position: relative; 
}

/* The Inner Checkbox (Selected) */
.wpProQuiz_content input[type="checkbox"]:checked,
.wpProQuiz_content input[type="radio"]:checked,
.wpProQuiz_content input[type="checkbox"]:checked:focus,
.wpProQuiz_content input[type="radio"]:checked:focus,
.wpProQuiz_content input[type="checkbox"]:checked:active,
.wpProQuiz_content input[type="radio"]:checked:active {
    background-color: #C7A47A !important; 
    border-color: #C7A47A !important;    
}

/* Custom White Checkmark */
.wpProQuiz_content input[type="checkbox"]:checked::before,
.wpProQuiz_content input[type="radio"]:checked::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; 
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Nuke native browser outlines on inputs */
.wpProQuiz_content input[type="checkbox"]:focus,
.wpProQuiz_content input[type="radio"]:focus,
.wpProQuiz_content input[type="checkbox"]:active,
.wpProQuiz_content input[type="radio"]:active {
    outline: none !important;
    box-shadow: none !important;
}

/* ================================================== */
/* 5. DATA CAPTURE FORMS (The Pristine Version)       */
/* ================================================== */

/* 1. Hide the 'Information' title */
.wpProQuiz_infopageHeader {
    display: none !important;
}

/* 2. KILL ALL DEFAULT FIELDSET BORDERS & BOXES */
.wpProQuiz_content .wpProQuiz_forms fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important; /* Spacing between fields */
    display: block !important;
    background: transparent !important;
}

.wpProQuiz_content .wpProQuiz_forms legend {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    background: transparent !important;
    display: block !important;
}

/* 3. Style the Labels */
.wpProQuiz_content .wpProQuiz_forms fieldset label {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    display: block !important;
}

/* Style the '(required)' text */
.wpProQuiz_content .wpProQuiz_forms fieldset label span {
    color: #C7A47A !important; 
    font-weight: normal !important;
    font-size: 0.9rem !important;
    background: transparent !important; /* Kills any gray background */
}

/* 4. THE INPUT FIELDS (CLEAN & TAN) */
.wpProQuiz_content .wpProQuiz_forms input[type="text"], 
.wpProQuiz_content .wpProQuiz_forms input[type="email"],
.wpProQuiz_content .wpProQuiz_forms input.wpProQuiz_questionInput {
    /* Manual Width - set this to your preference */
    width: 400px !important; 
    max-width: 100% !important; 
    
    height: 54px !important; /* Premium height */
    border: 1px solid rgba(199, 164, 122, 0.4) !important; /* Faint tan border */
    border-radius: 0px !important;
    background-color: #ffffff !important;
    padding: 0 15px !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
}

/* Input Focus State (Brighter tan when clicking) */
.wpProQuiz_content .wpProQuiz_forms input:focus {
    border-color: #C7A47A !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 5. Target the 'aria-live' wrapper to ensure it doesn't add padding */
.wpProQuiz_content div[aria-live="polite"] {
    padding: 0 !important;
    margin: 0 !important;
}

/* 6. Autofill Fix */
.wpProQuiz_content .wpProQuiz_forms input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}

/* Hide the 'Information' header on the info page */
.wpProQuiz_infopageHeader {
    display: none !important;
}