/*
 * Theme Name:        TNA Child Theme
 * Theme URI:         https://academia.tinnanovoa.com
 * Description:       Child theme de Tinna Novoa Academy. Todo el código
 *                    personalizado vive aquí. Hijo de Astra.
 *                    Desarrollado por INC TECNOLOGY WJ.
 * Author:            INC TECNOLOGY WJ
 * Author URI:        https://incteconology.com
 * Template:          astra
 * Version:           1.0.0
 * Text Domain:       tna-child
 * License:           GPL-2.0+
 */

/*
 * ─────────────────────────────────────────────────────────────────
 *  NOTA IMPORTANTE
 *  Este archivo SOLO declara la herencia del tema padre (Astra).
 *  Los estilos reales de la Academy están en:
 *    assets/css/tna-main.css  → estilos globales reutilizables
 *  Y en cada template PHP directamente (para estilos de página).
 *  NO pongas estilos aquí — este archivo lo lee WordPress para
 *  identificar el tema, no el navegador.
 * ─────────────────────────────────────────────────────────────────
 */
/* =================================================================
 * TutorLMS UI Module — Tech-Sleek + Dark Mode Safe
 * ================================================================= */

.tutor-wrap,
.tutor-wrap .tutor-dashboard,
.tutor-wrap .tutor-dashboard-content,
.tutor-wrap .tutor-dashboard-content-inner,
.tutor-wrap .tutor-dashboard-left-menu,
.tutor-wrap .tutor-dashboard-right-menu {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  color: var(--text-primary) !important;
  background-color: var(--bg-primary) !important;
}

.tutor-wrap .tutor-dashboard,
.tutor-wrap .tutor-dashboard-content,
.tutor-wrap .tutor-dashboard-content-inner {
  position: relative;
  z-index: auto !important;
}

.tutor-wrap h1,
.tutor-wrap h2,
.tutor-wrap h3,
.tutor-wrap p,
.tutor-wrap span {
  position: relative;
  z-index: 2;
}

.tutor-wrap .tutor-dashboard-content-inner,
.tutor-wrap .tutor-dashboard-panel,
.tutor-wrap .tutor-card,
.tutor-wrap .tutor-course-card,
.tutor-wrap .tutor-course-single,
.tutor-wrap .tutor-announcement-item,
.tutor-wrap .tutor-quiz-attempt-single-item,
.tutor-wrap .tutor-table-wrapper {
  border-radius: 12px !important;
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}

.tutor-wrap .tutor-card:hover,
.tutor-wrap .tutor-course-card:hover,
.tutor-wrap .tutor-course-single:hover,
.tutor-wrap .tutor-announcement-item:hover {
  transform: translateY(-4px) !important;
  border-color: var(--accent-color) !important;
  box-shadow: 0 16px 28px -16px rgba(0, 0, 0, 0.36) !important;
}

.tutor-wrap .tutor-dashboard-left-menu {
  border: 1px solid var(--border-color) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--bg-primary) 78%, transparent) !important;
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
}

.tutor-wrap .tutor-dashboard-content button.tutor-btn,
.tutor-wrap .tutor-dashboard-content a.tutor-btn,
.tutor-wrap .tutor-dashboard-content .tutor-btn-primary,
.tutor-wrap .tutor-dashboard-content .tutor-button,
.tutor-wrap .tutor-lesson-sidebar-next-prev button.tutor-btn,
.tutor-wrap .tutor-lesson-sidebar-next-prev a.tutor-btn,
.tutor-wrap .tutor-single-course-next-previous a.tutor-btn,
.tutor-wrap .tutor-single-course-next-previous button.tutor-btn {
  border-radius: 8px !important;
  border: 1px solid var(--accent-color) !important;
  background: var(--accent-color) !important;
  color: var(--text-on-accent) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.tutor-wrap .tutor-single-course-sidebar,
.tutor-wrap .tutor-course-topic-wrapper,
.tutor-wrap .tutor-course-single-sidebar-wrapper {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
}

.tutor-wrap .tutor-course-single-header,
.tutor-wrap .tutor-lesson-header,
.tutor-wrap .tutor-single-course-segment .tutor-course-topic-title {
  background: color-mix(in srgb, var(--bg-primary) 70%, transparent) !important;
  border: 1px solid var(--border-color) !important;
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
}

.tutor-wrap .tutor-dashboard-content .tutor-table,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
  background: transparent !important;
}

.tutor-wrap .tutor-dashboard-content .tutor-table thead tr,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table thead tr,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table thead tr,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table thead tr,
.tutor-wrap .tutor-dashboard-content .tutor-table tbody tr,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table tbody tr,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table tbody tr,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table tbody tr {
  border-bottom: 1px solid color-mix(in srgb, var(--border-color) 76%, transparent) !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.tutor-wrap .tutor-dashboard-content .tutor-table tbody tr:hover,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table tbody tr:hover,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table tbody tr:hover,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table tbody tr:hover {
  background: color-mix(in srgb, var(--accent-color) 5%, transparent) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.tutor-wrap .tutor-dashboard-content .tutor-table th,
.tutor-wrap .tutor-dashboard-content .tutor-table td,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table th,
.tutor-wrap .tutor-dashboard-content .tutor-table-responsive table td,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table th,
.tutor-wrap .tutor-dashboard-content .tutor-orders-table td,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table th,
.tutor-wrap .tutor-dashboard-content .tutor-purchase-history-table td {
  padding: 16px !important;
  color: var(--text-primary) !important;
  border: 0 !important;
}

.tutor-wrap .tutor-modal,
.tutor-wrap .tutor-modal-window,
.tutor-wrap .tutor-dropdown-parent .tutor-dropdown,
.tutor-wrap .tutor-tooltip,
.tutor-wrap .tutor-toast {
  z-index: 10 !important;
}