/* Remove white shadow from course titles in ONLINE COURSES section */
#features026-13 .card-title,
#features026-13 .card-text,
#features026-13 .card-title *,
#features026-13 .card-text * {
  -webkit-text-stroke: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Custom styles for cart count badge */
.cart-count {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #006400; /* Dark green */
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  font-family: 'Noto Sans', sans-serif;
  z-index: 1;
}

/* Position the cart link to be relative for absolute positioning of the badge */
.cid-uPzZSnq0i0 .navbar-nav .nav-item:last-child .nav-link {
  position: relative;
  padding-right: 24px !important;
}

/* Restore header text color to soft orange */
#hero-17-uPzZSnq3bq .mbr-section-subtitle,
#hero-17-uPzZSnq3bq .mbr-section-subtitle div {
  color: #F4A460 !important; /* Soft orange color */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Adjust icon spacing */
.cid-uPzZSnq0i0 .navbar-nav .nav-item:last-child .nav-link .mbr-iconfont {
  margin-right: 5px;
}

/* Masterclass 'Who Steals Your Luck?' section */
#video02-w {
  position: relative;
}

/* Desktop styles */
@media (min-width: 768px) {
  #video02-w {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* Remove any overlay/dimming effects */
#video02-w::before {
  content: none !important;
}

/* Ensure content is visible */
#video02-w .container-fluid,
#video02-w .content-head h3 {
  position: relative;
  z-index: 2;
}

/* Mobile specific styles - Very targeted approach */
@media (max-width: 767px) {
  /* Only set the background on the body for mobile */
  body {
    background: url('../images/Cart2.png') no-repeat top center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Ensure html element also has no margin/padding */
  html {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Only target specific sections that need transparent backgrounds on mobile */
  #video02-w,
  #features026-13-luck,
  #header09-10 {
    background: transparent !important;
  }
  
  /* Remove overlays only from specific sections */
  #video02-w .mbr-overlay,
  #features026-13-luck .mbr-overlay,
  #header09-10 .mbr-overlay,
  .cid-uPHe1FuqkI .mbr-overlay {
    display: none !important;
  }
  
  /* Cart block styling - 10% narrower */
  .cart-container {
    width: 80% !important;
    margin: 10px auto !important;
    background-color: rgba(245, 235, 220, 0.9) !important;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    z-index: 1;
  }
  
  /* Button styling */
  .btn-primary {
    background-color: #734220 !important;
    border-color: #5a3319 !important;
  }
  
  /* Ensure text remains visible */
  .text-white, 
  .mbr-white,
  .btn-primary,
  .btn-primary:hover {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  }
  
  .btn-primary:hover {
    background-color: #8a4e26 !important;
  }
}

/* Desktop specific styles */
@media (min-width: 768px) {
  /* Remove parallax effect from all sections */
  section {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  
  /* Masterclass section specific styles */
  #video02-w {
    background-image: url('../images/1-29-1024x1536.png') !important;
    min-height: 100vh;
    background-attachment: scroll !important;
    background-size: cover !important;
  }
  
  /* Remove any overlay effects */
  #video02-w::before {
    content: none !important;
  }
  /* Subtle text shadow for gentle glow around text */
.text-shadow-subtle {
  .text-shadow-subtle {
   text-shadow:
    0.5px 0.5px 1px rgba(0, 0, 0, 0.4) !important,
    -0.5px -0.5px 1px rgba(0, 0, 0, 0.4) !important,
    0.5px -0.5px 1px rgba(0, 0, 0, 0.4) !important,
    -0.5px 0.5px 1px rgba(0, 0, 0, 0.4) !important;
}
.text-outline {
  color: #deb887; /* light brown text */
  -webkit-text-stroke: 1.5px black; /* black outline */
  text-stroke: 1.5px black; /* Firefox fallback (limited support) */
  text-shadow:
    1px 1px 1px black,
    -1px -1px 1px black,
    1px -1px 1px black,
    -1px 1px 1px black; /* subtle shadow fallback */
}
p.display-4 {
  text-shadow: 3px 3px 7px rgba(0, 0, 0, 1) !important;
  color: #deb887 !important; /* light brown */
}/* Force shadow on About the Author paragraph */
section.cid-uPzZSnB5U7 p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4.text-shadow-3b {
  text-shadow: 3px 3px 7px rgba(0, 0, 0, 1) !important;
  color: #ffffff !important; /* White text for better contrast on dark background */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
@media (max-width: 767px) {
  section.cid-uPzZSnB5U7 p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4.text-shadow-3b {
    text-shadow: 3px 3px 7px rgba(0, 0, 0, 1) !important;
    color: #ffffff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
}section.cid-uPzZSnB5U7 p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
  text-shadow: 3px 3px 7px rgba(0, 0, 0, 1) !important;
  color: #ffffff !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
@media (max-width: 767px) {
  section.cid-uPzZSnB5U7 p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
    text-shadow: 3px 3px 7px rgba(0, 0, 0, 1) !important;
    color: #ffffff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
  -webkit-text-stroke: 1px black !important;
  color: #deb887 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 900 !important;
}
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-5 {
  -webkit-text-stroke: 1px black !important;
  color: #deb887 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 1200 !important;
}
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-2 {
  -webkit-text-stroke: 1px black !important;
  color: #deb887 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 1200 !important;
}
@media (max-width: 767px) {
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
    -webkit-text-stroke: 1px black !important;
    color: #deb887 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  /* Responsive font size for mobile */
@media (max-width: 767px) {
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
  }
/* 1. Add padding-bottom to create space below each line */
@media (max-width: 767px) {
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
    padding-bottom: 0.5em !important;
  }
}

/* 2. Limit font size more strictly */
@media (max-width: 767px) {
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-4 {
    font-size: clamp(1.2rem, 4vw, 1.8rem) !important;
  }
}

  
.shantell-sans-<uniquifier> {
  font-family: "Shantell Sans", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "BNCE" 45,
    "INFM" 54,
    "SPAC" 0;
}
.comforter-brush-regular {
  font-family: "Comforter Brush", cursive;
  font-weight: 400;
  font-style: normal;
}
.lobster-two-regular {
  font-family: "Lobster Two", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lobster-two-bold {
  font-family: "Lobster Two", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lobster-two-regular-italic {
  font-family: "Lobster Two", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lobster-two-bold-italic {
  font-family: "Lobster Two", sans-serif;
  font-weight: 700;
  font-style: italic;
}
/* Force readable Russian font for all .mbr-description */
.mbr-description {
    font-family: 'PT Sans', 'Noto Sans', Arial, sans-serif !important;
    -webkit-text-stroke: 1px black !important;
    color: #deb887 !important;
    font-weight: 780 !important;
    font-size: 23px !important;
    line-height: 1.4 !important;
}
/* Mobile-only: Force font for the specific About the Author text */
@media (max-width: 767px) {
  p.mbr-description.mbr-fonts-style.mb-0.align-center.display-8.about-author-text {
    font-family: 'Noto Sans', 'PT Sans', Arial, sans-serif !important;
    color: #deb887 !important;
    font-weight: 400 !important; /* Lighter for mobile readability */
    font-size: clamp(1rem, 3.8vw, 1.5rem) !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
    padding: 10px !important;
    -webkit-text-stroke: 0 !important;
    text-stroke: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    background: none !important; /* No new background, uses mobile.png from body */
  }
}