/**
 * HOP Subpages — unified design system (matches Home page)
 * Uses --hop-* variables from theme.css; dark overrides below.
 */

/* ── Shared section typography ── */
.section-heading h2,
.heading h2 {
  color: var(--hop-text-secondary);
  transition: color 0.3s ease;
}

.section-heading p,
.heading p {
  color: var(--hop-text-muted);
}

/* ── Courses page ── */
#courses-list {
  background: var(--hop-bg-secondary);
  transition: background-color 0.3s ease;
}

#courses-list h2,
#courses-list .heading h2 {
  color: var(--hop-text-secondary);
}

#courses-list p {
  color: var(--hop-text-muted);
}

.courses-hero {
  transition: background-color 0.3s ease;
  isolation: isolate;
  background:
    radial-gradient(ellipse 75% 55% at 50% -5%, rgba(242, 101, 34, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, var(--hop-bg-secondary) 0%, var(--hop-bg) 100%);
}

[data-theme="dark"] .courses-hero {
  background:
    radial-gradient(ellipse 75% 55% at 50% -5%, rgba(242, 101, 34, 0.14) 0%, transparent 55%),
    linear-gradient(180deg, #111827 0%, #0A0A0A 100%) !important;
}

[data-theme="light"] .courses-hero h1 {
  color: var(--hop-text-secondary) !important;
  text-shadow: none;
}

[data-theme="light"] .courses-hero p {
  color: var(--hop-text-muted) !important;
  text-shadow: none;
}

[data-theme="light"] .courses-hero .hero-bg-text {
  color: rgba(0, 0, 0, 0.04);
}

.courses-hero .hero-bg-text {
  z-index: 0;
  color: rgba(255, 255, 255, 0.06);
  text-shadow: none;
}

.courses-hero .container {
  position: relative;
  z-index: 2;
}

.courses-hero__content {
  position: relative;
  z-index: 2;
}

.courses-hero__content::before {
  content: "";
  position: absolute;
  inset: -28px -36px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.12) 45%, transparent 72%);
  border-radius: 20px;
  z-index: -1;
  pointer-events: none;
}

.courses-hero h1 {
  color: #ffffff !important;
  font-weight: 800;
  text-shadow:
    0 2px 14px rgba(0, 0, 0, 0.38),
    0 1px 4px rgba(0, 0, 0, 0.28);
}

.courses-hero p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.32);
}

.courses-hero .educate-btn.sec {
  background-color: #F26522 !important;
  color: #ffffff !important;
  border: 2px solid #F26522 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}

.courses-hero .educate-btn.sec:hover {
  background-color: #D35400 !important;
  border-color: #D35400 !important;
  color: #ffffff !important;
}

.courses-hero .educate-btn.sec-2 {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.courses-hero .educate-btn.sec-2:hover {
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .courses-hero .educate-btn.sec {
  background-color: #F26522 !important;
  color: #ffffff !important;
  border-color: #F26522 !important;
}

[data-theme="dark"] .courses-hero .educate-btn.sec-2 {
  background-color: rgba(0, 0, 0, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .courses-hero .educate-btn.sec-2:hover {
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

@media (max-width: 767px) {
  .courses-hero__content::before {
    inset: -20px -16px;
  }

  .courses-hero .hero-bg-text {
    font-size: clamp(56px, 18vw, 120px);
  }
}

/* ── Pick Your French Course — tilted scatter cards (UI polish) ── */
.language-scatter {
  background: var(--hop-bg);
}

.language-scatter h2 {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--hop-text-secondary);
}

.language-scatter .container > p {
  color: var(--hop-text-muted);
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.scatter-container {
  padding: 16px 20px 28px;
  overflow: visible;
}

.lang-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0 10px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  flex-shrink: 0;
}

.lang-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lang-card__level {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 6px !important;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.3;
}

.lang-card__meta {
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.35;
}

/* ── FAQ page ── */
.faq-hero {
  background: var(--hop-hero-gradient) !important;
}

.faq-hero h1 {
  color: var(--hop-text-secondary);
}

.faq-hero .subtitle {
  color: var(--hop-text-muted);
}

.faq-hero-wave svg,
.faq-hero-wave svg path {
  fill: var(--hop-bg-secondary);
}

.feature-card,
.popular-card,
.category-tab,
.faq-accordion .accordion-item,
.faq-form-card,
.cta-card {
  background: var(--hop-surface);
  border: 1px solid var(--hop-border);
  color: var(--hop-text);
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.feature-card h4,
.popular-card h4 {
  color: var(--hop-text-secondary);
}

.feature-card p,
.popular-card p {
  color: var(--hop-text-muted);
}

.category-tab {
  color: var(--hop-text-muted);
}

.category-tab.active,
.category-tab:hover {
  border-color: var(--hop-primary);
  color: var(--hop-primary);
}

.faq-accordion .accordion-button {
  background: var(--hop-surface);
  color: var(--hop-text);
}

.faq-accordion .accordion-button:not(.collapsed) {
  background: var(--hop-surface-elevated);
  color: var(--hop-primary);
}

.faq-accordion .accordion-body {
  background: var(--hop-surface-elevated);
  color: var(--hop-text-muted);
}

.support-cta {
  background: var(--hop-bg);
}

.floating-group input,
.floating-group textarea,
.floating-group select {
  background: var(--hop-input-bg);
  border-color: var(--hop-input-border);
  color: var(--hop-text);
}

.floating-group label {
  color: var(--hop-text-muted);
}

/* ── Career page ── */
.join_team {
  background: var(--hop-hero-gradient) !important;
}

.benefit-item,
.position-card,
.join_form_block {
  background: var(--hop-surface);
  border: 1px solid var(--hop-border);
  box-shadow: 0 8px 30px var(--hop-shadow);
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.benefit-item:hover,
.position-card:hover {
  border-color: var(--hop-card-hover-border);
  box-shadow: 0 16px 40px var(--hop-shadow-lg);
}

.position-card h4 {
  color: var(--hop-text-secondary);
}

.join_form_block .form-control {
  background: var(--hop-input-bg);
  border-color: var(--hop-input-border);
  color: var(--hop-text);
}

.join_form_block .form-label {
  color: var(--hop-text-muted);
}

.open-positions {
  background: var(--hop-bg);
}

/* ── Events page ── */
.ev-hero {
  background: var(--hop-hero-gradient) !important;
}

.ev-hero h1 {
  color: var(--hop-text-secondary);
}

.ev-hero p.lead {
  color: var(--hop-text-muted) !important;
}

.ev-filter-btn {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
  color: var(--hop-text-muted) !important;
}

.ev-filter-btn.active,
.ev-filter-btn:hover {
  border-color: var(--hop-primary) !important;
  color: var(--hop-primary) !important;
  background: var(--hop-surface-elevated) !important;
}

.events-page section[style*="background"] {
  background: var(--hop-bg) !important;
}

/* ── Blog pages ── */

/* Premium blog cards (replaces wave PNG layout) */
.blog_card {
  position: relative;
  cursor: pointer;
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 8px 32px var(--hop-shadow) !important;
  transition: transform 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

/* Whole-card navigation via Bootstrap stretched-link */
.blog_card .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.blog_card .blog_card_text_block .blog_title {
  position: static;
}

/* Decorative text must not block the stretched-link overlay */
.blog_card .read-more-text,
.blog_card .blog_card_text_block p,
.blog_card .author,
.blog_card .author h6,
.blog_card .author img {
  pointer-events: none;
}

.blog_card a.blog_title.stretched-link {
  pointer-events: auto;
}

.blog_card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 48px var(--hop-shadow-lg) !important;
  border-color: var(--hop-card-hover-border) !important;
}

.blog_card .blog_card_img_block {
  border-radius: 0 !important;
  overflow: hidden;
}

.blog_card .blog_card_img_block img {
  border-radius: 0 !important;
}

.blog_card .blog_card_text_block {
  position: relative;
  background: var(--hop-surface-elevated) !important;
  background-image: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-top: 1px solid var(--hop-border);
}

.blog_card .blog_card_text_block .blog_title,
.blog_card .blog_card_text_block h5,
.blog_card .blog_card_text_block h5 a {
  color: var(--hop-text-secondary) !important;
  font-weight: 700;
  line-height: 1.4;
}

.blog_card .blog_card_text_block p {
  color: var(--hop-text-muted) !important;
  line-height: 1.65;
}

.blog_card .blog_card_img_block .date {
  background: var(--hop-surface-glass) !important;
  color: var(--hop-text) !important;
  border: 1px solid var(--hop-border) !important;
  backdrop-filter: blur(8px);
  font-weight: 600;
  font-size: 13px;
  padding: 6px 12px !important;
  border-radius: 8px !important;
}

.blog_card .author h6,
.blog_card .blog_card_text_block .dark-gray {
  color: var(--hop-text-muted) !important;
}

.blog_card .author img,
.blog-author-avatar {
  width: 45px;
  height: 45px;
  object-fit: contain;
  padding: 5px;
  border-radius: 50%;
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
}

.blog_card .read-more-text {
  color: var(--hop-primary) !important;
  position: relative;
  z-index: 0;
}

/* Teacher slider — keep CTA buttons clickable above slick layers */
.modern-teacher-card .btn-gradient,
.modern-teacher-card .info-card a.btn-gradient {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.team-slider .slick-slide {
  pointer-events: auto;
}

.team-slider .slick-list {
  overflow: hidden;
}

.team-slider .modern-teacher-card {
  pointer-events: auto;
}

.team-slider .slick-dots {
  position: relative;
  z-index: 5;
  margin-top: 8px;
}

.team-slider .slick-dots li button {
  pointer-events: auto;
}

/* Google reviews slider on homepage */
.google-review-slider .slick-slide {
  pointer-events: auto;
}

.google-review-slider .slick-list {
  overflow: hidden;
}

.blog_list_card {
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
  border-radius: 20px !important;
}

.blog_list_card .blog_card_text_block {
  background: var(--hop-surface-elevated) !important;
  background-image: none !important;
  margin-top: 0 !important;
}

section.py-60:has(#blogsRow) {
  background: var(--hop-bg);
}

.blog-hero-section {
  background: var(--hop-hero-gradient) !important;
}

.blog-hero-title {
  color: var(--hop-text-secondary) !important;
}

.blog-hero-desc {
  color: var(--hop-text-muted) !important;
}

.blog-search-form {
  background: var(--hop-surface-glass) !important;
  border: 1px solid var(--hop-border) !important;
  backdrop-filter: blur(16px);
}

.blog-search-form input {
  background: transparent !important;
  color: var(--hop-text) !important;
}

.blog-detail-hero {
  background: var(--hop-hero-gradient) !important;
}

.blog-title {
  color: var(--hop-text-secondary) !important;
}

.blog-meta {
  color: var(--hop-text-muted) !important;
}

.blog-content-area {
  background: var(--hop-bg-secondary) !important;
}

.blog-main-content p {
  color: var(--hop-text) !important;
}

.blog-main-content h2,
.blog-main-content h3,
.blog-main-content h4 {
  color: var(--hop-text-secondary) !important;
}

/* ── Course overview pages ── */
.course-levels-section {
  background: var(--hop-bg) !important;
}

.level-card {
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
  box-shadow: 0 8px 30px var(--hop-shadow) !important;
}

.level-card h3 {
  color: var(--hop-text-secondary) !important;
}

.level-card p,
.level-card ul li {
  color: var(--hop-text-muted) !important;
}

.section-heading h2 {
  color: var(--hop-text-secondary) !important;
}

.section-heading p {
  color: var(--hop-text-muted) !important;
}

/* French course page sections */
.core-values-section,
.exam-help-section,
.course-details-section {
  background: var(--hop-bg-secondary) !important;
}

.value-card,
.phase-card,
.detail-item,
.exam-badge,
.achievement-box {
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
  color: var(--hop-text);
}

.value-card h4,
.phase-card h4,
.exam-content h2 {
  color: var(--hop-text-secondary) !important;
}

.value-card p,
.phase-card p,
.exam-content p,
.exam-content ul li,
.achievement-box p {
  color: var(--hop-text-muted) !important;
}

.journey-section {
  background: var(--hop-bg) !important;
}

.phase-card:hover {
  background: var(--hop-surface-elevated) !important;
}

.course-details-box {
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
}

/* ── View brochure & coming soon ── */
.viewer-container,
.syllabus-card,
.syllabus-overview {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
  color: var(--hop-text);
}

.coming-soon .container,
.coming-soon-container {
  background: var(--hop-surface-glass) !important;
  border: 1px solid var(--hop-border) !important;
  backdrop-filter: blur(18px);
}

.coming-soon h2 {
  color: var(--hop-text-secondary) !important;
}

.coming-soon p {
  color: var(--hop-text-muted) !important;
}

.coming-soon input[type="email"] {
  background: var(--hop-input-bg) !important;
  border-color: var(--hop-input-border) !important;
  color: var(--hop-text) !important;
}

/* ══════════════════════════════════════════
   DARK MODE — premium overrides (!important beats inline styles)
   ══════════════════════════════════════════ */

[data-theme="dark"] #courses-list {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] #courses-list h2,
[data-theme="dark"] #courses-list .heading h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] #courses-list p {
  color: var(--hop-text-muted) !important;
}

/* ── Dark mode: premium glass course cards (layout unchanged) ── */
[data-theme="dark"] #courses-list::before,
[data-theme="dark"] #courses-list::after {
  opacity: 0.035 !important;
  filter: blur(160px);
}

[data-theme="dark"] .glass-card {
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

[data-theme="dark"] .glass-card::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent) !important;
}

[data-theme="dark"] .glass-card::after {
  opacity: 0.16 !important;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
}

[data-theme="dark"] .glass-card:hover {
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

[data-theme="dark"] .glass-card:hover::after {
  opacity: 0.22 !important;
}

/* French course cards — 4-card layout */
[data-theme="dark"] #courses-list .col-lg-6:nth-child(1) .glass-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 100%),
    linear-gradient(145deg, #2a2868 0%, #1e3a72 55%, #172850 100%) !important;
}

[data-theme="dark"] #courses-list .col-lg-6:nth-child(2) .glass-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 100%),
    linear-gradient(145deg, #18324f 0%, #16404e 52%, #122f3a 100%) !important;
}

[data-theme="dark"] #courses-list .col-lg-6:nth-child(3) .glass-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 100%),
    linear-gradient(145deg, #342550 0%, #2f3348 52%, #282f3e 100%) !important;
}

[data-theme="dark"] #courses-list .col-lg-6:nth-child(4) .glass-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 100%),
    linear-gradient(145deg, #1f4a62 0%, #1a3d52 52%, #143244 100%) !important;
}

[data-theme="dark"] .glass-card.coming-soon {
  opacity: 0.82 !important;
}

[data-theme="dark"] .glass-card-title,
[data-theme="dark"] .glass-card-title a {
  color: #ffffff !important;
}

[data-theme="dark"] .glass-card-title a:hover {
  color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .glass-card-desc {
  color: #EBEDF0 !important;
}

[data-theme="dark"] .glass-course-meta {
  color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .glass-course-meta i {
  color: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="dark"] .icon-box {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .glass-card:hover .icon-box {
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .icon-box.icon-blue   { color: #7eb8f7 !important; }
[data-theme="dark"] .icon-box.icon-green  { color: #6ee7a8 !important; }
[data-theme="dark"] .icon-box.icon-orange { color: #f5a88a !important; }
[data-theme="dark"] .icon-box.icon-purple { color: #c4a8e8 !important; }
[data-theme="dark"] .icon-box.icon-yellow { color: #e8d48a !important; }
[data-theme="dark"] .icon-box.icon-teal   { color: #7ecfc4 !important; }

[data-theme="dark"] .glass-pill-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="dark"] .glass-pill-btn:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .glass-pill-demo {
  background: rgba(242, 101, 34, 0.88) !important;
  border-color: rgba(242, 101, 34, 0.45) !important;
}

[data-theme="dark"] .glass-pill-demo:hover {
  background: var(--hop-primary) !important;
  border-color: var(--hop-primary) !important;
}

[data-theme="dark"] .course_tag_img {
  opacity: 0.5 !important;
}

[data-theme="dark"] .language-scatter {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .language-scatter h2 {
  color: var(--hop-text-secondary) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
}

[data-theme="dark"] .language-scatter .container > p {
  color: var(--hop-text-muted) !important;
}

/* Dark mode: moody reference card gradients */
[data-theme="dark"] .lang-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32) !important;
}

[data-theme="dark"] .lang-card:nth-child(1) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 38%),
    linear-gradient(135deg, #2C353F 0%, #222930 52%, #1A1F25 100%) !important;
}

[data-theme="dark"] .lang-card:nth-child(2) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 38%),
    linear-gradient(135deg, #4A3F35 0%, #352e27 52%, #26211C 100%) !important;
}

[data-theme="dark"] .lang-card:nth-child(3) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 38%),
    linear-gradient(135deg, #322F3D 0%, #27242f 52%, #1B1A22 100%) !important;
}

[data-theme="dark"] .lang-card:nth-child(4) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 38%),
    linear-gradient(135deg, #2D3B2D 0%, #232d23 52%, #181F18 100%) !important;
}

[data-theme="dark"] .language-scatter.animated .lang-card {
  opacity: 1 !important;
}

[data-theme="dark"] .lang-card__icon {
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: transparent;
}

[data-theme="dark"] .lang-card h3 {
  color: #ffffff !important;
  text-shadow: none;
}

[data-theme="dark"] .lang-card__level,
[data-theme="dark"] .lang-card__meta {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .lang-card:hover {
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.36) !important;
}

@media (max-width: 575px) {
  [data-theme="dark"] .lang-card h3 {
    font-size: 1.1rem;
  }

  [data-theme="dark"] .lang-card:nth-child(3) h3,
  [data-theme="dark"] .lang-card:nth-child(4) h3 {
    font-size: 0.98rem;
  }
}

/* FAQ dark */
[data-theme="dark"] .faq-hero {
  background: radial-gradient(circle at 30% 20%, rgba(242, 101, 34, 0.08) 0%, transparent 50%), var(--hop-bg) !important;
}

[data-theme="dark"] .faq-hero h1 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .faq-hero .subtitle {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .faq-hero-wave svg,
[data-theme="dark"] .faq-hero-wave svg path {
  fill: var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .feature-card,
[data-theme="dark"] .popular-card,
[data-theme="dark"] .category-tab,
[data-theme="dark"] .faq-accordion .accordion-item,
[data-theme="dark"] .faq-form-card,
[data-theme="dark"] .cta-card {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px var(--hop-shadow) !important;
}

[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .popular-card:hover,
[data-theme="dark"] .cta-card:hover {
  border-color: var(--hop-card-hover-border) !important;
  box-shadow: 0 16px 48px var(--hop-shadow-lg) !important;
  transform: translateY(-4px);
}

[data-theme="dark"] .feature-card h4,
[data-theme="dark"] .popular-card h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .feature-card p,
[data-theme="dark"] .popular-card p {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .category-tab {
  background: var(--hop-surface) !important;
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .category-tab.active {
  background: rgba(242, 101, 34, 0.12) !important;
  color: var(--hop-primary) !important;
  border-color: var(--hop-primary) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button {
  background: var(--hop-surface-elevated) !important;
  color: var(--hop-text) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button:not(.collapsed) {
  background: var(--hop-surface) !important;
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .faq-accordion .accordion-body {
  background: var(--hop-surface) !important;
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .support-cta {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .section-tag {
  color: var(--hop-primary) !important;
}

/* Career dark */
[data-theme="dark"] .join_team {
  background: radial-gradient(circle at 70% 30%, rgba(242, 101, 34, 0.08) 0%, transparent 55%), var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .hero-title {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .benefit-item,
[data-theme="dark"] .position-card,
[data-theme="dark"] .join_form_block {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
  backdrop-filter: blur(12px);
}

[data-theme="dark"] .benefit-item:hover,
[data-theme="dark"] .position-card:hover {
  border-color: var(--hop-card-hover-border) !important;
}

[data-theme="dark"] .position-card h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .position-tag {
  background: rgba(242, 101, 34, 0.12) !important;
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .join_form_block .form-label {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .open-positions {
  background: var(--hop-bg) !important;
}

/* Events dark */
[data-theme="dark"] .ev-hero {
  background: radial-gradient(circle at 50% 0%, rgba(242, 101, 34, 0.08) 0%, transparent 70%), var(--hop-bg) !important;
}

[data-theme="dark"] .ev-hero h1 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .ev-hero p.lead {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .ev-filter-btn {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .ev-filter-btn.active {
  background: rgba(242, 101, 34, 0.12) !important;
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .events-page .event-card,
[data-theme="dark"] .ev-grid .event-card {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
  box-shadow: 0 8px 32px var(--hop-shadow) !important;
}

[data-theme="dark"] .event-card__title {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .event-card__desc,
[data-theme="dark"] .event-card__date {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .ev-no-results i {
  color: var(--hop-text-muted) !important;
}

/* Blog dark */
[data-theme="dark"] .blog-hero-section {
  background: radial-gradient(circle at 50% 0%, rgba(242, 101, 34, 0.08) 0%, transparent 70%), var(--hop-bg) !important;
}

[data-theme="dark"] .blog-hero-title {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .blog-hero-desc {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .blog-search-form {
  background: var(--hop-surface-glass) !important;
  border-color: var(--hop-border) !important;
  box-shadow: 0 12px 40px var(--hop-shadow) !important;
}

[data-theme="dark"] .blog_card {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
  backdrop-filter: blur(12px);
}

[data-theme="dark"] .blog_card:hover {
  border-color: var(--hop-card-hover-border) !important;
  box-shadow: 0 24px 56px var(--hop-shadow-lg) !important;
}

[data-theme="dark"] .blog_card .blog_card_text_block {
  background: var(--hop-surface) !important;
  border-top-color: var(--hop-border) !important;
}

[data-theme="dark"] .blog_card .blog_card_text_block .blog_title,
[data-theme="dark"] .blog_card .blog_card_text_block h5,
[data-theme="dark"] .blog_card .blog_card_text_block h5 a {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .blog_card .blog_card_text_block p {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .blog_card .blog_card_img_block .date {
  background: rgba(21, 24, 28, 0.88) !important;
  color: var(--hop-text) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .blog_card .author h6,
[data-theme="dark"] .blog_card .dark-gray {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .blog_card .author img {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .blog_list_card {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] section.py-60:has(#blogsRow) {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] #noResultsMsg h3 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] #noResultsMsg p,
[data-theme="dark"] #noResultsMsg i {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .blog-detail-hero {
  background: radial-gradient(circle at 50% 0%, rgba(242, 101, 34, 0.08) 0%, transparent 70%), var(--hop-bg) !important;
}

[data-theme="dark"] .blog-title {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .blog-meta {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .blog-content-area {
  background: var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .blog-main-content p {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .blog-category {
  color: var(--hop-primary) !important;
}

/* Course overview dark */
[data-theme="dark"] .course-levels-section {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .level-card {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
  box-shadow: 0 8px 32px var(--hop-shadow) !important;
}

[data-theme="dark"] .level-card:hover {
  border-color: var(--hop-card-hover-border) !important;
  box-shadow: 0 16px 48px var(--hop-shadow-lg) !important;
}

[data-theme="dark"] .level-card h3 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .level-card p,
[data-theme="dark"] .level-card ul li {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .section-heading h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .section-heading p {
  color: var(--hop-text-muted) !important;
}

/* French course dark */
[data-theme="dark"] .core-values-section,
[data-theme="dark"] .exam-help-section,
[data-theme="dark"] .course-details-section {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .value-card,
[data-theme="dark"] .phase-card,
[data-theme="dark"] .detail-item,
[data-theme="dark"] .achievement-box {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
  box-shadow: 0 8px 32px var(--hop-shadow) !important;
}

[data-theme="dark"] .value-card h4,
[data-theme="dark"] .phase-card h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .value-card p,
[data-theme="dark"] .phase-card p {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .journey-section {
  background: var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .phase-card:hover {
  background: var(--hop-surface) !important;
  border-color: var(--hop-card-hover-border) !important;
}

[data-theme="dark"] .exam-badge {
  background: var(--hop-surface) !important;
  border: 1px solid var(--hop-border) !important;
}

[data-theme="dark"] .exam-badge span {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .exam-content h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .exam-content p,
[data-theme="dark"] .exam-content ul li {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .course-details-box {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

/* Course detail shared (cd-*) dark */
[data-theme="dark"] .breadcrumb-area {
  background: var(--hop-bg-secondary) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .breadcrumb-list li a {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .cd-hero {
  background: radial-gradient(circle at 50% 0%, rgba(242, 101, 34, 0.08) 0%, transparent 70%), var(--hop-bg) !important;
}

[data-theme="dark"] .cd-hero h1 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .highlight-pill {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
  color: var(--hop-text) !important;
  box-shadow: 0 4px 20px var(--hop-shadow) !important;
}

[data-theme="dark"] .cd-about h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .learning-list li {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .accordion-item {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .accordion-item:has(.accordion-button[aria-expanded="true"]) .accordion-header {
  background: rgba(242, 101, 34, 0.08) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .accordion-button {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .accordion-button[aria-expanded="true"] {
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .accordion-icon-wrap {
  background: var(--hop-surface) !important;
}

[data-theme="dark"] .accordion-icon-wrap i {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .accordion-content {
  background: var(--hop-surface) !important;
}

[data-theme="dark"] .accordion-content__inner {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .benefit-card {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .benefit-card h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .benefit-card p {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .benefit-icon {
  background: rgba(242, 101, 34, 0.12) !important;
}

[data-theme="dark"] .enquiry-form-wrapper {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
  backdrop-filter: blur(14px);
}

[data-theme="dark"] .enquiry-form-wrapper .form-control {
  background: var(--hop-input-bg) !important;
  border-color: var(--hop-input-border) !important;
  color: var(--hop-text) !important;
}

[data-theme="dark"] .enquiry-form-wrapper .form-control:focus {
  background: var(--hop-surface) !important;
  border-color: var(--hop-primary) !important;
}

[data-theme="dark"] .enquiry-form-wrapper label {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .syllabus-level-card {
  background: rgba(21, 24, 28, 0.78) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--hop-border) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
}

[data-theme="dark"] .syllabus-level-card:hover {
  border-color: rgba(242, 101, 34, 0.28) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(242, 101, 34, 0.08) !important;
  transform: translateY(-4px);
}

[data-theme="dark"] .syllabus-level-card h3,
[data-theme="dark"] .syllabus-level-card h4 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-button,
[data-theme="dark"] .syllabus-level-card .accordion-button:not(.collapsed),
[data-theme="dark"] .syllabus-level-card .accordion-button[aria-expanded="true"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-item:has(.accordion-button[aria-expanded="true"]) .accordion-header {
  background: rgba(242, 101, 34, 0.1) !important;
  border-bottom: 1px solid rgba(242, 101, 34, 0.15) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-button[aria-expanded="true"] {
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--hop-border) !important;
  border-radius: 0 !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-item:hover {
  border-bottom-color: rgba(242, 101, 34, 0.2) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-item:has(.accordion-button[aria-expanded="true"]) {
  border-bottom-color: rgba(242, 101, 34, 0.25) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-content {
  background: rgba(0, 0, 0, 0.18) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-content__inner {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .syllabus-level-card p,
[data-theme="dark"] .syllabus-list li {
  color: #d1d5db !important;
}

[data-theme="dark"] .syllabus-list li::before {
  color: var(--hop-primary) !important;
}

/* Course Syllabus section — dark theme */
[data-theme="dark"] .cd-curriculum.bg-light,
[data-theme="dark"] section.cd-curriculum,
[data-theme="dark"] .cd-about.bg-light,
[data-theme="dark"] .cd-enquiry.bg-light,
[data-theme="dark"] .cd-benefits.bg-light {
  background: var(--hop-bg) !important;
  background-color: var(--hop-bg) !important;
}

[data-theme="dark"] .cd-curriculum.py-80 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

[data-theme="dark"] .cd-curriculum .heading.mb-64 {
  margin-bottom: 2.25rem !important;
}

[data-theme="dark"] .cd-curriculum .heading h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .cd-curriculum .heading p {
  color: var(--hop-text-muted) !important;
  font-size: 1.02rem;
}

[data-theme="dark"] .cd-curriculum .section-tag {
  background: rgba(242, 101, 34, 0.12) !important;
  border: 1px solid rgba(242, 101, 34, 0.22);
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .cd-curriculum .col-lg-6.mb-40 {
  margin-bottom: 1.5rem !important;
}

/* Premium level headers (less bright, richer gradients) */
[data-theme="dark"] .level-header.a1 {
  background: linear-gradient(135deg, #7a3218 0%, #5c1a35 100%) !important;
}

[data-theme="dark"] .level-header.a2 {
  background: linear-gradient(135deg, #1a4568 0%, #1a5568 100%) !important;
}

[data-theme="dark"] .level-header.b1 {
  background: linear-gradient(135deg, #352d72 0%, #3f2560 100%) !important;
}

[data-theme="dark"] .level-header.b2 {
  background: linear-gradient(135deg, #5c2840 0%, #6a3048 100%) !important;
}

[data-theme="dark"] .level-header {
  border-bottom: 2px solid rgba(242, 101, 34, 0.2) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-button:hover .accordion-icon-wrap {
  background: rgba(242, 101, 34, 0.14) !important;
}

[data-theme="dark"] .syllabus-level-card .accordion-button[aria-expanded="true"] .accordion-icon-wrap {
  background: rgba(242, 101, 34, 0.18) !important;
  box-shadow: 0 2px 8px rgba(242, 101, 34, 0.2) !important;
}

@media (max-width: 767px) {
  [data-theme="dark"] .cd-curriculum.py-80 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  [data-theme="dark"] .syllabus-level-card .accordion-button {
    padding: 16px 20px !important;
    font-size: 0.98rem !important;
  }

  [data-theme="dark"] .syllabus-level-card .accordion-content__inner {
    padding: 12px 20px 18px !important;
  }
}

/* Brochure & coming soon dark */
[data-theme="dark"] body.view-brochure,
[data-theme="dark"] .viewer-container {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .syllabus-card,
[data-theme="dark"] .syllabus-overview {
  background: var(--hop-surface-elevated) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .btn-secondary {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
  color: var(--hop-text) !important;
}

[data-theme="dark"] .coming-soon body,
[data-theme="dark"] body.coming-soon-page {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .coming-soon .container {
  background: var(--hop-surface-glass) !important;
  border-color: var(--hop-border) !important;
}

/* Generic page sections with inline light backgrounds */
[data-theme="dark"] section[style*="background: #f"],
[data-theme="dark"] section[style*="background:#f"],
[data-theme="dark"] section[style*="background: #e"],
[data-theme="dark"] section[style*="background:#e"],
[data-theme="dark"] div[style*="background: #EDF"],
[data-theme="dark"] div[style*="background:#EDF"],
[data-theme="dark"] div[style*="background: #f8"],
[data-theme="dark"] div[style*="background:#f8"] {
  background: var(--hop-bg) !important;
}

[data-theme="dark"] .py-60 {
  background-color: transparent;
}

[data-theme="dark"] .clevel-card {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
}

[data-theme="dark"] .clevel-card h3,
[data-theme="dark"] .clevel-card h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .clevel-card p {
  color: var(--hop-text-muted) !important;
}

/* FAQ icon boxes */
[data-theme="dark"] .feature-card .icon-box {
  background: rgba(242, 101, 34, 0.12) !important;
  color: var(--hop-primary) !important;
}

[data-theme="dark"] .feature-card:hover .icon-box {
  background: var(--hop-primary) !important;
  color: #fff !important;
}

/* Coming soon glass panel */
[data-theme="dark"] body > .container.animate__zoomIn {
  background: var(--hop-surface-glass) !important;
  border-color: var(--hop-border) !important;
  box-shadow: 0 25px 50px var(--hop-shadow-lg) !important;
}

[data-theme="dark"] body > .container.animate__zoomIn h1,
[data-theme="dark"] body > .container.animate__zoomIn h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] body > .container.animate__zoomIn p {
  color: var(--hop-text-muted) !important;
}

[data-theme="dark"] .coming-soon .icon-box {
  box-shadow: 0 10px 30px rgba(242, 101, 34, 0.3) !important;
}

/* PDF / policy page */
[data-theme="dark"] body.policy-page,
[data-theme="dark"] pages-pdf body {
  background: var(--hop-bg) !important;
  color: var(--hop-text) !important;
}

/* Contact page — reinforce glass cards */
[data-theme="dark"] .contact-page-wrap .info-card,
[data-theme="dark"] .contact-page-wrap .form-container-card {
  backdrop-filter: blur(14px);
}

/* Course detail hero badges */
[data-theme="dark"] .course-detail-hero .hero-meta-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* IELTS extras */
[data-theme="dark"] .course-details-box,
[data-theme="dark"] .ielts-info-box {
  background: var(--hop-surface-elevated) !important;
  border: 1px solid var(--hop-border) !important;
}

[data-theme="dark"] .ielts-info-box h4,
[data-theme="dark"] .course-details-box h4 {
  color: var(--hop-text) !important;
}

[data-theme="dark"] .ielts-info-box p,
[data-theme="dark"] .course-details-box p {
  color: var(--hop-text-muted) !important;
}

/* Brochure viewer */
[data-theme="dark"] .viewer-container {
  background: var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .viewer-toolbar {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
}

[data-theme="dark"] .syllabus-card h3,
[data-theme="dark"] .syllabus-overview h2 {
  color: var(--hop-text-secondary) !important;
}

[data-theme="dark"] .syllabus-card p,
[data-theme="dark"] .syllabus-card li {
  color: var(--hop-text-muted) !important;
}

/* Page title / breadcrumb from app.css */
[data-theme="dark"] .page-title-area {
  background: var(--hop-bg-secondary) !important;
}

[data-theme="dark"] .page-title-area h1 {
  color: var(--hop-text-secondary) !important;
}

/* Rules list on career page */
[data-theme="dark"] .rules li {
  color: var(--hop-text-muted) !important;
}

/* Upload area career */
[data-theme="dark"] .upload-btn {
  background: var(--hop-surface) !important;
  border-color: var(--hop-border) !important;
  color: var(--hop-text) !important;
}

[data-theme="dark"] .upload-btn:hover {
  border-color: var(--hop-primary) !important;
  color: var(--hop-primary) !important;
}

/* Smooth transitions on all themed page surfaces */
[data-theme="dark"] .feature-card,
[data-theme="dark"] .popular-card,
[data-theme="dark"] .benefit-item,
[data-theme="dark"] .position-card,
[data-theme="dark"] .level-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .phase-card,
[data-theme="dark"] .accordion-item,
[data-theme="dark"] .benefit-card,
[data-theme="dark"] .blog_card,
[data-theme="dark"] .event-card {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}