/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor (custom TutorLMS dashboard overrides and styling).
Author: Darnell Creates
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* =========================================================
   Tutor Dashboard: Woo "Order History" embedded UI
   - Tabs
   - Page Title spacing
   - Link color bleed protection (only where needed)
========================================================= */

body.tutor-frontend .tutor-dashboard-content .fs-wc-page-header{
  margin: 0 0 6px;
}

body.tutor-frontend .tutor-dashboard-content .fs-wc-page-title{
  margin: 0 0 14px;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111;
}

@media (max-width: 768px){
  body.tutor-frontend .tutor-dashboard-content .fs-wc-page-title{
    font-size: 32px;
  }
}

/* Tabs wrapper */
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs{
  margin: 0 0 18px;
}

/* Tabs nav */
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav{
  display: flex;
  gap: 28px;
  align-items: flex-end;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  overflow: visible;
}

/* Tabs links */
body.tutor-frontend .tutor-dashboard-content a.fs-tutor-tabs__tab{
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-weight: 500;
  color: #333;
  text-decoration: none !important;
  opacity: .65;
}

body.tutor-frontend .tutor-dashboard-content a.fs-tutor-tabs__tab:hover{
  opacity: 1;
}

body.tutor-frontend .tutor-dashboard-content a.fs-tutor-tabs__tab.is-active{
  opacity: 1;
  font-weight: 600;
  color: #111;
}

body.tutor-frontend .tutor-dashboard-content a.fs-tutor-tabs__tab.is-active::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  height: 3px;
  background: #DE0404; /* FirstStep red */
  border-radius: 2px;
  z-index: 2;
}

/* Mobile: scrollable tabs */
@media (max-width: 640px){
  body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav{
    gap: 16px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  body.tutor-frontend .tutor-dashboard-content a.fs-tutor-tabs__tab{
    flex: 0 0 auto;
  }
}

/* Prevent reset.css (#c36) from bleeding into OUR tab links specifically */
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav a,
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav a:visited,
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav a:hover,
body.tutor-frontend .tutor-dashboard-content .fs-tutor-tabs__nav a:focus{
  color: inherit !important;
  text-decoration: none !important;
}


/* =========================================================
   Tutor Dashboard – Enrolled Courses header ONLY
   (matches the element you highlighted: tutor-fs-5 ... tutor-text-capitalize)
========================================================= */

body.tutor-frontend .tutor-dashboard-content .tutor-dashboard-content-inner
.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-text-capitalize{
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
  color: #111;
  text-transform: none !important; /* override Tutor capitalization */
}

@media (max-width: 768px){
  body.tutor-frontend .tutor-dashboard-content .tutor-dashboard-content-inner
  .tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-text-capitalize{
    font-size: 32px;
  }
}


/* =========================================================
   Woo Addresses inside Tutor Dashboard
   - Edit links as buttons
   - Fix heading casing (Shipping Address vs Shipping address)
========================================================= */

/* Make edit links look like buttons (only in Tutor dashboard) */
body.tutor-frontend .tutor-dashboard-content .woocommerce .woocommerce-Address-title a.edit,
body.tutor-frontend .tutor-dashboard-content .woocommerce a.button.fs-wc-copy-address{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 16px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #111;
}

/* Hover: FirstStep red */
body.tutor-frontend .tutor-dashboard-content .woocommerce .woocommerce-Address-title a.edit:hover,
body.tutor-frontend .tutor-dashboard-content .woocommerce a.button.fs-wc-copy-address:hover{
  border-color: #DE0404;
  color: #DE0404;
}

/* Address headings: stop any unwanted transforms */
body.tutor-frontend .tutor-dashboard-content .woocommerce-Address-title h3,
body.tutor-frontend .tutor-dashboard-content .woocommerce-Addresses .woocommerce-Address h3{
  text-transform: none !important;
  letter-spacing: normal;
  font-weight: 700;
}

/* Prevent reset.css (#c36) from affecting Woo "button-like" links only */
body.tutor-frontend .tutor-dashboard-content .woocommerce a.button,
body.tutor-frontend .tutor-dashboard-content .woocommerce a.button:visited,
body.tutor-frontend .tutor-dashboard-content .woocommerce a.button:hover,
body.tutor-frontend .tutor-dashboard-content .woocommerce .woocommerce-Address-title a.edit{
  color: inherit !important;
  text-decoration: none !important;
}