/**
 * MemberPress Custom Styles
 * 
 * Custom styles for MemberPress plugin.
 * This file is loaded after MemberPress default styles to allow overrides.
 * 
 * IMPORTANT: Use specific selectors to override MemberPress styles.
 * Avoid using unless absolutely necessary.
 */

 /* Light */
@font-face {
	font-family: 'NeueHaasUnicaW1G';
	src: url('../fonts/NeueHaasUnicaW1G-Light.ttf')
		format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* Regular */
@font-face {
	font-family: 'NeueHaasUnicaW1G';
	src: url('../fonts/NeueHaasUnicaW1G-Regular.ttf')
		format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Medium */
@font-face {
	font-family: 'NeueHaasUnicaW1G';
	src: url('../fonts/NeueHaasUnicaW1G-Medium.ttf')
		format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

body {
    font-family: 'NeueHaasUnicaW1G', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 16px;
    line-height: 1.5;
    color: #141414;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #141414;
}

/* ============================================
   COLOR OVERRIDES: #06429e -> #141414
   ============================================ */


   .mepr-account-container .mepr-button.btn-outline {
    color: #141414;
    border-color: #141414;
    background-color: transparent;
   }

   .mepr-account-welcome-message {
    background-color: transparent;
    border-color: #141414;
    color: #141414;
   }

   #mepr-template-login .mepro-form button:hover, #mepr-template-login .mepro-form input[type="button"]:hover, #mepr-template-login .mepro-form input[type="reset"]:hover, #mepr-template-login .mepro-form input[type="submit"]:hover, #mepr-template-login .mepr-form button:hover, #mepr-template-login .mepr-form input[type="button"]:hover, #mepr-template-login .mepr-form input[type="reset"]:hover, #mepr-template-login .mepr-form input[type="submit"]:hover {
    background-color: #141414;
   }

/* Link colors */
.mepr-login-form-wrap a:focus-visible,
.mepr-form label a:focus-visible,
a.mepr-link:focus-visible {
    color: #141414;
}

/* Button backgrounds and borders */
.mepr-btn,
.mp_wrapper .mepr-btn,
.mp_login_form input[type=submit]:hover,
.mp_login_form input[type=submit]:active,
.mp_login_form input[type=submit]:focus-visible,
.mepr-btn:hover,
.mepr-btn:active,
.mepr-btn:focus-visible {
    background-color: #141414;
    border-color: #141414;
}

/* Button focus outlines */
.mp_login_form input[type=submit]:focus-visible,
.mepr-btn:focus-visible {
    outline-color: #141414;
}

/* Input field borders and focus states */
.mepr-form input:focus,
.mepr-form select:focus,
.mepr-form textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #141414;
    outline-color: #141414;
    box-shadow: 0 0 0 1px #141414;
}

/* Input field colors */
.mepr-form input[type="text"],
.mepr-form input[type="email"],
.mepr-form input[type="password"],
.mepr-form select,
.mepr-form textarea {
    color: #141414;
}

/* Password toggle button focus */
.button.mp-hide-pw:focus-visible .dashicons {
    color: #141414;
}

/* SVG fills */
svg,
.mepr-icon,
.mepr-svg-icon {
    fill: #141414;
}

/* Background colors */
.mepr-price-box,
.mepr-subscription,
.mepr-account-nav,
[style*="#06429e"],
[style*="#06429E"] {
    background-color: #141414;
}

/* Background gradients */
[style*="linear-gradient"][style*="#06429e"],
[style*="linear-gradient"][style*="#06429E"] {
    background: linear-gradient(85.52deg, #141414 55.03%, #1588B6 135.88%), #F8F9FC;
}

/* ReadyLaunch specific overrides */
.mepr-readylaunch .mepr-btn,
.mepr-readylaunch a:focus-visible,
.mepr-readylaunch input:focus,
.mepr-readylaunch select:focus {
    background-color: #141414;
    border-color: #141414;
    color: #141414;
}

/* Account page specific */
.mepr-account-nav a,
.mepr-account-nav a:focus-visible,
.mepr-nav-tabs a,
.mepr-nav-tabs a:focus-visible {
    color: #141414;
}

/* Checkout form specific */
.mepr-checkout-form input:focus,
.mepr-checkout-form select:focus,
.mepr-checkout-form textarea:focus {
    border-color: #141414;
    outline-color: #141414;
}

/* Admin notice buttons */
.mepr-notice-modal .mepr-notice-desc form input[type=button] {
    color: #141414;
    border-color: #141414;
}

/* Pricing table elements */
.mepr-price-menu .mepr-btn,
.mepr-price-box .mepr-btn {
    background-color: #141414;
    border-color: #141414;
}

/* Signup form elements */
.mepr-signup-form input:focus,
.mepr-signup-form select:focus {
    border-color: #141414;
}

/* Additional specific overrides for all #06429e instances */
/* Account page links and buttons */
.mepr-account-content a,
.mepr-account-content .mepr-btn {
    color: #141414;
    border-color: #141414;
    background-color: #141414;
}

/* ReadyLaunch pricing page */
.mepr-readylaunch-pricing .mepr-btn,
.mepr-readylaunch-pricing a {
    background-color: #141414;
    border-color: #141414;
    color: #141414;
}

/* ReadyLaunch checkout */
.mepr-readylaunch-checkout input:focus,
.mepr-readylaunch-checkout select:focus,
.mepr-readylaunch-checkout .mepr-btn {
    border-color: #141414;
    background-color: #141414;
}

/* ReadyLaunch login */
.mepr-readylaunch-login .mepr-btn,
.mepr-readylaunch-login input:focus {
    background-color: #141414;
    border-color: #141414;
    color: #141414;
}

/* Theme UI elements */
.mepr-theme a:focus-visible,
.mepr-theme .mepr-btn {
    color: #141414;
    background-color: #141414;
    border-color: #141414;
}

/* Account container specific overrides */
.mepr-account-container a,
.mepr-account-container a:visited,
.mepr-account-container #mepr-account-content button.mepr-account-row-action {
    color: #141414;
}

.mepr-account-container button,
.mepr-account-container .mepr-button,
.mepr-account-container input[type="button"],
.mepr-account-container input[type="reset"],
.mepr-account-container input[type="submit"] {
    background-color: #141414;
    border-color: #141414;
    color: #141414;
}

/* Universal override for any element with inline style containing #06429e */
*[style*="#06429e"],
*[style*="#06429E"] {
    background-color: #141414;
    border-color: #141414;
    color: #141414;
    fill: #141414;
}

.mepr-courses-wrapper .course-progress .user-progress, .mepr-courses-wrapper .btn-green, .mepr-courses-wrapper #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link), .mepr-courses-wrapper .mpcs-classroom div#mpcs-lesson-navigation button:not(#previous_lesson_link), .mepr-courses-wrapper .mpcs-classroom #mpcs-quiz-navigation button:focus, .mepr-courses-wrapper .mpcs-classroom #mpcs-quiz-navigation button:hover {
    background-color: #141414 !important;
}

#mpcs-sidebar .mpcs-sidebar-menu a {
    color: #141414;
}

.mpcs-classroom a {
    color: #141414;
}

.mpcs-cards .card-footer .course-author a {
    color: #141414;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Override MemberPress button styles */
.mepr-btn,
.mp_wrapper .mepr-btn {
    /* Add your custom button styles here */
    /* Example:
    background-color: #your-color;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 600;
    */
}

.mepr-btn:hover,
.mepr-btn:focus {
    /* Hover and focus states */
    /* Example:
    background-color: #your-hover-color;
    */
}

/* Primary button variant */
.mepr-btn-primary {
    /* Custom primary button styles */
}

/* Secondary button variant */
.mepr-btn-secondary {
    /* Custom secondary button styles */
}

/* ============================================
   ACCOUNT PAGES
   ============================================ */

/* Main account wrapper */
.mp_wrapper {
    /* Example: max-width: 1200px; */
    /* Example: padding: 2rem; */
}

/* Account navigation */
.mepr-account-nav,
.mepr-nav-tabs {
    /* Custom navigation styles */
}

.mepr-nav-tabs li {
    /* Individual tab styles */
}

.mepr-nav-tabs li.active {
    /* Active tab styles */
}

/* Account content area */
.mepr-account-content {
    /* Content area styles */
}

/* ============================================
   FORMS
   ============================================ */

/* Form wrapper */
.mepr-form,
.mp_wrapper .mepr-form {
    /* Form container styles */
}

/* Form fields */
.mepr-form input[type="text"],
.mepr-form input[type="email"],
.mepr-form input[type="password"],
.mepr-form select,
.mepr-form textarea {
    /* Input field styles */
    /* Example:
    border: 1px solid #your-color;
    border-radius: 4px;
    padding: 10px;
    */
}

.mepr-form input:focus,
.mepr-form select:focus,
.mepr-form textarea:focus {
    /* Focus states */
    /* Example:
    outline: 2px solid #your-color;
    border-color: #your-color;
    */
}

/* Form labels */
.mepr-form label {
    /* Label styles */
    /* Example:
    font-weight: 600;
    margin-bottom: 5px;
    */
}

/* Error messages */
.mepr-validation-error,
.mepr-form-has-errors {
    /* Error message styles */
    /* Example:
    color: #d4151e;
    font-size: 0.875rem;
    */
}

/* Success messages */
.cc-success {
    /* Success message styles */
    /* Example:
    color: #14c146;
    */
}

/* ============================================
   PRICING TABLES
   ============================================ */

/* Pricing table wrapper */
.mepr-price-menu {
    /* Pricing table container */
}

/* Individual pricing option */
.mepr-price-box {
    /* Price box styles */
    /* Example:
    border: 1px solid #your-color;
    border-radius: 8px;
    padding: 2rem;
    */
}

.mepr-price-box:hover {
    /* Hover effect */
    /* Example:
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    */
}

/* Price amount */
.mepr-price {
    /* Price display styles */
    /* Example:
    font-size: 2rem;
    font-weight: bold;
    */
}

/* Price description */
.mepr-price-box-description {
    /* Description styles */
}

/* ============================================
   CHECKOUT / SIGNUP PAGES
   ============================================ */

/* Checkout form */
.mepr-checkout-form {
    /* Checkout form container */
}

/* Payment method selection */
.mepr-payment-method {
    /* Payment method container */
}

/* Credit card fields */
.mepr-cc-field {
    /* Credit card input styles */
}

/* ============================================
   SUBSCRIPTIONS
   ============================================ */

/* Subscription list */
.mepr-subscriptions-list {
    /* Subscription list container */
}

.mepr-subscription {
    /* Individual subscription item */
    /* Example:
    border-bottom: 1px solid #your-color;
    padding: 1rem 0;
    */
}

/* Subscription status badges */
.mepr-status-active,
.mepr-status-cancelled,
.mepr-status-pending {
    /* Status badge styles */
    /* Example:
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.875rem;
    */
}

/* ============================================
   POPUPS / MODALS
   ============================================ */

/* Popup container */
.mepr-white-popup {
    /* Popup styles */
    /* Example:
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    */
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Mobile styles */
@media (max-width: 768px) {
    .mp_wrapper {
        /* Mobile adjustments */
        /* Example: padding: 1rem; */
    }
    
    .mepr-price-menu {
        /* Stack pricing boxes on mobile */
        /* Example: flex-direction: column; */
    }
    
    .mepr-nav-tabs {
        /* Mobile navigation adjustments */
    }
}

/* Tablet styles */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Tablet-specific styles */
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

/* You can add your own utility classes here */
.mepr-custom-spacing {
    /* Example: margin: 2rem 0; */
}

.mepr-custom-text-center {
    /* Example: text-align: center; */
}

/* ============================================
   DARK MODE (Optional)
   ============================================ */

@media (prefers-color-scheme: dark) {
    /* Dark mode styles if needed */
    /* Example:
    .mp_wrapper {
        background-color: #1a1a1a;
        color: #ffffff;
    }
    */
}