/*
Theme Name: TVP Apple
Theme URI: https://tvpwestgate.com/
Author: TVP
Description: Child theme of ppf-pro-blueprint carrying the Apple iPhone 18 Pro design-token system. Dashboard styling stays scoped to the training dashboard page.
Template: ppf-pro-blueprint
Version: 1.0.3
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ppf-apple
*/

/**
 * 1.2.3 — Primary WooCommerce buttons = LMS Apple Button blue site-wide.
 * Gold accents stay in component CSS for non-button chrome only.
 */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt {
  background-color: #0071E3 !important;
  background: #0071E3 !important;
  color: #FFFFFF !important;
  border-color: #0071E3 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover {
  background-color: #0068D1 !important;
  background: #0068D1 !important;
  color: #FFFFFF !important;
  border-color: #0068D1 !important;
}

/* 1.3.2 — subscription welcome: one path, one button */
.page-id-1254 .ppf-course-wrap {
  max-width: 720px;
}
.page-id-1254 .tvp-welcome-lead {
  margin: 0 0 28px;
  font-size: 18px;
  line-height: 1.45;
  color: #1d1d1f;
}
.page-id-1254 .tvp-welcome-steps {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px;
}
.page-id-1254 .ppf-course-content {
  overflow-wrap: normal;
}
.page-id-1254 .tvp-welcome-steps li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 0;
  padding: 16px 16px 14px;
  background: #f5f5f7;
  border-radius: 14px;
}
.page-id-1254 .tvp-welcome-steps li > div {
  min-width: 0;
}
.page-id-1254 .tvp-welcome-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0071e3;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
}
.page-id-1254 .tvp-welcome-steps strong {
  display: block;
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 4px;
}
.page-id-1254 .tvp-welcome-steps p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #424245;
}
.page-id-1254 .tvp-welcome-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.page-id-1254 .tvp-welcome-primary {
  display: inline-block;
  background: #0071e3;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  padding: 14px 22px;
  border-radius: 980px;
}
.page-id-1254 .tvp-welcome-primary:hover {
  background: #0068d1;
  color: #fff !important;
}
.page-id-1254 .tvp-welcome-secondary {
  font-size: 15px;
}
.page-id-1254 .tvp-welcome-note {
  margin: 22px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #6e6e73;
}
@media (max-width: 600px) {
  .page-id-1254 .tvp-welcome-primary {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}