/**
 * 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
 */


/* =========================================================
   ELURK ACADEMY
========================================================= */
:root{
  --color-bg: #101820;          /* fondo general */
  --color-panel: #292a2a;       /* paneles / tarjetas */
  --color-elev: #2d2d2d;        /* elevaciones / barras / overlays */
  --color-text: #ffffff;        /* texto base */
  --color-text-soft: #dbe0e9;   /* títulos suaves */
  --color-muted: #aaaaaa;       /* textos secundarios */
  --color-border: #444444;      /* bordes e inputs */
  --color-accent: #da291c;      /* rojo corporativo */
  --color-accent-2: #d46d66;    /* acento alterno (badges/estados) */
  --color-accent-hover: #d46d66;/* hover del acento */
}

/* =========================================================
   BASE
========================================================= */
html, body, .wrapper, #main, #content, #primary, #secondary{
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
}

/* Tipografía global */
body, p, span, li, strong, em, b, i, u, small,
th, td, label, .label{
  color: var(--color-text) !important;
}

/* Encabezados */
h1, h2, h3, h4, h5, h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.heading_font{
  color: var(--color-text) !important;
}
h1.masterstudy-single-course-title{
  display:flex;
  color: var(--color-text-soft) !important;
  font-size:36px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:47px !important;
  margin:0 !important;
}

/* Enlaces */
a, a:visited,
.navigation a, .menu-item a,
#pmpro_account_loggedin a, .pmpro_actions_nav a, .pmpro_table_order-date a,
.masterstudy-single-course-categories a,
.stm_lms_courses__single--term,
.stm_lms_chat_companion a.stm_lms_chat_companion__title,
.stm_lms_account_dropdown .dropdown-menu li a,
.stm_lms_account_dropdown .dropdown-menu li a .dropdown_menu_item__title{
  color: var(--color-text) !important;
  text-decoration: none;
}
a:hover, a:focus,
.stm_lms_account_dropdown .dropdown-menu li a:hover,
.stm_lms_chat_companion a.stm_lms_chat_companion__title:hover,
.masterstudy-single-course-excerpt__more,
.masterstudy-single-course-share-button__title{
  color: var(--color-accent) !important;
}

/* Bordes y separadores */
hr, .masterstudy-enrolled-courses-separator__long,
.masterstudy-single-course-minimalistic__info-wrapper-column,
.masterstudy-single-course-minimalistic__info-block,
.masterstudy-single-course-complete__curiculum-statistic-item.show-item{
  border-color: var(--color-panel) !important;
}

/* =========================================================
   NAVEGACIÓN / HEADER / DROPDOWNS
========================================================= */
.theme-ms-lms-starter-theme .stm_lms_account_dropdown .dropdown button{
  background-color: var(--color-panel) !important;
  border: var(--color-panel) !important;
  color: var(--color-text) !important;
}
.theme-ms-lms-starter-theme .stm_lms_account_dropdown .dropdown button .login_name,
.theme-ms-lms-starter-theme .stm_lms_account_dropdown .dropdown button .caret{
  color: var(--color-text) !important;
}
.theme-ms-lms-starter-theme .stm_lms_account_dropdown .dropdown button:hover,
body .navigation .stm_lms_account_dropdown button:hover{
  background-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}
.stm_lms_account_dropdown .dropdown-menu{
  background-color: var(--color-bg) !important;
}
.stm_lms_account_dropdown .dropdown .masterstudy-dropdown-menu__learning-column{
  background-color: var(--color-panel) !important;
}
.stm_lms_account_dropdown .dropdown .masterstudy-dropdown-menu__logout{
  border-top: 1px solid var(--color-bg) !important;
}
.stm_lms_account_dropdown .dropdown-menu li a:hover{
  background-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}

/* =========================================================
   PANELES / TARJETAS / MODALES / BLOQUES
========================================================= */
.masterstudy-single-course-tabs,
.masterstudy-single-course-reviews__form,
.masterstudy-single-course-faq__item,
.masterstudy-curriculum-list__item,
.masterstudy-message-modal__wrapper,
.masterstudy-authorization-modal__wrapper,
.stm_lms_chat__conversations .stm_lms_chat__conversation,
.stm_lms_chat_messages,
.stm_lms_courses__single__inner,
.stm_lms_instructor_courses__single__inner,
.pmpro .pmpro_card,
.pmpro .stm_lms_pmpro_message,
.ms_lms_loader_bg_starter{
  background: var(--color-panel) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-panel) !important;
}

/* Cabecera cursos (listado del instructor) – CORREGIDO a oscuro */
.stm_lms_instructor_courses__top{
  background-color: var(--color-bg) !important;
  border-top: 1px solid var(--color-panel) !important;
  border-bottom: 1px solid var(--color-panel) !important;
}
.stm_lms_instructor_courses__top h3{
  color: var(--color-text) !important;
}

/* Contenidos Curso */
.masterstudy-single-course-description__content p,
.masterstudy-single-course-excerpt__hidden,
.masterstudy-single-course-excerpt__visible{
  color: var(--color-text) !important;
}
.masterstudy-single-course-instructor a.masterstudy-single-course-instructor__name{
  color: var(--color-text) !important;
}
.masterstudy-single-course-instructor__title{
  color: var(--color-muted) !important;
}
.masterstudy-curriculum-list__section-title,
.masterstudy-curriculum-list__title{
  color: var(--color-text) !important;
}
.masterstudy-curriculum-list__toggler::after{
  color: var(--color-accent) !important;
}

/* Tabs curso */
.masterstudy-single-course-tabs__item_active{
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}
.masterstudy-single-course-tabs__item:hover{
  color: var(--color-text) !important;
}

/* Reseñas */
.masterstudy-single-course-reviews__count,
.masterstudy-single-course-reviews__stats-item-count,
.masterstudy-single-course-reviews__stats-item-mark,
.masterstudy-single-course-reviews__item-content{
  color: var(--color-text) !important;
}
.masterstudy-single-course-reviews__item,
.masterstudy-single-course-reviews__main{
  border-bottom: 1px solid var(--color-panel) !important;
}

/* Wishlist / Detalles */
.masterstudy-single-course-wishlist__title,
.masterstudy-single-course-details__title,
.masterstudy-single-course-details__name,
.masterstudy-single-course-details__quantity{
  color: var(--color-text) !important;
}
.masterstudy-single-course-details__icon::before{
  color: var(--color-accent) !important;
}

/* Estados / Badges */
.stm_lms_post_status,
.masterstudy-single-course-status,
.ms_lms_courses_card_item_status.new,
.ms_lms_courses_card_item_status.special{
  background-color: var(--color-accent-2) !important;
  color: var(--color-text) !important;
}

/* Loader */
.ms_lms_loader{
  border-color: var(--color-accent) var(--color-accent) transparent transparent !important;
}
.ms_lms_loader::after, .ms_lms_loader::before{
  border-color: transparent transparent #737373 #737373 !important;
}

/* =========================================================
   BOTONES
========================================================= */
.button-template,
.button-template-outline,
.starter-button,
.starter-button-outline,
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-search__button,
a.starter-button, a.starter-button-outline,
button, input[type=button], input[type=submit],
.pmpro_btn, #pmpro_btn-submit, .pmpro_btn-submit-checkout,
.stm-lms-user_create_announcement_btn a span,
.stm-lms-user_edit_profile_btn a span,
.stm-lms-user_create_announcement_btn a i,
.stm-lms-user_edit_profile_btn a i,
.stm_lms_chat_messages__send a.stm_lms_chat_messages__send-link,
.masterstudy-single-course-faq__answer-toggler,
.masterstudy-authorization__restore-header-back,
.masterstudy-authorization-modal__close,
.masterstudy-single-course-complete__close,
.masterstudy-hint__popup,
.stm_lms_chat_companion .stmlms-sync,
.stm-lms-logout-button,
#pmpro_btn-submit-paypalexpress,
.masterstudy-single-course-reviews__add-button{
  background-color: var(--color-accent) !important;
  border: 2px solid var(--color-accent) !important;
  color: var(--color-text) !important;
}
.button-template:hover,
.button-template-outline:hover,
.starter-button:hover,
.wp-block-button .wp-block-button__link:hover,
button:hover, input[type=button]:hover, input[type=submit]:hover,
.button-template:focus, .button-template-outline:focus,
.starter-button:focus,
.wp-block-button .wp-block-button__link:focus,
button:focus, input[type=button]:focus, input[type=submit]:focus,
.masterstudy-tabs.masterstudy-tabs_style-buttons .masterstudy-tabs__item.masterstudy-tabs__item_active{
  background-color: var(--color-accent-hover) !important;
  border-color: var(--color-accent-hover) !important;
  color: var(--color-text) !important;
}

/* Botones “peligro/confirm” en cancelaciones */
body.pmpro-cancel #pmpro_cancel .pmpro_actionlinks button.pmpro_yeslink{
  background: #b60909 !important;
  border: 2px solid var(--color-panel) !important;
}
body.pmpro-cancel #pmpro_cancel .pmpro_actionlinks a{
  background: var(--color-accent) !important;
  border: 2px solid var(--color-panel) !important;
  color: var(--color-text) !important;
}

/* =========================================================
   INPUTS / FORMULARIOS / SELECT2
========================================================= */
.form-control,
.form-control:active, .form-control:focus,
.select2-search input.select2-input, .select2-search input.select2-input:focus,
.select2-search__field, .select2-search__field:focus,
input[type=email], input[type=number], input[type=password],
input[type=tel], input[type=text], textarea,
#pmpro_user_fields .lp-pmpro-td .lp-pmpro-desc input,
#pmpro_checkout .pmpro_form_input{
  background-color: var(--color-bg) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: 4px !important;
}

/* =========================================================
   TABLAS
========================================================= */
table, table td, table th,
.comment-body table td, .comment-body table th,
.elementor-widget-text-editor .elementor-widget-container table td,
.elementor-widget-text-editor .elementor-widget-container table th,
.entry-content table td, .entry-content table th,
.textwidget table td, .textwidget table th{
  border: 1px solid var(--color-bg) !important;
  color: var(--color-text) !important;
}
.comment-body table thead,
.elementor-widget-text-editor .elementor-widget-container table thead,
.entry-content table thead, .textwidget table thead,
.pmpro_checkout thead{
  background-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}

/* =========================================================
   PMPRO (cuentas, precios, mensajes)
========================================================= */
#wrapper #pmpro_account_loggedin,
#wrapper .pmpro_message{
  border-left: 4px solid var(--color-accent) !important;
  background: #333535 !important;
  color: var(--color-text) !important;
}
#wrapper #pmpro_account_loggedin.pmpro_error,
#wrapper .pmpro_message.pmpro_error{
  background: var(--color-panel) !important;
  border-color: var(--color-accent) !important;
}
.pmpro_form_container .pmpro_form table{
  background: #333535 !important;
  color: var(--color-text) !important;
}
.pmpro_checkout#pmpro_pricing_fields thead{
  background-color: #333535 !important;
}
.pmpro_checkout#pmpro_pricing_fields tbody tr td .lp-pmpro-name h4{
  color: var(--color-text) !important;
}
.pmpro_checkout#pmpro_pricing_fields tbody tr td .lp-pmpro-plan-included--wrapper label,
.pmpro_checkout#pmpro_pricing_fields tbody tr td .lp-pmpro-name span,
.pmpro_checkout#pmpro_pricing_fields tbody tr td #level_price_description p{
  color: #c1c1c1 !important;
}
.pmpro_checkout#pmpro_pricing_fields tbody tr td #pmpro_level_cost .pmpro-level-price{
  color: var(--color-accent-2) !important;
}

/* =========================================================
   CHATS / MENSAJES
========================================================= */
.stm_lms_chat_messages__single_message{
  background-color: var(--color-bg) !important;
  border: 1px solid var(--color-bg) !important;
  color: var(--color-text) !important;
}
.stm_lms_chat_messages__single_message:after{
  background-color: var(--color-bg) !important;
}
.stm-lms-user_message_btn__counter,
.stm_lms_chat__conversations .stm_lms_chat__conversation__messages_num.has_new{
  background-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}
.stm_lms_chat__conversations .stm_lms_chat__conversation__messages_num{
  background-color: var(--color-bg) !important;
}

/* =========================================================
   CURSOS – LISTADO TARJETAS
========================================================= */
.stm_lms_courses__single--info{
  background-color: var(--color-bg) !important;
}
.stm_lms_courses__single--info_title h4,
.stm_lms_courses__single--info_excerpt,
.stm_lms_courses__single--info_meta .stm_lms_course__meta,
.stm_lms_courses__single--info_author__login{
  color: var(--color-text) !important;
}
.stm_lms_courses__single--info_preview a:hover{
  background-color: var(--color-elev) !important;
}
.stm_lms_courses__single--image__progress{
  background-color: var(--color-bg) !important;
}
.stm_lms_courses__single--image__progress_bar,
.stm-lms-user-courses .stm_lms_instructor_courses__single--progress_filled{
  background-color: var(--color-accent) !important;
}
.stm-lms-user-courses .stm_lms_instructor_courses__single--enroll .btn,
.stm-lms-user-courses .stm_lms_instructor_courses__single--enroll .btn.continue{
  background-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}

/* =========================================================
   OTROS
========================================================= */
.masterstudy-single-course-share-button-modal__wrapper,
.masterstudy-membership-modal__wrapper{
  background: var(--color-bg) !important;
}
.masterstudy-single-course-share-button__title::before,
.masterstudy-single-course-wishlist__title::before{
  color: var(--color-text) !important;
}
.masterstudy-single-course-complete-block{
  background: var(--color-panel) !important;
  color: var(--color-text) !important;
}
.masterstudy-single-course-complete__wrapper{
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}
.masterstudy-single-course-complete__bar-empty{
  border-bottom: 6px solid var(--color-bg) !important;
}

/* Footer */
.footer{
  background: var(--color-accent) !important;
  color: var(--color-text) !important;
}

/* Páginas 404 / especiales */
body .page-404, body .page-404 .page-title{
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
}

/* Accesibilidad de scrollbars (navegadores compatibles) */
#stm_lms_chat_messages{
  scrollbar-color: #9f9f9f var(--color-elev);
}

.ms_lms_course_search_box__popup_button{
	display:none !important;
}

.masterstudy-single-course-faq__question{
	 color: var(--color-text) !important;
}

.masterstudy-single-course-faq__answer-wrapper{
	 color: var(--color-text) !important;
}

.masterstudy-single-course-reviews__add-button{
	color:none !important;
}

.masterstudy-single-course-minimalistic__info-wrapper{
	border-right: var(--color-panel) !important;
}

.theme-ms-lms-starter-theme .masterstudy-single-course-minimalistic__info {
  border-top: 1px solid var(--color-panel) !important;
}

/* --- GRID DE CURSOS: centrar filas y permitir muchas columnas --- */
.ms_lms_courses_card_wrapper,
.ms_lms_courses_card {
  width: 100%;
}

.ms_lms_courses_card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* <- centra toda la fila */
  gap: 0px;                 /* espacio entre cards */
}

/* Anular el width 25% que pone Elementor y usar flex-basis 12% */
.ms_lms_courses_grid__content .ms_lms_courses_card .ms_lms_courses_card_item {
  width: auto !important;        /* anulamos la regla específica de Elementor */
  flex: 0 0 18% !important;      /* 12% por card */
  min-width: 180px;              /* evita que sean microscópicas en pantallas pequeñas */
  box-sizing: border-box;
}

/* (Opcional) mejor respuesta en móviles */
@media (max-width: 1200px) {
  .ms_lms_courses_grid__content .ms_lms_courses_card .ms_lms_courses_card_item {
    flex-basis: 16%;
  }
}
@media (max-width: 992px) {
  .ms_lms_courses_grid__content .ms_lms_courses_card .ms_lms_courses_card_item {
    flex-basis: 22%;
  }
}
@media (max-width: 768px) {
  .ms_lms_courses_grid__content .ms_lms_courses_card .ms_lms_courses_card_item {
    flex-basis: 45%;
  }
}
@media (max-width: 480px) {
  .ms_lms_courses_grid__content .ms_lms_courses_card .ms_lms_courses_card_item {
    flex-basis: 100%;
  }
}

.masterstudy-authorization__switch{
	background: var(--color-panel) !important;
	border-top: 1px solid #101820 !important;
}


.elementor-950 .elementor-element.elementor-element-5868bff8:hover span.ms-lms-authorization-icon{
	background-color: #d46d66 !important;
}

.masterstudy-buy-button_plans-dropdown{
	background-color: #da291c !important;
}