/*
 * Bunny English 4.3.3 — late-loaded dark-mode compatibility layer.
 * Loaded after Bunny Core / Bunny Membership styles so plugin rules cannot
 * restore light-theme colors on dark surfaces.
 */

html[data-bunny-theme="dark"]{
  /* Extra aliases used by different Bunny Core / Membership releases. */
  --bny-color-bg:#0f1724;
  --bny-color-surface:#182538;
  --bny-color-surface-soft:#142033;
  --bny-color-card:#182538;
  --bny-color-text:#eef5ff;
  --bny-color-heading:#f5f9ff;
  --bny-color-muted:#aebdce;
  --bny-color-border:#304158;
  --bny-heading:#f5f9ff;
  --bny-link:#b7d9f2;
  --bem-color-bg:#0f1724;
  --bem-color-surface:#182538;
  --bem-color-text:#eef5ff;
  --bem-color-heading:#f5f9ff;
  --bem-color-muted:#aebdce;
  --bem-color-border:#304158;
}

/* -------------------------------------------------------------------------
 * Bunny Core library cards
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .bny-content-card,
  a.bny-content-card,
  .library-content-grid .bny-content-card
){
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-content-card>a,
  a.bny-content-card,
  .bny-content-card__link,
  .bny-content-card__body>a
){
  color:inherit!important;
  text-decoration:none;
}

/* Placeholder/cover areas must not remain nearly white in dark mode. */
html[data-bunny-theme="dark"] :is(
  .bny-content-card__visual,
  .bny-content-card__media,
  .bny-content-card__cover,
  .bny-content-card__thumbnail-wrap,
  .bny-content-card__placeholder,
  .bny-content-placeholder
){
  background:
    radial-gradient(circle at 18% 18%,rgba(189,102,140,.18),transparent 34%),
    radial-gradient(circle at 82% 72%,rgba(76,132,177,.2),transparent 38%),
    linear-gradient(145deg,#1c2c41,#242235)!important;
  border-color:#34475f!important;
  color:#d7b7ed!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-content-card__visual,
  .bny-content-card__media,
  .bny-content-card__cover
) :is(svg,.bunny-icon){
  color:#d8b8ef!important;
  --ph-secondary:#9c5878;
}

html[data-bunny-theme="dark"] .bny-content-card__body{
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
}

/* The real-site bug shown in the screenshot: plugin title links had a fixed
 * dark navy color. Cover all title markup variants used across Core versions. */
html[data-bunny-theme="dark"] .bny-content-card :is(
  h1,h2,h3,h4,h5,h6,
  .bny-content-card__title,
  .bny-content-card__heading,
  .bny-content-card__name,
  .entry-title,
  [class$="__title"]
),
html[data-bunny-theme="dark"] .bny-content-card :is(
  h1,h2,h3,h4,h5,h6,
  .bny-content-card__title,
  .bny-content-card__heading,
  .bny-content-card__name,
  .entry-title,
  [class$="__title"]
) a,
html[data-bunny-theme="dark"] :is(
  a.bny-content-card__title,
  a.bny-content-card__heading,
  a.bny-content-card__name
){
  color:#f4f8ff!important;
  opacity:1!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}

html[data-bunny-theme="dark"] .bny-content-card :is(
  p,small,
  .bny-content-card__excerpt,
  .bny-content-card__description,
  .bny-content-card__source,
  .bny-content-card__author,
  .bny-content-card__creator,
  .bny-content-card__meta,
  .bny-content-card__meta a
){
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bny-content-card__meta :is(span,a,small){
  color:#b8c7d7!important;
}

html[data-bunny-theme="dark"] .bny-content-card__meta :is(svg,.bunny-icon){
  color:#e0a8c1!important;
  --ph-secondary:#6f4058;
}

/* Content type/category chips shown over the card cover. */
html[data-bunny-theme="dark"] .bny-content-card :is(
  .bny-content-card__badge,
  .bny-content-card__type,
  .bny-content-card__chip,
  .bny-content-card__pill,
  .bny-content-card__taxonomy,
  .content-type-badge,
  .content-badge
){
  background:rgba(24,37,56,.94)!important;
  color:#dceaf7!important;
  border:1px solid #40556f!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
}

html[data-bunny-theme="dark"] .bny-content-card__lock{
  background:#332332!important;
  color:#f0b3cd!important;
  border:1px solid #5a3b50!important;
  box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
}

html[data-bunny-theme="dark"] .bny-content-card:hover{
  background:#1b2a3f!important;
  border-color:#49627f!important;
  box-shadow:0 18px 44px rgba(0,0,0,.38)!important;
}
html[data-bunny-theme="dark"] .bny-content-card:hover .bny-content-card__body{
  background:#1b2a3f!important;
}
html[data-bunny-theme="dark"] .bny-content-card:focus-within{
  outline:3px solid rgba(218,126,164,.34);
  outline-offset:3px;
}

/* -------------------------------------------------------------------------
 * Other Bunny Core cards and late plugin components
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .bny-program-card,
  .bny-week-card,
  .bny-level-card,
  .bny-course-card,
  .bny-library-card,
  .bny-search-card,
  .bem-plan-card,
  .bem-membership-card,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
){
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-program-card,
  .bny-week-card,
  .bny-level-card,
  .bny-course-card,
  .bny-library-card,
  .bny-search-card,
  .bem-plan-card,
  .bem-membership-card,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
) :is(h1,h2,h3,h4,h5,h6,strong,b,[class$="__title"],[class$="__heading"]){
  color:#f4f8ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-program-card,
  .bny-week-card,
  .bny-level-card,
  .bny-course-card,
  .bny-library-card,
  .bny-search-card,
  .bem-plan-card,
  .bem-membership-card,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
) :is(p,small,[class$="__meta"],[class$="__description"],[class$="__excerpt"]){
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-program-card,
  .bny-week-card,
  .bny-level-card,
  .bny-course-card,
  .bny-library-card,
  .bny-search-card,
  .bem-plan-card,
  .bem-membership-card,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
) a:not(.bunny-btn):not(.bny-action):not(.button){
  color:#c7e3f6!important;
}

/* -------------------------------------------------------------------------
 * Late-loaded forms, filters, tables, notices and modal surfaces
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .library-filter-shell,
  .library-filter-form,
  .bny-filter-panel,
  .bny-search-panel,
  .bny-modal__dialog,
  .bny-dialog,
  .bem-modal__dialog,
  .bem-notice,
  .bny-notice
){
  color:#eef5ff!important;
  border-color:#34475f!important;
}

html[data-bunny-theme="dark"] :is(
  .library-filter-shell,
  .bny-filter-panel,
  .bny-search-panel,
  .bny-modal__dialog,
  .bny-dialog,
  .bem-modal__dialog
){
  background:#182538!important;
}

html[data-bunny-theme="dark"] :is(
  .library-filter-shell,
  .bny-filter-panel,
  .bny-search-panel,
  .bny-modal__dialog,
  .bny-dialog,
  .bem-modal__dialog,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
) :is(label,legend,h1,h2,h3,h4,strong,b){
  color:#eef5ff!important;
}

html[data-bunny-theme="dark"] :is(
  .library-filter-shell,
  .bny-filter-panel,
  .bny-search-panel,
  .bny-modal__dialog,
  .bny-dialog,
  .bem-modal__dialog,
  .bem-account-card,
  .bem-dashboard-card,
  .bem-payment-card,
  .bem-form-card
) :is(p,small,.description,.help-text){
  color:#aebdce!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-table,
  .bem-table,
  .bny-account-table,
  .bem-account-table
){
  background:#182538!important;
  color:#dbe6f2!important;
  border-color:#34475f!important;
}
html[data-bunny-theme="dark"] :is(.bny-table,.bem-table,.bny-account-table,.bem-account-table) :is(th,td){
  color:inherit!important;
  border-color:#34475f!important;
}
html[data-bunny-theme="dark"] :is(.bny-table,.bem-table,.bny-account-table,.bem-account-table) th{
  background:#142033!important;
  color:#f0f6fd!important;
}

/* Native browser autofill can otherwise create bright yellow/white fields. */
html[data-bunny-theme="dark"] input:-webkit-autofill,
html[data-bunny-theme="dark"] input:-webkit-autofill:hover,
html[data-bunny-theme="dark"] input:-webkit-autofill:focus,
html[data-bunny-theme="dark"] textarea:-webkit-autofill,
html[data-bunny-theme="dark"] select:-webkit-autofill{
  -webkit-text-fill-color:#eef5ff!important;
  -webkit-box-shadow:0 0 0 1000px #121e2f inset!important;
  caret-color:#eef5ff!important;
  transition:background-color 9999s ease-out 0s;
}

/* Disabled states must remain readable instead of fading into the card. */
html[data-bunny-theme="dark"] :is(button,input,select,textarea,[aria-disabled="true"],.is-disabled):disabled,
html[data-bunny-theme="dark"] [aria-disabled="true"]{
  color:#8797aa!important;
  border-color:#2b3a4e!important;
  opacity:.72;
}

/* Keep mixed Persian/English titles stable and prevent clipping. */
html[data-bunny-theme="dark"] :is(
  .bny-content-card__title,
  .bny-content-card h2,
  .bny-content-card h3,
  .bny-program-card h2,
  .bny-program-card h3
){
  unicode-bidi:plaintext;
  overflow-wrap:anywhere;
  text-wrap:balance;
}

@media(max-width:760px){
  html[data-bunny-theme="dark"] .bny-content-card :is(h2,h3,.bny-content-card__title){
    font-size:clamp(15px,4.4vw,18px)!important;
    line-height:1.65!important;
  }
  html[data-bunny-theme="dark"] .bny-content-card__body{
    min-width:0;
  }
}

@media(prefers-contrast:more){
  html[data-bunny-theme="dark"] .bny-content-card :is(h1,h2,h3,h4,h5,h6,.bny-content-card__title){
    color:#fff!important;
  }
  html[data-bunny-theme="dark"] .bny-content-card :is(p,small,.bny-content-card__meta,.bny-content-card__source){
    color:#d3deea!important;
  }
}


/* -------------------------------------------------------------------------
 * 4.3.3 — single-content media placeholders and front-page hero contrast
 * ---------------------------------------------------------------------- */

/* Bunny Core's structural media preview is emitted by the plugin and some
 * releases use bny-demo-placeholder instead of the older fallback classes.
 * The theme wrapper gives us a stable boundary even when Core changes the
 * inner class names. */
html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope{
  color:#eef5ff!important;
  border-radius:24px;
  isolation:isolate;
}

html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope > :is(div,section,article,figure):not(.content-body-copy),
html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope :is(
  .bny-demo-placeholder,
  .bny-media-placeholder,
  .bny-content-media-placeholder,
  .bny-structural-placeholder,
  .bny-content-placeholder,
  [class*="demo-placeholder"],
  [class*="media-placeholder"]
){
  background:
    radial-gradient(circle at 16% 18%,rgba(189,102,140,.18),transparent 35%),
    radial-gradient(circle at 84% 78%,rgba(76,132,177,.2),transparent 40%),
    linear-gradient(145deg,#1a293d,#202438)!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
  box-shadow:0 16px 42px rgba(0,0,0,.25)!important;
}

html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope :is(
  .bny-demo-placeholder,
  .bny-media-placeholder,
  .bny-content-media-placeholder,
  .bny-structural-placeholder,
  [class*="demo-placeholder"],
  [class*="media-placeholder"]
) :is(h1,h2,h3,h4,h5,h6,strong,b,[class$="__title"],[class$="__heading"]){
  color:#f5f9ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope :is(
  .bny-demo-placeholder,
  .bny-media-placeholder,
  .bny-content-media-placeholder,
  .bny-structural-placeholder,
  [class*="demo-placeholder"],
  [class*="media-placeholder"]
) :is(p,small,[class$="__description"],[class$="__message"],[class$="__help"]){
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope :is(
  .bny-demo-placeholder>span:first-child,
  .bny-media-placeholder__icon,
  .bny-content-media-placeholder__icon,
  .bny-structural-placeholder__icon,
  [class*="placeholder__icon"]
){
  background:linear-gradient(180deg,#2b263c,#1a3047)!important;
  color:#d9b9ee!important;
  border:1px solid #3e4b65!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}

html[data-bunny-theme="dark"] body.bunny-learning-content-page .bunny-content-media-scope :is(
  .bny-demo-placeholder,
  .bny-media-placeholder,
  .bny-content-media-placeholder,
  .bny-structural-placeholder,
  [class*="demo-placeholder"],
  [class*="media-placeholder"]
) :is(svg,.bunny-icon){
  color:#d9b9ee!important;
  --ph-secondary:#8f506f;
  opacity:1!important;
}

/* The landing hero used fixed light-theme colors on nested text. Parent color
 * was not enough because the b/small/strong rules won the cascade. */
html[data-bunny-theme="dark"] .bunny-v4-hero .be3-hero__copy>p{
  color:#b9c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bunny-v4-hero .bunny-v4-hero__facts span :is(b,strong){
  color:#f4f8ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bunny-v4-hero .bunny-v4-hero__facts span small{
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bunny-v4-hero .hero-week-card :is(strong,b){
  color:#f4f8ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bunny-v4-hero .hero-week-card small{
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] .bunny-v4-hero .hero-week-card{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


/* -------------------------------------------------------------------------
 * 4.3.4 — Bunny Membership subscription/payment pages
 * Some Membership releases print different class names than the earlier
 * bem-plan-card / bem-payment-card set. Scope a stronger compatibility layer
 * to the subscription and payment pages so white cards and washed-out text do
 * not return in dark mode.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  .bem-plans-wrap,
  .bem-plan-card,
  .bem-membership-card,
  .bem-payment-card,
  .bem-form-card,
  .bem-dashboard-card,
  .bem-account-card,
  [class*="plan-card"],
  [class*="membership-card"],
  [class*="subscription-card"],
  [class*="pricing-card"],
  [class*="payment-card"],
  [class*="summary-card"],
  [class*="order-card"],
  [class*="history-card"],
  [class*="receipt-card"],
  [class*="bank-card"],
  [class*="checkout-card"],
  [class*="invoice-card"],
  [class*="upload-card"],
  [class*="upload-box"],
  [class*="dropzone"],
  [class*="history-item"],
  [class*="order-item"]
){
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
  box-shadow:0 14px 38px rgba(0,0,0,.26)!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  .bem-payment-card,
  .bem-form-card,
  .bem-dashboard-card,
  .bem-account-card,
  [class*="payment-card"],
  [class*="summary-card"],
  [class*="order-card"],
  [class*="history-card"],
  [class*="receipt-card"],
  [class*="checkout-card"],
  [class*="invoice-card"],
  [class*="upload-card"]
) :is(
  div[class*="amount"],
  div[class*="summary"],
  div[class*="bank"],
  div[class*="notice"],
  div[class*="alert"],
  div[class*="info"],
  div[class*="upload"],
  div[class*="dropzone"],
  div[class*="receipt"],
  div[class*="history-item"],
  div[class*="order-item"],
  li[class*="history-item"],
  li[class*="order-item"],
  article[class*="history-item"],
  article[class*="order-item"],
  section[class*="summary"],
  section[class*="upload"],
  article[class*="summary"],
  article[class*="upload"]
){
  background:#142033!important;
  color:#eef5ff!important;
  border-color:#304158!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 28px rgba(0,0,0,.18)!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  .bem-plan-card,
  .bem-membership-card,
  .bem-payment-card,
  .bem-form-card,
  .bem-dashboard-card,
  .bem-account-card,
  [class*="plan-card"],
  [class*="membership-card"],
  [class*="subscription-card"],
  [class*="pricing-card"],
  [class*="payment-card"],
  [class*="summary-card"],
  [class*="order-card"],
  [class*="history-card"],
  [class*="receipt-card"],
  [class*="checkout-card"],
  [class*="invoice-card"],
  [class*="upload-card"]
) :is(
  h1,h2,h3,h4,h5,h6,strong,b,label,legend,
  [class$="__title"],[class$="__heading"],[class*="title"],[class*="heading"],[class*="label"]
){
  color:#f4f8ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  .bem-plan-card,
  .bem-membership-card,
  .bem-payment-card,
  .bem-form-card,
  .bem-dashboard-card,
  .bem-account-card,
  [class*="plan-card"],
  [class*="membership-card"],
  [class*="subscription-card"],
  [class*="pricing-card"],
  [class*="payment-card"],
  [class*="summary-card"],
  [class*="order-card"],
  [class*="history-card"],
  [class*="receipt-card"],
  [class*="checkout-card"],
  [class*="invoice-card"],
  [class*="upload-card"]
) :is(
  p,small,li,dd,dt,caption,
  [class*="description"],[class*="excerpt"],[class*="meta"],[class*="helper"],[class*="help"],[class*="note"],[class*="caption"]
){
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="price"],
  [class*="amount"],
  [class*="total"],
  [class*="cost"]
){
  color:#eef5ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="badge"],
  [class*="chip"],
  [class*="pill"],
  [class*="tag"]
):not([class*="status"]):not([class*="pending"]):not([class*="approved"]):not([class*="confirm"]){
  background:#1b2d43!important;
  color:#dce9f7!important;
  border:1px solid #40556f!important;
  box-shadow:none!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="status"],[class*="pending"],[class*="review"],[class*="warning"]
){
  color:#f1d48a!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="pending"],[class*="review"],[class*="warning"]
){
  background:#3a2d18!important;
  border-color:#66502b!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="approved"],[class*="confirm"],[class*="success"]
){
  background:#1f3a2f!important;
  color:#cfead8!important;
  border-color:#2f5c49!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  input:not([type="checkbox"]):not([type="radio"]),
  textarea,
  select
){
  background:#121e2f!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
  box-shadow:none!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(input,textarea)::placeholder{
  color:#90a4ba!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  button,
  [type="submit"],
  [type="button"],
  .button,
  .bny-action,
  a[class*="btn"],
  a[class*="button"]
){
  border-color:#49617e!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  hr,
  [class*="divider"],
  [class*="separator"]
){
  border-color:#34475f!important;
  background:#34475f!important;
}

html[data-bunny-theme="dark"] body:is(
  .page-subscription,
  .page-payment,
  .bunny-payment-page,
  .bunny-account-page,
  [class*="page-subscription"],
  [class*="page-payment"],
  [class*="membership-page"]
) :is(
  [class*="upload"] :is(svg,i,.bunny-icon),
  [class*="dropzone"] :is(svg,i,.bunny-icon)
){
  color:#d9b9ee!important;
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.5 — comprehensive late dark audit
 * Final late-loaded sweep for remaining Bunny Core / Membership panels that
 * can still be restored to light colors by older plugin releases.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .bny-dashboard-hero,
  .bny-current-week-card,
  .bny-lock,
  .bny-dashboard-login,
  .bny-empty,
  .bny-demo-placeholder,
  .bem-journey-topbar,
  .bem-journey-hero,
  .bem-learning-path,
  .bem-journey-card,
  .bem-week-summary,
  .bem-stage-card,
  .bem-planner-day,
  .bem-age-profile-row,
  .bem-age-request-details,
  .bem-account-guest
){
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
}

html[data-bunny-theme="dark"] :is(
  .bem-journey-topbar,
  .bem-journey-hero,
  .bem-learning-path,
  .bem-journey-card,
  .bem-week-summary,
  .bem-stage-card,
  .bem-planner-day,
  .bem-age-profile-row,
  .bem-age-request-details,
  .bem-account-guest
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,summary){
  color:#f4f8ff!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] :is(
  .bem-journey-topbar,
  .bem-journey-hero,
  .bem-learning-path,
  .bem-journey-card,
  .bem-week-summary,
  .bem-stage-card,
  .bem-planner-day,
  .bem-age-profile-row,
  .bem-age-request-details,
  .bem-account-guest
) :is(p,small,span:not(.bem-icon):not(.bunny-icon)){
  color:#b8c7d7!important;
  opacity:1!important;
}

html[data-bunny-theme="dark"] :is(
  .bem-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .bem-form textarea,
  .bem-form select
){
  background:#121e2f!important;
  color:#eef5ff!important;
  border-color:#34475f!important;
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.6 — late guard for pricing labels and locked-course UI
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] .bem-price-card .bem-price-days{
  display:inline!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#cfe3f4!important;
}

html[data-bunny-theme="dark"] :is(
  .bny-program-card__age-lock,
  .bny-level-lock-overlay__card,
  .bny-level-soft-lock,
  .program-level-block,
  .program-level-block__surface,
  .bny-audio-week-player,
  .bny-audio-level-player,
  .bny-audio-track
){
  border-color:#34475f!important;
}

html[data-bunny-theme="dark"] .bny-program-card__age-lock,
html[data-bunny-theme="dark"] .bny-level-lock-overlay__card{
  background:#182538!important;
  color:#eef5ff!important;
}
html[data-bunny-theme="dark"] .program-level-block__facts b,
html[data-bunny-theme="dark"] .bny-level-collapse-toggle{
  background:#1b2d43!important;
  color:#dce9f7!important;
  border:1px solid #40556f!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .bny-audio-track{
  background:#142033!important;
  color:#eef5ff!important;
}
html[data-bunny-theme="dark"] .bny-audio-track :is(strong,h1,h2,h3,h4){
  color:#f4f8ff!important;
}
html[data-bunny-theme="dark"] .bny-audio-track :is(small,.bny-audio-track__status){
  color:#aebdce!important;
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.7 — week badge contrast and level-title overflow guard
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] .week-hero__badge{
  background:conic-gradient(
    #8f536f 0 25%,
    #31566f 25% 55%,
    #315f55 55% 80%,
    #725f2e 80%
  )!important;
  box-shadow:
    inset 0 0 0 18px rgba(15,23,36,.72),
    0 22px 54px rgba(0,0,0,.34)!important;
  border:1px solid #40556f!important;
}
html[data-bunny-theme="dark"] .week-hero__badge span{
  color:#dce9f7!important;
  text-shadow:0 1px 3px rgba(0,0,0,.45)!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .week-hero__badge strong{
  color:#fff!important;
  text-shadow:0 2px 5px rgba(0,0,0,.5)!important;
  opacity:1!important;
}

/* Long mixed Persian/English level names must wrap inside the card instead of
 * escaping toward the physical left edge on RTL layouts. */
.program-level-block,
.program-level-block__surface,
.program-level-block__surface>header,
.program-level-block__surface>header>div:first-child{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.program-level-block__surface>header{
  overflow:visible!important;
}
.program-level-block__surface>header>div:first-child{
  flex:1 1 320px!important;
  overflow:visible!important;
}
.program-level-block__surface>header h3,
.program-level-block>header h3{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-wrap:balance;
  line-height:1.6!important;
  unicode-bidi:plaintext!important;
}
@media(max-width:760px){
  .program-level-block__surface>header,
  .program-level-block>header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  .program-level-block__surface>header h3,
  .program-level-block>header h3{
    font-size:clamp(19px,5vw,24px)!important;
  }
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.8 — final contrast and responsive audit
 * WCAG-oriented late guard for level cards, badges, facts and mobile hero.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"]{
  --bny-audit-bg:#0f1724;
  --bny-audit-surface:#182538;
  --bny-audit-surface-2:#142033;
  --bny-audit-surface-3:#1b2d43;
  --bny-audit-border:#40556f;
  --bny-audit-heading:#f7fbff;
  --bny-audit-text:#eef5ff;
  --bny-audit-muted:#c0cede;
  --bny-audit-pink:#a94f78;
  --bny-audit-blue:#416d91;
  --bny-audit-green:#255844;
  --bny-audit-green-text:#d9f4e7;
}

/* Level cards: no halo/shadow, consistent padding and readable hierarchy. */
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block{
  background:var(--bny-audit-surface)!important;
  border:1px solid var(--bny-audit-border)!important;
  box-shadow:none!important;
  outline:0!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block:not(.is-soft-locked) .program-level-block__surface{
  background:var(--bny-audit-surface)!important;
  color:var(--bny-audit-text)!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header{
  padding:24px 26px!important;
  gap:18px 24px!important;
  border-bottom-color:var(--bny-audit-border)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header>div:first-child{
  min-width:0!important;
  padding-inline:2px!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header :is(small,h2,h3,p){
  text-shadow:none!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header small{
  color:var(--bny-audit-muted)!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header :is(h2,h3){
  color:var(--bny-audit-heading)!important;
  margin:7px 0 8px!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header p{
  color:var(--bny-audit-muted)!important;
  line-height:1.95!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-description{
  color:var(--bny-audit-muted)!important;
}

/* Facts used to become white pills with invisible labels in dark mode. */
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts{
  gap:9px!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts b{
  min-height:38px!important;
  padding:9px 13px!important;
  background:var(--bny-audit-surface-3)!important;
  color:var(--bny-audit-text)!important;
  border:1px solid var(--bny-audit-border)!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts b :is(span,small,strong){
  color:inherit!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts .bunny-icon{
  color:#d8b8ef!important;
  opacity:1!important;
}

/* Review/status badges: never pale-on-pale. */
html[data-bunny-theme="dark"] .bny-review-badge,
html[data-bunny-theme="dark"] .bny-review-badge--new{
  background:var(--bny-audit-green)!important;
  color:var(--bny-audit-green-text)!important;
  border:1px solid #3d8064!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] :is(.bny-review-badge--level-review,.bny-review-badge--spiral){
  background:#4a391c!important;
  color:#ffe3a0!important;
  border:1px solid #755d2d!important;
}

/* Consistent contrast for compact content rows and their metadata. */
html[data-bunny-theme="dark"] :is(.bny-audio-track,.program-week-card){
  background:var(--bny-audit-surface-2)!important;
  color:var(--bny-audit-text)!important;
  border-color:var(--bny-audit-border)!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] :is(.bny-audio-track,.program-week-card) :is(strong,h3,a){
  color:var(--bny-audit-heading)!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] :is(.bny-audio-track,.program-week-card) :is(small,p,.bny-audio-track__status){
  color:var(--bny-audit-muted)!important;
  opacity:1!important;
}

/* High-contrast controls; remove accidental glow/strokes. */
html[data-bunny-theme="dark"] :is(.bny-level-collapse-toggle,.bny-locked-level-badge){
  background:var(--bny-audit-surface-3)!important;
  color:var(--bny-audit-text)!important;
  border:1px solid var(--bny-audit-border)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html[data-bunny-theme="dark"] :is(.bny-action--primary,.bunny-btn--accent){
  background:linear-gradient(135deg,var(--bny-audit-blue),var(--bny-audit-pink))!important;
  color:#fff!important;
  border-color:transparent!important;
  text-shadow:none!important;
}
html[data-bunny-theme="dark"] :is(.bny-action--soft,.bunny-btn--outline){
  background:var(--bny-audit-surface-3)!important;
  color:var(--bny-audit-text)!important;
  border:1px solid var(--bny-audit-border)!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header{
    padding:20px 18px!important;
    gap:14px!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header :is(h2,h3){
    margin-block:6px 7px!important;
    font-size:clamp(20px,5.8vw,26px)!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts b{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
}
@media(max-width:460px){
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts{
    grid-template-columns:1fr!important;
  }
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.9 — exact dark selectors for parent prompt and
 * dashboard listening-summary pills.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] .content-parent-guide-grid article{
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#40556f!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .content-parent-guide-grid article>span{
  background:#1b3047!important;
  color:#f0b9d4!important;
  border:1px solid #40556f!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .content-parent-guide-grid article :is(small,h2){
  color:#f4f8ff!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-bunny-theme="dark"] .content-parent-guide-grid article p{
  color:#c3d1df!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .content-parent-guide-grid article blockquote{
  margin:10px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#d5e5f3!important;
  font-weight:900!important;
  line-height:1.9!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Current listening-level dashboard uses another facts component than the
 * full program page. Keep labels visible instead of white-on-white pills. */
html[data-bunny-theme="dark"] .bny-current-level-card .bny-audio-dashboard-summary span,
html[data-bunny-theme="dark"] .bny-current-week-card .bny-audio-dashboard-summary span{
  min-height:40px!important;
  background:#1b2d43!important;
  color:#eef5ff!important;
  border:1px solid #40556f!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .bny-audio-dashboard-summary span :is(b,strong,small){
  color:#eef5ff!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .bny-audio-dashboard-summary .bunny-icon{
  color:#d8b8ef!important;
  opacity:1!important;
}
@media(max-width:720px){
  html[data-bunny-theme="dark"] .bny-audio-dashboard-summary{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html[data-bunny-theme="dark"] .bny-audio-dashboard-summary span{
    width:100%!important;
    justify-content:flex-start!important;
  }
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.10 — remove level-card shadows everywhere
 * The generic dark surface rule adds --shadow-sm to program level wrappers.
 * Level cards must remain completely flat in both weekly and audio programs.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .program-level-block,
  .program-level-block__surface,
  .program-level-list .program-level-block,
  .program-level-list .program-level-block__surface,
  .program-level-list--audio .program-level-block,
  .program-level-list--audio .program-level-block__surface
){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

html[data-bunny-theme="dark"] :is(
  .program-level-block:hover,
  .program-level-block:focus-within,
  .program-level-block__surface:hover,
  .program-level-block__surface:focus-within
){
  box-shadow:none!important;
  filter:none!important;
}

/* Bunny English 4.3.21 — personalized library dark mode */
html[data-bunny-theme="dark"] .library-highlight-block{
  background:#182538!important;
  border-color:#34475f!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .library-highlight-block--personal{
  background:linear-gradient(145deg,#1b2739,#251d2a)!important;
}
html[data-bunny-theme="dark"] .library-highlight-block--popular{
  background:linear-gradient(145deg,#20283a,#26251e)!important;
}
html[data-bunny-theme="dark"] .library-highlight-block__head h2{
  color:#f3f8ff!important;
}
html[data-bunny-theme="dark"] .library-highlight-block__head p{
  color:#bdcada!important;
}
html[data-bunny-theme="dark"] .library-highlight-grid .bny-content-card__note{
  background:#203249!important;
  color:#d6e4f2!important;
}

/* Bunny English 4.3.27 — late override for today suggestion cards */
html[data-bunny-theme="dark"] .bny-today-plan :is(.bny-content-card,.bny-content-card--compact){
  background:#182538!important;
  color:#eef5ff!important;
  border-color:#40556f!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__media{
  background:linear-gradient(145deg,#202a42,#252039)!important;
  border-bottom:1px solid #40556f!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__body{
  background:#182538!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__body h3 a{
  color:#f7fbff!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__meta,
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__meta span{
  color:#c0cede!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__note{
  background:#203249!important;
  color:#eef5ff!important;
  border:1px solid #40556f!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__type{
  background:#14243a!important;
  color:#dcecff!important;
  border:1px solid #45617e!important;
}
.bny-today-plan .bny-content-placeholder .bunny-icon [opacity="0.2"]{
  display:none!important;
}
.bny-today-plan .bny-content-placeholder .bunny-icon{
  --ph-secondary:transparent!important;
}


/* Bunny English 4.3.28 — flat today covers and compact featured badge */
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__media,
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__cover,
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-card__thumbnail-wrap{
  background:#202a42!important;
  background-image:none!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-content-placeholder{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-bunny-theme="dark"] .bny-today-plan .bny-review-badge--week-featured{
  background:#3b2a4d!important;
  color:#eadcf8!important;
  border:1px solid #6b4d86!important;
}

/* Bunny English 4.3.29 — final today-card layout containment */
.bny-current-week-card .bny-today-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr;
}
.bny-current-week-card .bny-today-item{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:auto!important;
  min-height:0!important;
}
.bny-current-week-card .bny-today-item>.bny-content-card{
  display:grid!important;
  grid-template-rows:105px minmax(0,1fr)!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.bny-current-week-card .bny-today-item .bny-content-card__body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:12px 14px 14px!important;
  overflow:visible!important;
}
html[data-bunny-theme="dark"] .bny-current-week-card .bny-today-item>.bny-content-card{
  background:#182538!important;
  border-color:#40556f!important;
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.30 — dark surface ownership audit
 * Layout wrappers stay transparent. Only the actual rounded card owns a
 * surface color, preventing square backgrounds from showing around corners.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] :is(
  .bem-core-learning-panel,
  .bem-core-learning-panel > .bny-learning-dashboard,
  .bny-learning-dashboard,
  .bem-journey-shell,
  .bem-journey-shell--weekly,
  .bem-account-v2-grid,
  .program-level-list,
  .hero-benefits,
  .bny-today-grid,
  .library-content-grid,
  .week-session-list,
  .week-session-content-grid,
  .week-parent-grid,
  .content-parent-guide-grid
){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

/* The outer level article is the card; its inner structural layer must not
 * paint a second rectangle behind the rounded corners. */
html[data-bunny-theme="dark"] :is(
  .program-level-block__surface,
  .program-level-block.is-soft-locked .program-level-block__surface,
  .program-level-list--audio .program-level-block__surface,
  .program-level-list--mixed .program-level-block__surface
){
  background:transparent!important;
  box-shadow:none!important;
}

/* Preserve actual dashboard/card surfaces after resetting their wrappers. */
html[data-bunny-theme="dark"] :is(
  .bny-dashboard-hero,
  .bny-current-week-card,
  .bem-journey-topbar,
  .bem-journey-card,
  .bem-membership-card,
  .bem-account-card,
  .bem-dashboard-card
){
  border-color:#34475f!important;
}

/* ===== Bunny English 4.3.47 — shared animated primary-button gradient =====
 * Keep every front-end primary CTA visually consistent in light and dark mode.
 * Motion is carried by the gradient itself, not by moving the button box.
 */
:root{
  --bny-primary-button-gradient:linear-gradient(110deg,#78a5cf 0%,#9c84b8 48%,#d86f99 100%);
  --bny-primary-button-shadow:0 10px 24px rgba(136,105,157,.25);
  --bny-primary-button-shadow-hover:0 13px 30px rgba(155,91,137,.32);
}
html[data-bunny-theme="dark"]{
  --bny-primary-button-gradient:linear-gradient(110deg,#416d91 0%,#685f96 48%,#a65076 100%);
  --bny-primary-button-shadow:0 10px 24px rgba(0,0,0,.27);
  --bny-primary-button-shadow-hover:0 14px 32px rgba(0,0,0,.34);
}

:is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button){
  background:var(--bny-primary-button-gradient)!important;
  background-size:220% 100%!important;
  background-position:0% 50%!important;
  background-repeat:no-repeat!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:var(--bny-primary-button-shadow)!important;
  text-shadow:none!important;
  transform:none!important;
  transition:
    background-position .62s cubic-bezier(.22,1,.36,1),
    box-shadow .24s ease,
    filter .24s ease!important;
  will-change:background-position;
}

:is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button):is(:hover,:focus-visible){
  background-position:100% 50%!important;
  box-shadow:var(--bny-primary-button-shadow-hover)!important;
  filter:saturate(1.06) brightness(1.02);
  transform:none!important;
}

:is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button):focus-visible{
  outline:3px solid rgba(126,166,207,.32)!important;
  outline-offset:3px;
}

:is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button):active{
  background-position:72% 50%!important;
  box-shadow:0 6px 16px rgba(83,70,105,.22)!important;
  filter:saturate(1.02) brightness(.98);
  transform:none!important;
}

:is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button):is([disabled],.is-disabled,.bny-action--disabled){
  background-position:0% 50%!important;
  filter:saturate(.35) opacity(.68)!important;
  box-shadow:none!important;
  cursor:not-allowed;
}

@media(prefers-reduced-motion:reduce){
  :is(.bunny-btn--primary,.bunny-btn--accent,.bny-action--primary,.bem-primary-button){
    transition:none!important;
    will-change:auto;
  }
}


/* -------------------------------------------------------------------------
 * Bunny English 4.3.61 — light/dark geometry parity
 * Dark mode may change only colors, borders and shadows. Keep the level-card
 * spacing and responsive layout identical to the light theme.
 * ---------------------------------------------------------------------- */
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header{
  padding:0!important;
  gap:18px!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header>div:first-child{
  padding-inline:0!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header .program-level-block__title{
  margin:0 0 6px!important;
  font-size:clamp(20px,1.55vw,24px)!important;
  line-height:1.35!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header .program-level-block__title+p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.7!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts{
  display:flex!important;
  width:auto!important;
  grid-template-columns:unset!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts b{
  width:auto!important;
  min-height:0!important;
  padding:9px 12px!important;
  justify-content:flex-start!important;
}

@media(max-width:760px){
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header{
    padding:0!important;
    gap:12px!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header .program-level-block__title{
    margin:0 0 6px!important;
    font-size:20px!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__surface>header .program-level-block__title+p{
    font-size:14px!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts{
    display:flex!important;
    width:auto!important;
    grid-template-columns:unset!important;
  }
  html[data-bunny-theme="dark"] .program-level-list--audio .program-level-block__facts b{
    width:auto!important;
    justify-content:flex-start!important;
  }
}

@media(max-width:720px){
  html[data-bunny-theme="dark"] .bny-audio-dashboard-summary{
    display:flex!important;
    width:auto!important;
    grid-template-columns:unset!important;
    flex-wrap:wrap!important;
  }
  html[data-bunny-theme="dark"] .bny-audio-dashboard-summary span{
    width:auto!important;
    justify-content:flex-start!important;
  }
}