/* ==========================================================================
   GARDEN LMS — оверрайды Tutor LMS + WooCommerce под стиль gardenresearch.
   Грузится последним. Цель: весь опыт платформы в наших токенах.
   ========================================================================== */

/* --- переменные дизайн-систем плагинов на наши значения --- */
:root{
  --tutor-color-primary:#0051ff; --tutor-color-primary-hover:#0043d6;
  --tutor-color-primary-rgb:0,81,255;
  --tutor-body-font-family:Arial,Helvetica,sans-serif;
  --tutor-heading-font-family:Arial,Helvetica,sans-serif;
  --tutor-global-font-family:Arial,Helvetica,sans-serif;
  --tutor-border-radius:0; --tutor-table-border-radius:0;
  --tutor-color-black:#000; --tutor-body-color:#000;
}

/* --- шрифт везде Arial --- */
.tutor-wrap, .tutor-dashboard, .tutor-course-details-page, [class*="tutor-"],
.woocommerce, .woocommerce-page, .woocommerce-account, .woocommerce-checkout{
  font-family:var(--sans) !important;
}

/* --- плоско: убрать скругления и тени у контролов/карточек/панелей --- */
.tutor-btn, .tutor-card, .tutor-form-control, .tutor-form-select,
.tutor-dashboard-content, .tutor-course-list-item, .tutor-modal-window,
.woocommerce .button, .woocommerce input, .woocommerce select,
.woocommerce table, .woocommerce .cart, .woocommerce-info,
.woocommerce-message, .woocommerce-error, .tutor-nav, .tutor-tab{
  border-radius:0 !important; box-shadow:none !important;
}

/* --- Tutor: кнопки --- */
.tutor-btn, .tutor-btn.tutor-btn-primary, .tutor-btn-primary{
  background:var(--blue) !important; border:1px solid var(--blue) !important;
  color:#fff !important; font-weight:700 !important; letter-spacing:.01em;
}
.tutor-btn:hover, .tutor-btn-primary:hover{ filter:brightness(1.08); }
.tutor-btn-ghost, .tutor-btn-outline, .tutor-btn-outline-primary, .tutor-btn.tutor-btn-outline-primary{
  background:transparent !important; border:1px solid var(--ink) !important;
  color:var(--ink) !important; font-weight:700 !important;
}
.tutor-btn-ghost:hover, .tutor-btn-outline-primary:hover{ background:var(--ink) !important; color:#fff !important; }

/* --- Tutor: текст, ссылки, формы --- */
.tutor-color-black, .tutor-color-primary{ color:var(--ink) !important; }
.tutor-color-muted, .tutor-color-secondary{ color:var(--sub) !important; }
a.tutor-color-primary, .tutor-wrap a:not(.tutor-btn){ color:var(--link); }
.tutor-form-control, .tutor-form-select{
  background:var(--bg) !important; border:1px solid var(--line) !important;
  color:var(--ink) !important; font-weight:700;
}
.tutor-form-control:focus{ border-color:var(--blue) !important; outline:none; }

/* --- Tutor: убрать пёстрый фон дашборда/карточек к нашему белому --- */
.tutor-dashboard, .tutor-dashboard-content, .tutor-course-details-page,
body.tutor-dashboard-page, .tutor-wrap{ background:var(--bg) !important; }
.tutor-card, .tutor-course-list-item{
  background:var(--bg) !important; border:1px solid var(--line) !important;
}

/* --- WooCommerce ---
   Корзину, чекаут и «спасибо» рисуют наши шаблоны (themes/garden-lms/woocommerce/),
   стили WooCommerce сняты в inc/shop.php. Здесь остаётся только то, что нужно
   страницам, которые мы не переопределяли, — «Мой аккаунт» и список заказов.
   Одна геометрия на все .button: раньше её задавал woocommerce.css,
   и кнопки выходили разного размера. */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--sans); font-weight:700; font-size:.9em; letter-spacing:.02em; line-height:1.32;
  background:var(--blue); color:#fff; border:1px solid var(--blue);
  border-radius:0; box-shadow:none; text-transform:none; cursor:pointer;
  padding:.62em 1.15em; transition:filter .12s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover{ filter:brightness(1.08); }

.woocommerce, .woocommerce-page{ color:var(--ink); }

/* Красим только ссылки внутри блоков самого WooCommerce.
   Раньше здесь стояло `.woocommerce a:not(.button)`: специфичность выше, чем
   у наших `.buy`, и синий текст ложился на синюю кнопку — надпись пропадала. */
.woocommerce-MyAccount-content a:not(.button),
.woocommerce-MyAccount-navigation a,
.woocommerce-order-details a,
.woocommerce-customer-details a,
.woocommerce-privacy-policy-text a{
  color:var(--link); text-decoration:underline; text-underline-offset:3px;
}

.woocommerce table.shop_table{ width:100%; border-collapse:collapse; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th{
  border:none; border-bottom:1px solid var(--line); padding:.75em 0; text-align:left;
}
.woocommerce .price, .woocommerce span.amount{ color:var(--ink); font-weight:700; }

/* --- WooCommerce «Мой аккаунт» ---
   Голая страница уводит на /kabinet/ (inc/shop.php); сюда попадают только
   эндпоинты вроде /my-account/view-order/. Без стилей WooCommerce им нужен
   хотя бы список без маркеров и наши линии. */
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0 0 2em; padding:0; border-top:1px solid var(--line); }
.woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--line); }
.woocommerce-MyAccount-navigation li a{ display:block; padding:.7em 0; text-decoration:none; }
.woocommerce-MyAccount-navigation li a:hover{ color:var(--ink); }
.woocommerce-MyAccount-navigation li.is-active a{ color:var(--ink); }

/* ==========================================================================
   ПЛЕЕР УРОКА (Tutor spotlight) под стиль gardenresearch
   ========================================================================== */
.tutor-spotlight-mode,
.tutor-course-single-content-wrapper,
.tutor-course-single-sidebar-wrapper{
  background:var(--bg) !important; font-family:var(--sans) !important; color:var(--ink) !important;
}

/* верхний бар урока — плоский, тонкая линия снизу */
.tutor-course-topic-single-header{
  background:var(--bg) !important; border-bottom:1px solid var(--line) !important; box-shadow:none !important;
}
.tutor-course-topic-single-header-title{ color:var(--ink) !important; font-weight:700 !important; }
.tutor-iconic-btn{ color:var(--ink) !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; }
.tutor-iconic-btn:hover{ background:var(--ink) !important; color:#fff !important; }

/* сайдбар со списком уроков */
.tutor-course-single-sidebar-wrapper{ border-right:1px solid var(--line) !important; }
.tutor-course-single-sidebar-title{ color:var(--ink) !important; font-weight:700 !important; font-family:var(--sans) !important; }
.tutor-course-topic-title, .tutor-accordion-item-header{
  background:var(--bg) !important; color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important; border-radius:0 !important; font-weight:700 !important;
}
.tutor-course-topic-item, .tutor-accordion-item-body .tutor-course-topic-item{
  border-bottom:1px solid var(--line) !important; border-radius:0 !important; background:var(--bg) !important;
}
.tutor-course-topic-item:hover{ background:var(--tint) !important; }
.tutor-course-topic-item.active, .tutor-course-topic-item.is-active,
.tutor-course-topic-item[data-active="true"]{ background:var(--tint) !important; }
.tutor-course-topic-item-title{ color:var(--ink) !important; font-weight:700 !important; }
.tutor-course-topic-item-icon, .tutor-course-topic-item-icon i{ color:var(--blue) !important; }
.tutor-course-topic-item-duration{ color:var(--sub) !important; }

/* контент урока — читаемая типографика как в статье */
.tutor-course-single-content-wrapper{ padding:clamp(20px,3vw,44px) !important; }
.tutor-course-single-content-wrapper h1,
.tutor-course-single-content-wrapper h2,
.tutor-course-single-content-wrapper h3{ font-family:var(--sans) !important; font-weight:700 !important; color:var(--ink) !important; }
.tutor-course-single-content-wrapper p,
.tutor-course-single-content-wrapper li{ font-weight:700 !important; line-height:1.5 !important; color:var(--ink) !important; }
.tutor-course-single-content-wrapper a{ color:var(--link) !important; }
.tutor-course-single-content-wrapper code{ background:var(--tint) !important; color:var(--ink) !important; }

/* прогресс — синяя линия на бежевой */
.tutor-progress-bar{ background:var(--line) !important; border-radius:0 !important; }
.tutor-progress-value{ background:var(--blue) !important; }