/**
 * Copyway - Warm Paper & Gold Theme Overrides
 * Child theme CSS for Tutor Starter
 */

/* =========================================
   CSS CUSTOM PROPERTIES
   ========================================= */
:root {
  --commerccy-black: #0d0d0d;
  --commerccy-white: #f5f5f0;
  --commerccy-gold: #d4a017;
  --commerccy-gold-light: #f0c040;
  --commerccy-gray: #8a8a8a;
  --commerccy-paper: #e8e6e0;
  --commerccy-paper-dark: #c8c4bc;
  --commerccy-red: #c92a2a;
  --commerccy-hard-shadow: 6px 6px 0px var(--commerccy-black);
  --commerccy-hard-shadow-gold: 6px 6px 0px var(--commerccy-gold);
}

/* =========================================
   BASE OVERRIDES
   ========================================= */
html,
body {
  font-family: "Cairo", sans-serif !important;
  background-color: #ffffff !important;
  color: var(--commerccy-black) !important;
}

body {
  direction: rtl !important;
  text-align: right !important;
}

/* =========================================
   HEADER OVERRIDES
   ========================================= */
.header-default {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
}

.header-default,
.header-transparent {
  background: var(--commerccy-black) !important;
  border-bottom: 3px solid var(--commerccy-gold) !important;
}

.header-default .navbar {
  background: var(--commerccy-black) !important;
}

.header-default .navbar .navbar-brand a,
.header-default .navbar .navbar-brand img {
  color: var(--commerccy-white) !important;
}

.header-default .navbar .navbar-nav a {
  color: var(--commerccy-white) !important;
  font-family: "Cairo", sans-serif !important;
}

.header-default .navbar .navbar-nav a:hover,
.header-default .navbar .navbar-nav a.active {
  color: var(--commerccy-gold);
}

.header-default .search-field input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(212, 160, 23, 0.3) !important;
  color: var(--commerccy-white) !important;
  font-family: "Cairo", sans-serif !important;
}

.header-default .search-field input::placeholder {
  color: rgba(245, 245, 240, 0.5) !important;
}

.header-default .navbar-toggler .toggle-icon span,
.header-default .navbar-toggler .toggle-icon span::before,
.header-default .navbar-toggler .toggle-icon span::after {
  background: var(--commerccy-gold) !important;
}

/* =========================================
   CTA BUTTON OVERRIDES
   ========================================= */
.btn-getstarted,
.tutor-version-new-btn {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  transition: all 0.3s ease !important;
}

.btn-getstarted:hover,
.tutor-version-new-btn:hover {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold);
  box-shadow: var(--commerccy-hard-shadow-gold) !important;
  transform: translate(-2px, -2px) !important;
}

/* =========================================
   CART OVERRIDES
   ========================================= */
.cart-contents,
.utils-cart a {
  color: var(--commerccy-gold);
}

.cart-contents:hover,
.utils-cart a:hover {
  color: var(--commerccy-gold-light) !important;
}

.tutor_native_cart_count {
  color: var(--commerccy-gold);
}

/* =========================================
   LINK OVERRIDES
   ========================================= */
a {
  color: var(--commerccy-gold);
  transition: color 0.2s ease !important;
}

a:hover {
  color: var(--commerccy-gold-light) !important;
}

/* =========================================
   FOOTER OVERRIDES
   ========================================= */
.site-footer {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-white) !important;
  border-top: 3px solid var(--commerccy-gold) !important;
}

.site-footer a {
  color: var(--commerccy-white) !important;
}

.site-footer a:hover {
  color: var(--commerccy-gold);
}

.site-footer h4,
.site-footer .site-footer__heading {
  color: var(--commerccy-gold);
  font-family: "Cairo", sans-serif !important;
}

.site-footer .copyright {
  color: rgba(245, 245, 240, 0.6) !important;
}

/* =========================================
   ELEMENTOR PAGE OVERRIDES
   ========================================= */
.elementor-section {
  direction: rtl !important;
}

.elementor-widget-heading .elementor-heading-title {
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.elementor-widget-button .elementor-button {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  transition: all 0.3s ease !important;
}

.elementor-widget-button .elementor-button:hover {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold);
  box-shadow: var(--commerccy-hard-shadow-gold) !important;
  transform: translate(-2px, -2px) !important;
}

.elementor-widget-icon-box .elementor-icon {
  color: var(--commerccy-gold);
}

.elementor-widget-icon-box .elementor-icon-box-title a,
.elementor-widget-icon-box .elementor-icon-box-title {
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
}

.elementor-widget-social-icons .elementor-social-icon {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-white) !important;
  border: 2px solid var(--commerccy-gold) !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
}

/* =========================================
   TUTOR LMS COURSE GRID OVERRIDES
   ========================================= */
.tutor-course-card,
.tutor-course-card .tutor-course-card-body {
  background: var(--commerccy-white) !important;
  border: 2px solid var(--commerccy-black) !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  transition: all 0.3s ease !important;
  font-family: "Cairo", sans-serif !important;
}

.tutor-course-card:hover {
  box-shadow: var(--commerccy-hard-shadow) !important;
}

.tutor-course-card .tutor-course-card-title a {
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
}

.tutor-course-card .tutor-course-card-title a:hover {
  color: var(--commerccy-gold);
}

.tutor-course-card .tutor-course-card-footer {
  border-top: 2px solid var(--commerccy-paper) !important;
}

.tutor-course-card .tutor-btn-primary {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
}

.tutor-course-card .tutor-btn-primary:hover {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold);
}

/* Hide all course card chrome — keep ONLY image + title */
.tutor-course-card .tutor-course-bookmark,
.tutor-course-card .tutor-course-ratings,
.tutor-course-card .tutor-card-body .tutor-meta,
.tutor-course-card .tutor-card-footer {
  display: none !important;
}

/* On the instructor dashboard, show footer so edit/delete icons are visible */
.tutor-dashboard-my-courses .tutor-course-card .tutor-card-footer {
  display: flex !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Tutor hides the edit button by default (opacity:0 on hover) — override for always visible */
.tutor-dashboard-my-courses .tutor-iconic-btn.tutor-my-course-edit,
.tutor-dashboard-my-courses .tutor-iconic-btn.tutor-my-course-delete {
  opacity: 1 !important;
}

/* Ensure the footer row uses space-between so price and icons are on opposite sides */
.tutor-dashboard-my-courses .tutor-course-card .tutor-card-footer .tutor-d-flex.tutor-align-center.tutor-justify-between {
  width: 100%;
}

/* Trim the card body to just the title */
.tutor-course-card .tutor-card-body {
  padding: 16px 20px 20px !important;
}

.tutor-course-card .tutor-course-name {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
  text-align: right;
}

.tutor-course-card .tutor-course-name a {
  color: var(--commerccy-black) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.tutor-course-card:hover .tutor-course-name a,
.tutor-course-card .tutor-course-name a:hover {
  color: var(--commerccy-gold) !important;
}

/* Make the entire card clickable via the title's stretched-link pseudo */
.tutor-course-card {
  position: relative !important;
  overflow: hidden !important;
}

.tutor-course-card .tutor-course-name a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.tutor-course-card .tutor-course-name a {
  position: static !important;
}

/* =========================================
   BLOG POST OVERRIDES
   ========================================= */
.blog-post-container .blog-post-content {
  direction: rtl !important;
}

.blog-post-container h2 a,
.blog-post-container h3 a {
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
}

.blog-post-container h2 a:hover,
.blog-post-container h3 a:hover {
  color: var(--commerccy-gold);
}

/* =========================================
   SUBSCRIPTION FORM OVERRIDES
   ========================================= */
.tutor-starter-custom-subscription input[type="email"],
.tutor-starter-custom-subscription input[type="text"] {
  background: var(--commerccy-white) !important;
  border: 2px solid var(--commerccy-black) !important;
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
  padding: 12px 20px !important;
  border-radius: 0 !important;
}

.tutor-starter-custom-subscription input[type="email"]::placeholder {
  color: var(--commerccy-gray) !important;
}

.tutor-starter-custom-subscription button {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.tutor-starter-custom-subscription button:hover {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold);
  box-shadow: var(--commerccy-hard-shadow-gold) !important;
}

/* =========================================
   SELECTION & SCROLLBAR
   ========================================= */
::selection {
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 768px) {
  .header-default .navbar {
    flex-direction: column !important;
  }

  .header-default .navbar .navbar-nav {
    text-align: center !important;
  }
}

/* =========================================
   HEADER ARABIC FIXES
   ========================================= */

/* Hide Tutor LMS logo icon */
.header-default .navbar-brand .tutor-starter-logo,
.header-default .navbar-brand img {
  display: none !important;
}

/* Show text logo instead */
.header-default .navbar-brand {
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.5rem !important;
  color: var(--commerccy-white) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.header-default .navbar-brand a {
  color: var(--commerccy-white) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.header-default .navbar-brand a:hover {
  color: var(--commerccy-gold) !important;
}

/* Fallback "C" logo when no image */
.header-default .navbar-brand a::before {
  content: "C" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  border-radius: 4px !important;
}

/* =========================================
   DESKTOP LAYOUT (RTL: right → left)
   C logo (absolute right) → nav links (center) → avatar → cart
   ========================================= */
@media (min-width: 992px) {
  .header-default .navbar {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
  }

  .header-default .navbar-brand {
    order: unset !important;
  }

  .header-default .navbar-nav {
    order: unset !important;
    margin: 0 auto !important;
  }

  .header-default .navbar-utils {
    order: unset !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
  }

  .header-default .search-field {
    display: none !important;
  }

  .header-default .navbar-toggler {
    display: none !important;
  }
}

/* =========================================
   MOBILE LAYOUT (RTL: right → left)
   C logo → hamburger (1rem gap) → avatar + cart (left end)
   ========================================= */
@media (max-width: 991px) {
  .header-default .navbar {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .header-default .navbar-brand {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .header-default .navbar-toggler {
    order: 2 !important;
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }

  .header-default .navbar-utils {
    order: 3 !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }

  .header-default .navbar-nav {
    order: 4 !important;
    width: 100% !important;
  }

  .header-default .search-field {
    display: none !important;
  }
}

/* =========================================
   DROPDOWN/SUBMENU FIXES
   ========================================= */
.sub-menu {
  background: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-gold) !important;
  box-shadow: 6px 6px 0 var(--commerccy-gold) !important;
  border-radius: 0 !important;
  padding: 1rem !important;
  min-width: 200px !important;
}

.sub-menu:after {
  display: none !important;
}

.sub-menu .menu-item a {
  color: var(--commerccy-white) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 0.95rem !important;
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid rgba(212, 160, 23, 0.2) !important;
}

.sub-menu .menu-item a:hover {
  color: var(--commerccy-gold) !important;
  background: transparent !important;
}

.sub-menu .menu-item:last-child a {
  border-bottom: none !important;
}

/* Search placeholder in Arabic */
.search-field input::placeholder {
  color: rgba(245, 245, 240, 0.5) !important;
  font-family: "Cairo", sans-serif !important;
}

/* =========================================
   TUTOR LMS PRIMARY COLOR OVERRIDE
   ========================================= */
:root {
  --tutor-color-primary: #d4a017 !important;
  --tutor-primary: #d4a017 !important;
}

.tutor-btn,
.tutor-btn-primary,
.tutor-btn-outline-primary,
.tutor-btn-md,
.tutor-btn-block,
.tutor-btn-default,
.tutor-course-list-btn a,
a.tutor-btn,
button.tutor-btn,
.tutor-enroll-btn,
.tutor-course-enroll-btn,
.tutor-loop-cart-btn,
.tutor-loop-subscribe-btn,
.elementor-widget-container .tutor-btn {
  background: #d4a017 !important;
  color: #0d0d0d !important;
  border: 2px solid #d4a017 !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 6px 6px 0 #0d0d0d !important;
  transition: all 0.3s ease !important;
  border-radius: 0 !important;
}

.tutor-btn:hover,
.tutor-btn-primary:hover,
.tutor-btn-outline-primary:hover,
.tutor-btn-md:hover,
.tutor-btn-default:hover,
.tutor-course-list-btn a:hover,
a.tutor-btn:hover,
button.tutor-btn:hover,
.tutor-enroll-btn:hover,
.tutor-course-enroll-btn:hover,
.tutor-loop-cart-btn:hover,
.tutor-loop-subscribe-btn:hover {
  background: #0d0d0d !important;
  color: #d4a017 !important;
  border-color: #0d0d0d !important;
  box-shadow: 6px 6px 0 #d4a017 !important;
  transform: translate(-2px, -2px) !important;
}

/* Outline buttons */
.tutor-btn-outline-primary {
  background: transparent !important;
  color: #d4a017 !important;
  border: 2px solid #d4a017 !important;
}

.tutor-btn-outline-primary:hover {
  background: #d4a017 !important;
  color: #0d0d0d !important;
}

/* Course card bottom bar */
.tutor-course-card-footer {
  background: #f5f5f0 !important;
}

/* Price text */
.tutor-course-price .price {
  color: #d4a017 !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
}

/* =========================================
   FORM SUBMIT BUTTONS
   ========================================= */
input[type="submit"],
button[type="submit"],
input[type="button"],
.wpforms-submit,
.submit,
.wpcf7-submit,
.form-submit input,
.comment-reply-link,
#submit,
.gform_button,
.gform_next_button,
.gform_previous_button {
  background: #d4a017 !important;
  color: #0d0d0d !important;
  border: 2px solid #d4a017 !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 6px 6px 0 #0d0d0d !important;
  transition: all 0.3s ease !important;
  border-radius: 0 !important;
  padding: 0.75rem 2rem !important;
  cursor: pointer !important;
  font-size: 1rem !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
.wpforms-submit:hover,
.submit:hover,
.wpcf7-submit:hover,
.form-submit input:hover,
.comment-reply-link:hover,
#submit:hover,
.gform_button:hover,
.gform_next_button:hover,
.gform_previous_button:hover {
  background: #0d0d0d !important;
  color: #d4a017 !important;
  border-color: #0d0d0d !important;
  box-shadow: 6px 6px 0 #d4a017 !important;
  transform: translate(-2px, -2px) !important;
}

/* Input fields on forms */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
.wpcf7-form-control,
.wpforms-field-input,
.wpforms-field-textarea {
  background: #f5f5f0 !important;
  border: 2px solid #0d0d0d !important;
  color: #0d0d0d !important;
  font-family: "Cairo", sans-serif !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.wpcf7-form-control:focus,
.wpforms-field-input:focus,
.wpforms-field-textarea:focus {
  border-color: #d4a017 !important;
  box-shadow: 6px 6px 0 rgba(212, 160, 23, 0.3) !important;
  outline: none !important;
}

/* =========================================
   AVATAR DROPDOWN - RTL
   ========================================= */
.tutor-header-profile-menu-items {
  direction: rtl !important;
}

.tutor-header-profile-menu-items .tutor-header-submenu {
  direction: rtl !important;
  left: 0 !important;
  right: auto !important;
  max-width: 220px !important;
  width: 220px !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul {
  direction: rtl !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li {
  direction: rtl !important;
  text-align: right !important;
  margin: 0 !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li a {
  direction: rtl !important;
  text-align: right !important;
  justify-content: flex-start !important;
  font-family: "Cairo", sans-serif !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-direction: row !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li a span.tutor-dashboard-menu-item-icon {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-width: 20px !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links .profile-name {
  direction: rtl !important;
  text-align: center !important;
  font-family: "Cairo", sans-serif !important;
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.tutor-header-profile-content {
  direction: rtl !important;
}

/* Mobile/Tablet - Hamburger Menu Fix */
@media (max-width: 991px) {
  .navbar-toggler {
    display: block !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 10px !important;
  }

  .navbar-toggler .toggle-icon,
  .navbar-toggler .toggle-icon span,
  .navbar-toggler .toggle-icon span::before,
  .navbar-toggler .toggle-icon span::after {
    pointer-events: auto !important;
  }

  .navbar-toggler .toggle-icon span {
    background: #ffffff !important;
    width: 30px !important;
    height: 3px !important;
    display: block !important;
    position: relative !important;
  }

  .navbar-toggler .toggle-icon span::before,
  .navbar-toggler .toggle-icon span::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 30px !important;
    height: 3px !important;
    background: #ffffff !important;
  }

  .navbar-toggler .toggle-icon span::before {
    top: -8px !important;
  }

  .navbar-toggler .toggle-icon span::after {
    top: 8px !important;
  }

  /* Close button (X) - make white */
  .nav-close .btn-nav-close,
  .nav-close .btn-nav-close .close-btn {
    border-color: #ffffff !important;
    color: #ffffff !important;
    background: transparent !important;
  }

  .nav-close .btn-nav-close:focus,
  .nav-close .btn-nav-close:hover {
    background: #000 !important;
    color: #0000 !important;
  }

  /* Close button (X) - make white when menu is open */
  .navbar-toggler.active .toggle-icon span,
  .navbar-toggler.active .toggle-icon span::before,
  .navbar-toggler.active .toggle-icon span::after {
    background: #ffffff !important;
    color: #ffffff !important;
  }

  .navbar-nav {
    background: #ffffff !important;
    color: #ffffff !important;
    z-index: 9998 !important;
    position: fixed !important;
    top: 70px !important;
    right: -100% !important;
    left: auto !important;
    width: 280px !important;
    max-width: 80% !important;
    height: calc(100vh - 70px) !important;
    background: var(--commerccy-black) !important;
    overflow-y: auto !important;
    transition: right 0.3s ease !important;
    padding: 1rem !important;
    box-shadow: -6px 6px 0 rgba(212, 160, 23, 0.3) !important;
  }

  .navbar-nav .navbar-item a,
  .navbar-nav a {
    color: var(--commerccy-white) !important;
    font-family: "Cairo", sans-serif !important;
    padding: 0.75rem 1rem !important;
    border-bottom: 1px solid rgba(212, 160, 23, 0.2) !important;
    display: block !important;
  }

  .navbar-nav .navbar-item a:hover,
  .navbar-nav a:hover {
    color: var(--commerccy-gold) !important;
    background: rgba(212, 160, 23, 0.1) !important;
  }

  /* Fix mobile menu overlay */
  .navbar-nav.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    right: 0 !important;
  }

  .tutor-header-profile-menu-items .tutor-header-submenu {
    position: fixed !important;
    top: 70px !important;
    right: 10px !important;
    left: auto !important;
    max-width: 200px !important;
    width: 200px !important;
  }

  /* Ensure header is visible on mobile */
  .header-default .navbar {
    position: relative !important;
  }
}

.tutor-header-profile-menu-items .tutor-header-submenu {
  direction: rtl !important;
  left: 0 !important;
  right: auto !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul {
  direction: rtl !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li {
  direction: rtl !important;
  text-align: right !important;
  margin: 0 !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li a {
  direction: rtl !important;
  text-align: right !important;
  justify-content: flex-end !important;
  font-family: "Cairo", sans-serif !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-direction: row-reverse !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links ul li a span.tutor-dashboard-menu-item-icon {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

.tutor-header-profile-menu-items .tutor-submenu-links .profile-name {
  direction: rtl !important;
  font-family: "Cairo", sans-serif !important;
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.tutor-header-profile-content {
  direction: rtl !important;
}

.tutor-header-profile-menu-items.active .tutor-submenu-links ul li a {
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
}

/* =========================================
   PHASE 3: REVENUE ENABLERS
   ========================================= */

/* --- Trust Badges & Social Proof --- */
.tutor-course-card .tutor-course-enrollment-box,
.tutor-course-card .tutor-course-card-body {
  position: relative !important;
}

.tutor-enrolled-badge,
.commercy-student-count {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 0.25rem 0.75rem !important;
  border: 2px solid var(--commerccy-gold) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--commerccy-gold) !important;
  z-index: 10 !important;
  direction: rtl !important;
}

/* Star Ratings Override */
.tutor-star-rating,
.tutor-rating,
.tutor-course-rating {
  color: var(--commerccy-gold) !important;
}

.tutor-star-rating .dashicons,
.tutor-rating .dashicons {
  color: var(--commerccy-gold) !important;
}

/* Sale Badge Styling */
.onsale,
.tutor-course-card .onsale,
.woocommerce span.onsale {
  background: var(--commerccy-red) !important;
  color: var(--commerccy-white) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  border: 2px solid var(--commerccy-black) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--commerccy-black) !important;
  min-height: auto !important;
  padding: 0.4rem 0.8rem !important;
  line-height: 1.2 !important;
  right: auto !important;
  left: 0.75rem !important;
  top: 0.75rem !important;
}

/* Discount Percentage Badge */
.commercy-discount-badge {
  position: absolute !important;
  top: 0.75rem !important;
  left: 0.75rem !important;
  background: var(--commerccy-red) !important;
  color: var(--commerccy-white) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  padding: 0.3rem 0.7rem !important;
  border: 2px solid var(--commerccy-black) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--commerccy-black) !important;
  z-index: 10 !important;
  direction: rtl !important;
}

/* Sale Price Styling */
.woocommerce del,
.tutor-price del,
del .amount {
  color: var(--commerccy-gray) !important;
  text-decoration: line-through !important;
  font-size: 0.85em !important;
}

.woocommerce ins,
.tutor-price ins,
ins .amount {
  color: var(--commerccy-red) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Trust Indicators Section */
.commercy-trust-section {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-white) !important;
  padding: 2rem !important;
  text-align: center !important;
  direction: rtl !important;
}

.commercy-trust-section .trust-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 1.5rem !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 0.9rem !important;
  color: var(--commerccy-gold) !important;
}

.commercy-trust-section .trust-item .dashicons {
  color: var(--commerccy-gold) !important;
  font-size: 1.2rem !important;
}

/* Testimonial Card */
.commercy-testimonial {
  background: var(--commerccy-white) !important;
  border: 2px solid var(--commerccy-black) !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  padding: 2rem !important;
  margin: 1rem 0 !important;
  position: relative !important;
  direction: rtl !important;
}

.commercy-testimonial::before {
  content: """ !important;
  position: absolute !important;
  top: 0.5rem !important;
  right: 1rem !important;
  font-size: 4rem !important;
  color: var(--commerccy-gold) !important;
  font-family: Georgia, serif !important;
  line-height: 1 !important;
  opacity: 0.3 !important;
}

.commercy-testimonial .testimonial-text {
  font-family: "Cairo", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: var(--commerccy-black) !important;
  margin-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.commercy-testimonial .testimonial-author {
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  color: var(--commerccy-gold) !important;
  font-size: 0.9rem !important;
}

.commercy-testimonial .testimonial-role {
  font-family: "Cairo", sans-serif !important;
  color: var(--commerccy-gray) !important;
  font-size: 0.8rem !important;
}

/* Countdown Timer (CSS-only) */
.commercy-countdown {
  display: flex !important;
  justify-content: center !important;
  gap: 1rem !important;
  margin: 1rem 0 !important;
  direction: ltr !important;
}

.commercy-countdown .countdown-item {
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold) !important;
  border: 2px solid var(--commerccy-gold) !important;
  padding: 0.75rem 1rem !important;
  min-width: 60px !important;
  text-align: center !important;
  font-family: "Cairo", sans-serif !important;
  box-shadow: 3px 3px 0 var(--commerccy-gold) !important;
}

.commercy-countdown .countdown-num {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  display: block !important;
  line-height: 1 !important;
}

.commercy-countdown .countdown-label {
  font-size: 0.7rem !important;
  color: var(--commerccy-white) !important;
  text-transform: uppercase !important;
}

/* =========================================
   PHASE 1: QUICK WINS
   ========================================= */

/* --- Skip to Content (Accessibility) --- */
.commercy-skip-link {
  position: absolute !important;
  top: -100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 1rem 2rem !important;
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  z-index: 100001 !important;
  border: 2px solid var(--commerccy-black) !important;
  border-radius: 0 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  transition: top 0.2s ease !important;
}
.commercy-skip-link:focus {
  top: 1rem !important;
}

/* --- Floating WhatsApp Button (Site-wide) --- */
.commercy-whatsapp-float {
  position: fixed !important;
  bottom: 2rem !important;
  left: 2rem !important;
  width: 60px !important;
  height: 60px !important;
  background: #25D366 !important;
  color: #0d0d0d !important;
  border: 2px solid var(--commerccy-black) !important;
  border-radius: 0 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  animation: commerccy-whatsapp-pulse 2s infinite !important;
}
.commercy-whatsapp-float:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 6px 6px 0 var(--commerccy-gold) !important;
  background: var(--commerccy-black) !important;
  color: #25D366 !important;
}
.commercy-whatsapp-float svg {
  width: 32px !important;
  height: 32px !important;
  fill: currentColor !important;
}
@keyframes commerccy-whatsapp-pulse {
  0%, 100% { box-shadow: 6px 6px 0 var(--commerccy-black), 0 0 0 0 rgba(37, 211, 102, 0.4); }
  50% { box-shadow: 6px 6px 0 var(--commerccy-black), 0 0 0 12px rgba(37, 211, 102, 0); }
}

/* --- Back to Top Button --- */
.commercy-back-to-top {
  position: fixed !important;
  bottom: 2rem !important;
  right: 2rem !important;
  width: 50px !important;
  height: 50px !important;
  background: var(--commerccy-gold) !important;
  color: var(--commerccy-black) !important;
  border: 2px solid var(--commerccy-black) !important;
  border-radius: 0 !important;
  box-shadow: var(--commerccy-hard-shadow) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9998 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) !important;
}
.commercy-back-to-top.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.commercy-back-to-top:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 6px 6px 0 var(--commerccy-gold) !important;
  background: var(--commerccy-black) !important;
  color: var(--commerccy-gold) !important;
}
.commercy-back-to-top svg {
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3 !important;
}

/* --- Mobile Touch Target Audit --- */
@media (max-width: 375px) {
  .header-default .navbar {
    padding: 0.5rem !important;
    gap: 0.5rem !important;
  }
  .header-default .navbar-brand a::before {
    width: 28px !important;
    height: 28px !important;
    font-size: 1rem !important;
  }
  .navbar-nav a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.75rem 1rem !important;
  }
  .sub-menu .menu-item a {
    min-height: 44px !important;
  }
  .tutor-btn,
  .tutor-btn-primary,
  .commercy-404-btn,
  .cta-btn,
  input[type="submit"],
  button[type="submit"] {
    min-height: 44px !important;
    padding: 0.75rem 1.5rem !important;
  }
  .commercy-whatsapp-float {
    width: 52px !important;
    height: 52px !important;
    bottom: 5.5rem !important;
    left: 1.5rem !important;
  }
  .commercy-back-to-top {
    width: 44px !important;
    height: 44px !important;
    bottom: 5.5rem !important;
    right: 1.5rem !important;
  }
}

/* Custom feather cursor */
html, body, * {
  cursor: url('../img/feather-cursor.svg') 40 0, auto !important;
}
a, button, input[type="submit"], input[type="button"], select, textarea, .cta-btn, .btn, [role="button"] {
  cursor: url('../img/feather-cursor.svg') 40 0, pointer !important;
}

/* =========================================
   COURSE DETAILS PAGE — Nzmly Reference
   ========================================= */

/* ── Cover Image (inside main column, not full-width hero) ── */
.commercy-course-cover {
  width: 100%;
  margin: 0 0 16px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--commerccy-paper-dark);
}

.commercy-course-cover .commercy-course-cover-img {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  display: block;
}

/* ── Rating row (below cover, above title) ── */
.commercy-course-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Cairo", sans-serif;
  font-size: 14px;
  color: var(--commerccy-gray);
  margin: 12px 0 4px;
  flex-wrap: wrap;
}

.commercy-course-rating .tutor-ratings-stars {
  display: inline-flex;
  gap: 1px;
  font-size: 14px;
}

.commercy-course-rating .tutor-ratings-stars .tutor-icon-star-line {
  color: var(--commerccy-gold);
}

.commercy-course-rating .commercy-course-rating-num {
  font-weight: 700;
  color: var(--commerccy-black);
  font-size: 15px;
}

.commercy-course-rating .commercy-course-rating-reviews {
  color: var(--commerccy-gray);
}

/* ── Title ── */
.commercy-course-title {
  font-family: "Cairo", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--commerccy-black);
  margin: 8px 0 20px;
  text-align: right;
}

/* ── Stats row with circular icons ── */
.commercy-course-stats {
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0 0 32px;
  flex-wrap: wrap;
}

.commercy-course-stats-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}

.commercy-course-stats-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 2px solid #16a34a;
  border-radius: 50%;
  color: #16a34a;
}

.commercy-course-stats-icon svg {
  display: block;
}

.commercy-course-stats-text {
  display: flex;
  flex-direction: column;
  text-align: right;
  font-family: "Cairo", sans-serif;
}

.commercy-course-stats-label {
  font-size: 12px;
  color: var(--commerccy-gray);
  font-weight: 500;
}

.commercy-course-stats-value {
  font-size: 15px;
  color: var(--commerccy-black);
  font-weight: 700;
}

/* ── Main Content Sections ── */
.commercy-course-section {
  padding: 32px 0;
  border-bottom: 1px solid var(--commerccy-paper-dark);
}

.commercy-course-section:last-of-type {
  border-bottom: none;
}

.commercy-course-section-title {
  font-family: "Cairo", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--commerccy-black);
  margin: 0 0 16px;
  text-align: right;
}

.commercy-course-section-body {
  font-family: "Cairo", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  text-align: right;
}

.commercy-course-section-body p {
  margin-bottom: 16px;
}

.commercy-course-list {
  list-style: disc;
  padding-right: 24px;
  margin: 0;
  font-family: "Cairo", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  text-align: right;
}

.commercy-course-list li {
  margin-bottom: 8px;
}

/* ── Sidebar Price Card ── */
.commercy-course-sidebar {
  position: sticky;
  top: 100px;
}

.commercy-course-price-card {
  background: var(--commerccy-white);
  border: 2px solid var(--commerccy-paper-dark);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.commercy-course-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.commercy-course-price-current {
  font-family: "Cairo", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #16a34a;
}

.commercy-course-price-original {
  font-family: "Cairo", sans-serif;
  font-size: 16px;
  color: var(--commerccy-gray);
  text-decoration: line-through;
}

.commercy-course-price-discount {
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #16a34a;
  background: rgba(22, 163, 74, 0.1);
  padding: 2px 10px;
  border-radius: 12px;
}

/* Rating inside price card */
.commercy-course-price-card .commercy-course-rating {
  margin: 0 0 20px;
  font-size: 13px;
}

.commercy-course-price-card .commercy-course-rating .commercy-course-rating-num {
  font-size: 14px;
}

/* Payment methods */
.commercy-course-payment {
  margin: 0 0 20px;
}

.commercy-course-payment-label {
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  color: var(--commerccy-gray);
  margin: 0 0 8px;
  text-align: right;
}

.commercy-course-payment-logos {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.commercy-payment-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 42px;
  padding: 0 8px;
  border: 1px solid var(--commerccy-paper-dark);
  border-radius: 4px;
  background: var(--commerccy-white);
  font-family: "Cairo", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.commercy-payment-visa {
  background: #1a1f71;
  color: #fff;
}

.commercy-payment-mc {
  background: #fff;
  padding: 0 6px;
  gap: 0;
  min-width: 50px;
}

.commercy-payment-mc-dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 -4px 0 0;
}

.commercy-payment-mc-dot.mc-red {
  background: #eb001b;
}

.commercy-payment-mc-dot.mc-yellow {
  background: #f79e1b;
}

.commercy-payment-vodafone {
  background: #e60000;
  color: #fff;
}

.commercy-payment-orange {
  background: #ff7900;
  color: #fff;
}

.commercy-payment-etisalat {
  background: #62a83b;
  color: #fff;
  font-style: italic;
}

/* CTA wrap (renders Tutor entry box) */
.commercy-course-cta-wrap {
  margin-top: 4px;
}

/* Hide the Tutor default pricing (we render our own) */
.commercy-course-cta-wrap .tutor-course-single-pricing {
  display: none !important;
}

/* Hide the "Free access" / "وصول مجاني" text */
.commercy-course-cta-wrap .tutor-fs-7.tutor-color-muted {
  display: none !important;
}

/* Style the Tutor entry box button as green CTA */
.commercy-course-cta-wrap .tutor-card {
  border: none;
  box-shadow: none;
  background: transparent;
}

.commercy-course-cta-wrap .tutor-card-body {
  padding: 0;
}

.commercy-course-cta-wrap .tutor-btn,
.commercy-course-cta-wrap .tutor-btn-primary,
.commercy-course-cta-wrap .tutor-btn-lg,
.commercy-course-cta-wrap .tutor-btn-block {
  background: #16a34a !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  border-radius: 999px !important;
  width: 100%;
  text-align: center;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.commercy-course-cta-wrap .tutor-btn:hover,
.commercy-course-cta-wrap .tutor-btn-primary:hover,
.commercy-course-cta-wrap .tutor-btn-lg:hover,
.commercy-course-cta-wrap .tutor-btn-block:hover {
  background: #15803d !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: translateY(-1px);
}

/* Hide sidebar footer meta */
.commercy-course-sidebar .tutor-sidebar-card .tutor-card-footer {
  display: none !important;
}

/* Hide extra sidebar items we don't render */
.commercy-course-sidebar .tutor-single-course-sidebar-more {
  display: none;
}

/* Hide duplicate section titles from Tutor partials */
.commercy-course-section .tutor-course-content-title {
  display: none;
}

.commercy-course-section .tutor-course-reviews-wrap .tutor-fs-5.tutor-fw-bold {
  display: none;
}

/* Remove extra margins from Tutor accordion wrapper */
.commercy-course-section .tutor-mt-40 {
  margin-top: 0 !important;
}

.commercy-course-section .tutor-accordion.tutor-mt-24 {
  margin-top: 0 !important;
}

/* ── Accordion / Curriculum ── */
.commercy-course-section .tutor-accordion-item-header {
  font-family: "Cairo", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--commerccy-black);
  background: transparent;
  border-bottom: 1px solid var(--commerccy-paper-dark);
  padding: 16px 0;
}

.commercy-course-section .tutor-accordion-item-header.is-active {
  color: var(--commerccy-gold);
}

.commercy-course-section .tutor-accordion-item-body {
  padding: 12px 0 8px;
}

.commercy-course-section .tutor-course-content-list-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid var(--commerccy-paper);
  transition: background 0.2s;
}

.commercy-course-section .tutor-course-content-list-item:hover {
  background: var(--commerccy-paper);
}

.commercy-course-section .tutor-course-content-list-item-icon {
  color: var(--commerccy-gold);
  font-size: 18px;
}

.commercy-course-section .tutor-course-content-list-item-title {
  font-family: "Cairo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--commerccy-black);
}

.commercy-course-section .tutor-course-content-list-item-title a {
  color: var(--commerccy-black);
  text-decoration: none;
}

.commercy-course-section .tutor-course-content-list-item-title a:hover {
  color: var(--commerccy-gold);
}

.commercy-course-section .tutor-course-content-list-item-duration {
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  color: var(--commerccy-gray);
}

/* ── Videos section (promo) ── */
.commercy-course-videos {
  margin-bottom: 24px;
}

.commercy-course-videos video {
  width: 100%;
  max-height: 480px;
  background: #000;
  display: block;
  border: 2px solid var(--commerccy-black);
  box-shadow: var(--commerccy-hard-shadow);
}

.commercy-course-video-block strong {
  font-family: "Cairo", sans-serif;
}

/* ── Reviews ── */
.commercy-course-section .tutor-course-reviews-wrap {
  margin-top: 0;
}

.commercy-course-section .tutor-course-reviews-wrap .tutor-course-review-heading {
  display: none;
}

.commercy-course-section .tutor-review-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.commercy-course-section .tutor-review-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--commerccy-paper-dark);
}

/* ── Responsive ── */
@media (max-width: 1199px) {
  .commercy-course-cover .commercy-course-cover-img {
    max-height: 400px;
  }
}

@media (max-width: 991px) {
  .commercy-course-title {
    font-size: 26px;
  }

  .commercy-course-section {
    padding: 24px 0;
  }

  .commercy-course-sidebar {
    position: static;
    margin-top: 32px;
  }

  .commercy-course-stats {
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .commercy-course-title {
    font-size: 22px;
  }

  .commercy-course-stats {
    gap: 12px;
  }

  .commercy-course-cover .commercy-course-cover-img {
    max-height: 240px;
  }

  .commercy-course-price-card {
    padding: 18px;
  }
}

/* =========================================
   TUTOR LMS DASHBOARD LAYOUT OVERRIDES
   - Push dashboard content below the fixed nav
   - Recolor stat cards with complementary tones + transparency
   - Make sidebar icons grayish
   - Increase sidebar item spacing
   ========================================= */

/* Clear the fixed Copyway nav (height ~62px) on dashboard pages. */
body.tutor-dashboard .tutor-wrap-parent,
body.tutor-frontend-dashboard .tutor-wrap-parent,
body.tutor-screen-frontend-dashboard .tutor-wrap-parent {
  padding-top: 62px;
}

/* Stat card icon backgrounds — use complementary tones with transparency
   instead of the Tutor default gold-only treatment. Each card sits inside
   its own `.tutor-col-lg-6` column, so we target by column position in the
   row (`:nth-of-type` on the card itself would always match — every card
   is the first/only child of its column). */
.tutor-dashboard-content-inner .tutor-card .tutor-round-box {
  background: var(--stat-bg, rgba(0, 0, 0, 0.06));
  color: var(--stat-color, var(--tutor-color-primary));
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(1) .tutor-round-box {
  --stat-bg: rgba(59, 130, 246, 0.14);
  --stat-color: #2563eb;
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(2) .tutor-round-box {
  --stat-bg: rgba(20, 184, 166, 0.16);
  --stat-color: #0d9488;
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(3) .tutor-round-box {
  --stat-bg: rgba(234, 88, 12, 0.14);
  --stat-color: #c2410c;
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(4) .tutor-round-box {
  --stat-bg: rgba(168, 85, 247, 0.14);
  --stat-color: #7e22ce;
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(5) .tutor-round-box {
  --stat-bg: rgba(244, 114, 182, 0.14);
  --stat-color: #be185d;
}
.tutor-dashboard-content-inner .tutor-row > div:nth-of-type(6) .tutor-round-box {
  --stat-bg: rgba(212, 160, 23, 0.18);
  --stat-color: #a87d10;
}

/* Sidebar icons — grayish by default, gold for the active item only. */
.tutor-dashboard-left-menu .tutor-dashboard-permalinks .tutor-dashboard-menu-item-icon {
  color: #6b7280 !important;
  transition: color 0.2s ease;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks .tutor-dashboard-menu-item a:hover .tutor-dashboard-menu-item-icon {
  color: #ffffff !important;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-icon {
  color: #ffffff !important;
}

/* Increase spacing between sidebar items + gap between icon and text. */
.tutor-dashboard-left-menu .tutor-dashboard-permalinks li {
  margin: 6px 0;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks li a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 18px !important;
  border-radius: 8px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks li a .tutor-ml-12 {
  margin-left: 0 !important;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks .tutor-dashboard-menu-item-text {
  font-size: 0.9rem;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a,
.tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover {
  background: rgba(212, 160, 23, 0.90) !important;
  color: #ffffff !important;
}
.tutor-dashboard-left-menu .tutor-dashboard-permalinks {
  padding: 12px 0 !important;
}

/* =========================================
   TUTOR LMS LESSON PAGE OVERRIDES
   - Bring Previous/Next footer right under the content
     (override .tutor-mt-auto so it stops pushing to the
      bottom of the column flex viewport on tall screens).
   - Restyle the lesson sidebar to match the dark/gold
     Copyway theme with proper contrast.
   ========================================= */

/* 1. Footer (Previous / Next) — stop being pushed to the bottom of the
      column flex container. On desktop the column was 900px tall but the
      body content is only ~260px, so the margin-top:auto rule created a
      huge empty gap and hid the buttons under the fold. */
.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer,
.tutor-course-topic-single-body + .tutor-course-topic-single-footer {
  margin-top: 24px !important;
  flex-shrink: 0;
  border-top: 1px solid var(--paper, #e9e6df) !important;
  background: var(--paper, #e9e6df) !important;
  padding: 16px 24px !important;
  border-radius: 8px;
  gap: 12px !important;
  justify-content: space-between !important;
}

.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer .tutor-btn,
.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer a.tutor-btn {
  background: var(--black, #0d0d0d) !important;
  color: var(--white, #f6f4ee) !important;
  border: 1px solid var(--black, #0d0d0d) !important;
  border-radius: 6px !important;
  font-weight: 600;
  padding: 10px 20px !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer .tutor-btn:hover,
.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer a.tutor-btn:hover {
  background: var(--gold, #d4a017) !important;
  color: var(--black, #0d0d0d) !important;
  border-color: var(--gold, #d4a017) !important;
}

.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer .tutor-btn[disabled],
.tutor-quiz-single-entry-wrap .tutor-course-topic-single-footer a.tutor-btn[disabled] {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

/* 2. Lesson sidebar — dark theme matching the rest of the site.
      Tutor's default light-gray panel clashes with the Copyway black/gold. */
.tutor-course-single-sidebar-wrapper {
  background: var(--black, #0d0d0d) !important;
  color: var(--white, #f6f4ee) !important;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {
  background: var(--ink, #161616) !important;
  color: var(--white, #f6f4ee) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 18px 20px !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-fs-6 {
  color: var(--white, #f6f4ee) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em;
}

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-iconic-btn {
  color: var(--white, #f6f4ee) !important;
  opacity: 0.7;
}
.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-iconic-btn:hover {
  opacity: 1;
  color: var(--gold, #d4a017) !important;
}

/* Each session (topic) block */
.tutor-course-single-sidebar-wrapper .tutor-course-topic {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Accordion header — the session row (الجلسة الأولى, etc.) */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  background: transparent !important;
  color: var(--white, #f6f4ee) !important;
  border: none !important;
  padding: 14px 20px !important;
  transition: background-color 0.2s ease;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-title {
  color: var(--white, #f6f4ee) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-summary {
  color: var(--paper-dark, #c7c3ba) !important;
  font-size: 0.78rem !important;
  font-weight: 500;
}

/* Active session — gold highlight */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active {
  background: rgba(212, 160, 23, 0.12) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active .tutor-course-topic-title {
  color: var(--gold, #d4a017) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active .tutor-course-topic-summary {
  color: var(--gold, #d4a017) !important;
  opacity: 0.85;
}

/* Accordion body — the lesson list under each session */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
  background: var(--ink, #161616) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 4px 0 !important;
}

/* Each lesson item */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
  background: transparent !important;
  color: var(--paper-dark, #c7c3ba) !important;
  padding: 12px 20px !important;
  border-inline-start: 3px solid transparent !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--white, #f6f4ee) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
  background: rgba(212, 160, 23, 0.14) !important;
  color: var(--gold, #d4a017) !important;
  border-inline-start-color: var(--gold, #d4a017) !important;
  font-weight: 600;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-title {
  color: inherit !important;
  font-size: 0.85rem !important;
  font-weight: 500;
}

/* Locked lesson icon visibility */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-locked {
  color: var(--muted, #6f6f6f) !important;
  opacity: 0.6;
}