/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.1.0
 Text Domain:  eduma-child
*/
/* Target the container holding the heading and login link */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    position: relative; /* keep layout stable */
}

/* Make the heading container flex */
.woocommerce-checkout .woocommerce-billing-fields h3 {
    display: flex;
    justify-content: space-between; /* heading left, button right */
    align-items: center;            /* vertical align */
    margin-bottom: 20px;            /* spacing from the next field */
}

/* Style the login link as a button */
a.wc-block-checkout__login-prompt {
	margin-top:-55px!important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #022C65 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;  /* a bit bigger for alignment */
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

/* Hover effect */
a.wc-block-checkout__login-prompt:hover {
    background-color: #FD8803 !important;
    transform: translateY(-1px);
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label{
	font-size:20px!important;
	color:green!important;
}


.thim-ekit-single-course__buttons .learn-press-message{
	background:none!important;
}
.lp-course-enroll-list {
    display: block !important;
    width: 100% !important;              /* FULL WIDTH */
    max-width: 100% !important;
    margin: 12px 0 0 0 !important;       /* visual isolation */
    
    font-size: 20px !important;          /* slightly reduced for balance */
    font-weight: 700 !important;         /* stronger emphasis */
    text-align: center !important;

    background-color: #022C65 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 12px !important;      /* more premium feel */

    padding: 14px 24px !important;       /* HEIGHT = priority */
    
    text-decoration: none !important;
    cursor: pointer !important;

    transition: transform 0.2s ease,
                box-shadow 0.2s ease,
                background-color 0.2s ease !important;

    box-shadow: 0 6px 14px rgba(9,140,233,0.35) !important;
}


.lp-course-enroll-list:hover {
    background-color: #FD8803 !important;
    transform: translateY(-1px);
}

.learn-press-message::before{
	content:none!important;
}

.lp-course-enroll-btn{
	color:white!important;
}
/* 1. Target the specific Thim/Eduma button widget container */
.thim-ekit-single-course__buttons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 40px !important; /* Forces the 'empty' box to have height */
}

/* 2. Force the wrapper and list from your notice.php to show up */
.thim-ekit-single-course__buttons .course-via-product,
.thim-ekit-single-course__buttons .learn-press-message,
.thim-ekit-single-course__buttons ul.lp-course-enroll-list {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 3. Style the button to ensure it fills the sticky bar correctly */
.thim-ekit-single-course__buttons .lp-course-enroll-btn {
 display: block !important;
    width: 100% !important;              /* FULL WIDTH */
    max-width: 100% !important;
    margin: 12px 0 0 0 !important;       /* visual isolation */
    
    font-size: 20px !important;          /* slightly reduced for balance */
    font-weight: 700 !important;         /* stronger emphasis */
    text-align: center !important;

    background-color: #022C65 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 12px !important;      /* more premium feel */

    padding: 14px 24px !important;       /* HEIGHT = priority */
    
    text-decoration: none !important;
    cursor: pointer !important;

    transition: transform 0.2s ease,
                box-shadow 0.2s ease,
                background-color 0.2s ease !important;

    box-shadow: 0 6px 14px rgba(9,140,233,0.35) !important;
}

/* 4. Ensure it only affects Mobile/Tablet (Portrait & Landscape) */
@media (min-width: 1025px) {
    /* If you want to keep the sticky bar hidden on Desktop */
    .elementor-hidden-desktop {
        display: none !important;
    }
}

/*color the login text on checkout page */

.wc-block-must-login-prompt a {
    background-color: #098ce9; /* WordPress Blue */
    color: white !important;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
}

.wc-block-must-login-prompt a:hover {
    background-color: #FD8803;
}

.wrapper-box-icon:not(.background-video):not(.contact_info):not(.overlay) .smicon-box .icon i{
	color:#022C65!important;
}
/* CF7 Wrapper */
.coursepot-cf7 {
    max-width: 650px;
    margin: auto;
}

/* Input Fields Styling */
.coursepot-cf7 input[type="text"],
.coursepot-cf7 input[type="email"],
.coursepot-cf7 select,
.coursepot-cf7 textarea {
    width: 100%;
    padding: 16px 18px;
    border-radius: 6px;
    border: 1px solid #022C65;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Textarea Height */
.coursepot-cf7 textarea {
    min-height: 140px;
    resize: none;
}

/* Focus Effect */
.coursepot-cf7 input:focus,
.coursepot-cf7 select:focus,
.coursepot-cf7 textarea:focus {
    border-color: #FD8803;
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.15);
}

/* Placeholder Styling */
.coursepot-cf7 input::placeholder,
.coursepot-cf7 textarea::placeholder {
    color: #777;
    font-size: 15px;
}

/* Spacing between fields */
.coursepot-cf7 p {
    margin-bottom: 18px;
}

/* Submit Button (works even if text changes) */
.coursepot-cf7 .wpcf7-submit {
    background: #022C65  !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 45px;
    border-radius: 8px;
    border: none !important;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0px 8px 18px rgba(13, 110, 253, 0.35);
}

/* Hover Effect */
.coursepot-cf7 .wpcf7-submit:hover {
    background: #FD8803 !important;
    transform: translateY(-2px);
    box-shadow: 0px 12px 25px rgba(13, 110, 253, 0.45);
}

/* Click Effect */
.coursepot-cf7 .wpcf7-submit:active {
    transform: translateY(1px);
    box-shadow: 0px 5px 12px rgba(13, 110, 253, 0.35);
}

/* Validation Error Text */
.coursepot-cf7 span.wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 6px;
}

/* Response Message Styling */
.coursepot-cf7 div.wpcf7-response-output {
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
}


:root {
    --e-global-color-primary: #022C65 !important;
    --e-global-color-secondary: #FD8803 !important;
}