/*
 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.0.0
 Text Domain:  eduma-child
*/
/* Make "Login now" (inside the register panel) a button */
.lp-icon-user:before {
    content: "\e91d";
}
.lp-icon-user{
    font-family: thim-ekits !important;
}
#thim-popup-login a[href*="register"],
#thim-popup-login a[href*="action=register"],
.thim-login-popup a[href*="register"],
.thim-login-popup a[href*="action=register"]{
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 12px 16px;
  margin-top: 12px;
  border-radius: 10px;
  border: 1px solid currentColor;
  color: #fff;
  border-color: transparent;
  background: #082645;
  color: #fff !important;
  line-height: 1;
}
#thim-popup-login .thim-login p.link-bottom a.register, #thim-popup-login .thim-login p.link-bottom a.login{
  text-decoration: none;
}
#thim-popup-login a[href*="register"]:hover,
#thim-popup-login a[href*="action=register"]:hover,
.thim-login-popup a[href*="register"]:hover,
.thim-login-popup a[href*="action=register"]:hover{
  background: #356df1;
}
/* Make "Login now" (inside the register panel) a button */
#thim-popup-login .thim-register p.link-bottom a.login{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  margin-top: 12px;
  border-radius: 10px;
  background: #082645;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 1;
}
#thim-popup-login .thim-register p.link-bottom a.login:hover{
  background: #356df1;
}
.ganchor a{
    color: #356DF1 !important;
    text-decoration: underline;
}
html, body{
  overscroll-behavior-y: auto !important;
}

.checkout-item-row{
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.checkout-item-thumb-wrap{
  position: relative;
  flex: 0 0 auto;
  line-height: 0;
}
.checkout-item-thumb{
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.checkout-qty-badge{
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #356df1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.checkout-item-title{
  flex: 1 1 auto;
  min-width: 0;
}
.woocommerce table.shop_table {
    margin: 0 -1px 0px 0;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0em;
}
.woocommerce form .form-row {
    margin-bottom: 10px !important;
}
body.woocommerce-page .woocommerce form .form-row label {
    color: #000000 !important;
}
.woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td {
    padding: 13px 12px !important;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    padding: 3px 10px 10px 3px !important;
}
/* LearnPress Profile → Woo Orders tab buttons */
.lp-profile-content .woocommerce-button,
.lp-profile-content .woocommerce-button.button,
.lp-profile-content .column-order-actions a.woocommerce-button {
    display: inline-block;
    margin-right: 10px;
    padding: 11px 25px;
    background-color: var(--thim-body-primary-color, #ffb606);
    color: #ffffff !important;          /* white text */
    border: none;
    border-radius: 10px;                 /* rounded corners */
    line-height: var(--thim-font-button-line-height);
    font-weight: var(--thim-font-button-variant, "regular") !important;
    font-size: var(--thim-font-button-font-size);
    text-transform: var(--thim-font-button-text-transform);
    text-decoration: none;
}
/* LearnPress Profile: make "Order again" look like a Woo button */
.lp-profile-content .order-again a,
.lp-profile-content a.order-again,
.lp-profile-content .woocommerce a.order-again {
    display: inline-block;
    margin-right: 10px;
    padding: 11px 25px;
    background-color: var(--thim-body-primary-color, #ffb606);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    line-height: var(--thim-font-button-line-height);
    font-weight: var(--thim-font-button-variant, "regular");
    font-size: var(--thim-font-button-font-size);
    text-transform: var(--thim-font-button-text-transform);
    text-decoration: none !important;
}
.lp-profile-content .order-again a:hover,
.lp-profile-content a.order-again:hover,
.lp-profile-content .woocommerce a.order-again:hover {
    background-color: var(--thim-button-hover-color);
    color: #fff !important;
    text-decoration: none !important;
}
/* Hover state */
.lp-profile-content .woocommerce-button:hover,
.lp-profile-content .woocommerce-button:focus {
    background-color: var(--thim-button-hover-color) !important;
    color: #ffffff !important;
    text-decoration: none;
}
/* LearnPress Profile → Addresses tab: labels above fields, nicer field width */
.lp-profile-content .woocommerce-address-fields,
.lp-profile-content form.woocommerce-address-fields__field-wrapper {
    max-width: 420px;        /* adjust: 640–820 looks good */
}
/* Labels above inputs */
.lp-profile-content .woocommerce-address-fields .form-row label,
.lp-profile-content form.woocommerce-address-fields__field-wrapper .form-row label {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 6px 0 !important;
}
/* Stack rows and stop theme columns */
.lp-profile-content .woocommerce-address-fields .form-row,
.lp-profile-content form.woocommerce-address-fields__field-wrapper .form-row,
.lp-profile-content .woocommerce-address-fields .form-row-first,
.lp-profile-content .woocommerce-address-fields .form-row-last {
    float: none !important;
    width: auto !important;     /* don't force 100% */
    clear: both !important;
    margin-bottom: 14px;
}
/* Inputs: comfortable width without stretching full page */
.lp-profile-content .woocommerce-address-fields .form-row input.input-text,
.lp-profile-content .woocommerce-address-fields .form-row textarea,
.lp-profile-content .woocommerce-address-fields .form-row select {
    display: block !important;
    float: none !important;
    width: 520px;               /* adjust: 420–620 */
    max-width: 100%;
}
/* Select2 (Country/State dropdowns) */
.lp-profile-content .woocommerce-address-fields .form-row .select2-container {
    width: 520px !important;    /* match inputs */
    max-width: 100% !important;
}
/* Optional: make textarea a bit taller */
.lp-profile-content .woocommerce-address-fields textarea {
    min-height: 110px;
}
/* Keep text + dot perfectly centered relative to each other */
.lp-live-label{
  display:inline-flex;
  align-items:center;   /* vertical center */
  gap:16px;              /* space between text and dot */
  line-height:1;        /* prevents baseline weirdness */
}
.lp-live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  flex:0 0 10px;
  animation: lpLiveBlink 1.1s infinite;
  box-shadow: 0 0 0 rgba(34,197,94,0.6);
}
@keyframes lpLiveBlink{
  0%   { transform:scale(1);   opacity:1;   box-shadow:0 0 0 0 rgba(34,197,94,0.6); }
  50%  { transform:scale(1.35);opacity:0.55;box-shadow:0 0 0 8px rgba(34,197,94,0); }
  100% { transform:scale(1);   opacity:1;   box-shadow:0 0 0 0 rgba(34,197,94,0); }
}
/* Kill padding/margin on popup wrappers to allow true full-screen */
body.course-item-popup,
body.course-item-popup #learn-press-content-item,
body.course-item-popup .lp-popup-inner,
body.course-item-popup .popup-content,
body.course-item-popup .content-item-wrap {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;  /* prevent scroll gaps */
}
/* Force the protected overlay to hug every edge */
body.course-item-popup .learn-press-content-protected,
body.course-item-popup .learn-press-content-protected-message {
    margin: 0 !important;
    padding: 20px !important;     /* ← keep some inner breathing room if you want; set to 0 for zero gaps */
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}
/* Optional: If there's still a tiny top gap, force body/html reset in popup */
body.course-item-popup,
html.course-item-popup {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}
body.course-item-popup .learn-press-content-protected {
    height: 100dvh !important;   /* modern: dynamic viewport height — better on mobile */
    /* fallback for older browsers */
    height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
}
/* Force full-screen overlay on protected lesson in Eduma/LearnPress popup */
body.course-item-popup .learn-press-content-protected,
body.course-item-popup .learn-press-content-protected-message {
    position: fixed !important;
    inset: 0 !important;                     /* top:0; right:0; bottom:0; left:0; */
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.92) !important;  /* dark semi-transparent */
    z-index: 999999 !important;              /* very high to beat popup layers */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    text-align: center !important;
    padding: 30px !important;
    box-sizing: border-box !important;
    overflow: auto !important;
	border-radius: 0px;
}
/* Make message content centered & readable */
body.course-item-popup .learn-press-content-protected > div,
body.course-item-popup .learn-press-content-protected p,
body.course-item-popup .learn-press-content-protected h2,
body.course-item-popup .learn-press-content-protected a {
    max-width: 700px;
    margin: 0 auto;
}
/* Style the enroll button nicely */
body.course-item-popup .learn-press-content-protected .lp-button,
body.course-item-popup .learn-press-content-protected a.button {
    display: inline-block !important;
    padding: 18px 50px !important;
    font-size: 1.4em !important;
    background: #0073aa !important;          /* Eduma primary blue - change if needed */
    color: white !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: background 0.3s;
}
body.course-item-popup .learn-press-content-protected .lp-button:hover {
    background: #005d88 !important;
}
/* Dim/disable everything UNDER the overlay */
body.course-item-popup .content-item-wrap > *:not(.learn-press-content-protected):not(.learn-press-content-protected-message),
body.course-item-popup #learn-press-content-item > *:not(.learn-press-content-protected) {
    opacity: 0.08 !important;
    pointer-events: none !important;
    filter: blur(4px) !important;            /* optional blur for premium feel */
}
/* Hide popup close button/header if you want true lock (optional - users might complain) */
body.course-item-popup .course-item-popup-header,
body.course-item-popup .lp-popup-close,
body.course-item-popup .close-popup {
    display: none !important;
}
.uppy-DashboardContent-back{
    color: #ffffff !important;
}
.cart1 .wp-block-button__link{
    background-color: #356DF1;
    color: #ffffff;
}
.cart1 .wp-block-button__link:hover{
    background-color: #082645;
    color: #ffffff;
}
.cart2 .wp-block-button__link{
    background-color: #082645;
    color: #ffffff;
}
.cart2 .wp-block-button__link:hover{
    background-color: #356DF1 !important;
    color: #ffffff;
}
.thim-ekit-single-course__instructor_title, .instructor-display-name{
    display: none;
}

.elementor-element-d7c3c29 .elementor-heading-title a.loop-item-term[href*="/course-category/all/"]{
  display:none !important;
}

.bp-better-messages-list {
  margin-bottom: 60px;
}
.bp-better-messages-list .tabs {
    color: white;
    background: #356DF1;
}
.bp-better-messages-list .tabs > div.active {
    background: #356DF1;
}

.bp-better-messages-list{
  --bm-radius: 20px;
  --bm-shadow: 0 18px 50px rgba(0,0,0,.18);
  --bm-border: 1px solid rgba(0,0,0,.08);
  --bm-muted: rgba(0,0,0,.55);
}

.bp-messages-wrap{
  border-radius: var(--bm-radius) !important;
  box-shadow: var(--bm-shadow) !important;
}

.bp-messages-wrap{
  --bm-shadow: 0 18px 50px rgba(0,0,0,.18);
  --bm-border: 1px solid rgba(0,0,0,.08);
  --bm-muted: rgba(0,0,0,.55);
}

.bm-guest-login-actions a[href*="action=register"]::after{
  content: " FREE";
}

/* Better Messages: hide audio/video call buttons for guests (all views incl fullscreen) */ 
body:not(.logged-in) .controls .audio-call, body:not(.logged-in) .controls .video-call, body:not(.logged-in) .thread-actions .audio-call, body:not(.logged-in) .thread-actions .video-call {display: none !important;}

@media screen and (max-width: 800px) {
    #bp-better-messages-mini-mobile-open {
        background: #356DF1 !important;
    }
	#bp-better-messages-mini-mobile-open {
        border-radius: 20px !important;
		width: 75px;
    }
}

.bp-messages-wrap button {
    background: #356df1 !important;
    border-radius: 20px !important;
    padding: 10px !important;
}

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
    color: #ffffff !important;
}
.uppy-size--md .uppy-DashboardContent-addMore svg {
    color: #ffffff !important;
}

.uppy-size--md .uppy-Dashboard-Item-action--remove {
    background-color: transparent !important;
}
.uppy-size--md .uppy-Dashboard-Item-action--copyLink, .uppy-size--md .uppy-Dashboard-Item-action--edit {
    background-color: transparent !important;
}

.fslightbox-toolbar button:not(.bm-button):not(.better-messages-button):not(.bm-action):not(.bm-header-button) {
  padding: 0 !important;
}

/* Become an intructor menu item hidden */
.menu-item-become-a-teacher{
    display: none !important;
}

/* Eduma/Thim breakpoint: show protected message container on mobile/tablet */ 
@media (max-width: 992px) {
    .thim-ekit-single-item__data {
        display: block !important;
    }
    .learn-press-message.learn-press-content-protected-message.error,
    .learn-press-content-protected-message {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}
.bp-better-messages-list {
    z-index: 99999;
}
.learnpress-v4 .learnpress-course-review .course-reviews-list li {
    padding: 0 0 30px;
}