/* Stadira Brand Pack — navy/gold styling for Tutor LMS (Tutor Base + Pathwise) */

/* ============================================================
   1. STADIRA BRAND TOKENS — light & clean
   ============================================================ */
:root {
  --stadira-navy:      #13284d;
  --stadira-navy-dark: #0a1a36;
  --stadira-gold:      #D4A017;
  --stadira-gold-lite: #F2C14E;
  --stadira-gold-dark: #B8890F;
  --stadira-teal:      #0FB5A6;

  --stadira-ink:       #1b2330;
  --stadira-muted:     #5a6678;
  --stadira-bg:        #ffffff;
  --stadira-bg-soft:   #f7f8fa;
  --stadira-border:    #e6e9ef;

  --stadira-radius:    14px;
  --stadira-shadow:    0 8px 24px rgba(19, 40, 77, 0.10);
  --stadira-shadow-lg: 0 16px 36px rgba(19, 40, 77, 0.16);
}

/* ============================================================
   2. GENTLE BASE POLISH
   (kept low-specificity so Pathwise/Droip settings still win
   where you customise them visually)
   ============================================================ */
::selection { background: var(--stadira-gold-lite); color: var(--stadira-navy); }

body { -webkit-font-smoothing: antialiased; }

/* ============================================================
   3. TUTOR LMS — BUTTONS
   ============================================================ */
.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary,
.tutor-course-enroll-box .tutor-btn,
.tutor-enroll-form .tutor-btn,
.tutor-login-form-wrapper .tutor-btn,
.tutor-checkout-pay-now .tutor-btn,
.stadira-btn {
  background: var(--stadira-gold) !important;
  border-color: var(--stadira-gold) !important;
  color: var(--stadira-navy-dark) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
}
.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover,
.tutor-course-enroll-box .tutor-btn:hover,
.tutor-enroll-form .tutor-btn:hover,
.tutor-login-form-wrapper .tutor-btn:hover,
.tutor-checkout-pay-now .tutor-btn:hover,
.stadira-btn:hover {
  background: var(--stadira-gold-dark) !important;
  border-color: var(--stadira-gold-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: var(--stadira-shadow);
}

/* secondary / outline buttons — quiet navy */
.tutor-btn-outline-primary,
.stadira-btn-outline {
  border-color: var(--stadira-navy) !important;
  color: var(--stadira-navy) !important;
  border-radius: 8px !important;
  background: transparent !important;
}
.tutor-btn-outline-primary:hover,
.stadira-btn-outline:hover {
  background: var(--stadira-navy) !important;
  color: #ffffff !important;
}

/* ============================================================
   4. TUTOR LMS — COURSE CARDS (clean, airy)
   ============================================================ */
.tutor-course-card,
.tutor-card {
  border: 1px solid var(--stadira-border);
  border-radius: var(--stadira-radius);
  overflow: hidden;
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease;
  background: var(--stadira-bg);
}
.tutor-course-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--stadira-shadow-lg);
  border-color: transparent;
}

.tutor-course-price, .tutor-course-card .price {
  color: var(--stadira-navy) !important;
  font-weight: 800 !important;
}

.tutor-badge-label, .tutor-ribbon {
  background: var(--stadira-navy) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

/* ratings */
.tutor-rating-stars i,
.tutor-star-rating-group i,
.tutor-icon-star-bold { color: var(--stadira-gold) !important; }

/* progress bars */
.tutor-progress-bar .tutor-progress-value,
.tutor-progress-filled { background: var(--stadira-gold) !important; }

/* ============================================================
   5. TUTOR LMS — STUDENT DASHBOARD (focus, no clutter)
   ============================================================ */
.tutor-dashboard-menu,
.tutor-dashboard-permalinks {
  border-radius: var(--stadira-radius);
  overflow: hidden;
  border: 1px solid var(--stadira-border);
}
.tutor-dashboard-menu a.active,
.tutor-dashboard-permalinks li.active a,
.tutor-dashboard-menu-item.active a {
  background: var(--stadira-navy) !important;
  color: #ffffff !important;
}
.tutor-dashboard-menu a:hover { color: var(--stadira-gold-dark); }

/* calm the dashboard background */
.tutor-dashboard { background: var(--stadira-bg-soft); }

/* ============================================================
   6. TUTOR LMS — LOGIN / SIGNUP FORMS
   ============================================================ */
.tutor-login-form-wrapper,
.tutor-signup-wrapper form,
.tutor-registration-form {
  border: 1px solid var(--stadira-border);
  border-radius: var(--stadira-radius);
  box-shadow: var(--stadira-shadow);
  background: #ffffff;
}
.tutor-login-form-wrapper input:focus,
.tutor-registration-form input:focus,
.tutor-form-control:focus {
  border-color: var(--stadira-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, .18) !important;
}

/* ============================================================
   7. STADIRA HERO  (rendered by the [stadira_hero] shortcode)
   ============================================================ */
.stadira-hero {
  position: relative;
  border-radius: var(--stadira-radius);
  overflow: hidden;
  background: linear-gradient(135deg, var(--stadira-navy-dark) 0%, var(--stadira-navy) 55%, #1d3a6b 100%);
  color: #ffffff;
  padding: 72px 28px;
  text-align: center;
  isolation: isolate;
}
.stadira-hero--image { background-size: cover; background-position: center; }
.stadira-hero--image::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,26,54,.78), rgba(10,26,54,.62));
  z-index: -1;
}
.stadira-hero__title {
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 6px;
  letter-spacing: .3px;
}
.stadira-hero__tagline {
  font-style: italic;
  color: var(--stadira-gold-lite);
  font-size: clamp(1rem, 2.4vw, 1.25rem);
  margin: 0 0 18px;
}
.stadira-hero__subtitle {
  max-width: 620px;
  margin: 0 auto 28px;
  color: #e8edf5;
  font-size: clamp(1rem, 2.2vw, 1.18rem);
  line-height: 1.6;
}
.stadira-hero__actions {
  display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;
  margin-bottom: 22px;
}
.stadira-hero .stadira-btn {
  display: inline-block;
  padding: .85em 2em;
  text-decoration: none !important;
  font-size: 1rem;
}
.stadira-hero .stadira-btn-outline {
  display: inline-block;
  padding: .85em 2em;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600;
  background: transparent !important;
}
.stadira-hero .stadira-btn-outline:hover {
  background: #ffffff !important;
  color: var(--stadira-navy) !important;
}
.stadira-hero__trust {
  font-size: .88rem;
  color: #c9d2df;
  letter-spacing: .4px;
}
.stadira-hero__trust strong { color: var(--stadira-gold-lite); font-weight: 700; }

/* ============================================================
   8. STADIRA VIDEO  ([stadira_video] or hero video param)
   ============================================================ */
.stadira-video {
  max-width: 860px;
  margin: 34px auto 0;
  border-radius: var(--stadira-radius);
  overflow: hidden;
  box-shadow: var(--stadira-shadow-lg);
  background: #000;
}
.stadira-video__frame {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.stadira-video__frame iframe,
.stadira-video__frame video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* ============================================================
   9. STADIRA TRUST STRIP  ([stadira_trust])
   ============================================================ */
.stadira-trust {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 26px auto;
}
.stadira-trust__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--stadira-bg-soft);
  border: 1px solid var(--stadira-border);
  color: var(--stadira-navy);
  font-weight: 600;
  font-size: .92rem;
  padding: 10px 18px;
  border-radius: 999px;
}
.stadira-trust__badge::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--stadira-gold);
  color: var(--stadira-navy-dark);
  font-size: .75rem;
  font-weight: 800;
}

/* ============================================================
   10. SMALL CLEAN-UPS
   ============================================================ */
/* keep imagery tidy */
.tutor-course-thumbnail img { border-radius: 0; }

/* utility: hide anything you mark in Droip with this class */
.stadira-hide { display: none !important; }

/* comfortable content width for plain pages (About, Contact text) */
.stadira-narrow { max-width: 760px; margin-left: auto; margin-right: auto; }