/* Rudi apps v81 — light-theme completion, centered theme icon, mobile nav polish */

/* Keep the theme button perfectly square/aligned on mobile. */
@media (max-width:700px){
  .theme-toggle{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
  }
  .theme-toggle .theme-icon{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .theme-toggle .theme-text{display:none!important}
}

/* Light-theme subscription surfaces: no dark blocks pasted on a white page. */
html[data-theme="light"] .rudi-subscription-group,
html[data-theme="light"] .rudi-subscription-card,
html[data-theme="light"] .rudi-app-card,
html[data-theme="light"] .rudi-all-card,
html[data-theme="light"] .rudi-all-buy,
html[data-theme="light"] .rudi-bundle-app,
html[data-theme="light"] .rudi-bundle-summary,
html[data-theme="light"] .rudi-bundle-prices>div,
html[data-theme="light"] .rudi-subscription-hub,
html[data-theme="light"] .rudi-payment-card,
html[data-theme="light"] .rudi-license-card,
html[data-theme="light"] .rudi-account-subscription-card{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(58,74,110,.12)!important;
  color:#172033!important;
  box-shadow:0 14px 36px rgba(40,54,88,.06)!important;
}

html[data-theme="light"] .rudi-all-card{
  background:linear-gradient(145deg,rgba(247,248,255,.98),rgba(241,238,255,.94))!important;
  border-color:rgba(117,82,255,.22)!important;
}
html[data-theme="light"] .rudi-all-glow{opacity:.08!important}
html[data-theme="light"] .rudi-bundle-app.selected{
  background:rgba(112,78,255,.07)!important;
  border-color:rgba(112,78,255,.28)!important;
}
html[data-theme="light"] .rudi-bundle-app.disabled{opacity:.58!important}

html[data-theme="light"] .rudi-subscription-group-head h3,
html[data-theme="light"] .rudi-subscription-card h3,
html[data-theme="light"] .rudi-all-main h3,
html[data-theme="light"] .rudi-all-buy strong,
html[data-theme="light"] .rudi-bundle-app strong,
html[data-theme="light"] .rudi-bundle-summary h3,
html[data-theme="light"] .rudi-bundle-prices strong,
html[data-theme="light"] .rudi-bundle-total strong{
  color:#161d2b!important;
}
html[data-theme="light"] .rudi-subscription-group-head>p,
html[data-theme="light"] .rudi-subscription-description,
html[data-theme="light"] .rudi-coming-card p,
html[data-theme="light"] .rudi-all-main p,
html[data-theme="light"] .rudi-bundle-app small,
html[data-theme="light"] .rudi-bundle-summary>p,
html[data-theme="light"] .rudi-bundle-prices small,
html[data-theme="light"] .rudi-bundle-prices em,
html[data-theme="light"] .rudi-bundle-total small,
html[data-theme="light"] .rudi-bundle-total span,
html[data-theme="light"] .rudi-bundle-note{
  color:#69758b!important;
}
html[data-theme="light"] .rudi-all-features span{
  color:#546178!important;
  background:rgba(55,71,105,.045)!important;
  border-color:rgba(55,71,105,.10)!important;
}

/* About-page visual chips must also become light surfaces. */
html[data-theme="light"] .about-product-chip{
  background:rgba(255,255,255,.90)!important;
  border-color:rgba(72,89,130,.13)!important;
  box-shadow:0 16px 34px rgba(44,59,95,.09)!important;
}
html[data-theme="light"] .about-product-chip b{color:#1b2332!important}
html[data-theme="light"] .about-product-chip small{color:#4e91f5!important}

/* Any remaining dark Rudi panels on the pricing/about pages. */
html[data-theme="light"] .pricing-plans-section .merchant-delivery-card,
html[data-theme="light"] .pricing-comparison,
html[data-theme="light"] .about-founder-card,
html[data-theme="light"] .about-founder-quote,
html[data-theme="light"] .about-timeline article,
html[data-theme="light"] .about-direction-card,
html[data-theme="light"] .about-feedback,
html[data-theme="light"] .about-community{
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(60,77,112,.12)!important;
  color:#182033!important;
}

/* Mobile bottom bar remains readable in both languages/themes. */
@media(max-width:700px){
  html[data-theme="light"] .rudi-mobile-bottom-nav{
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(55,71,105,.12)!important;
    box-shadow:0 10px 28px rgba(31,43,72,.12)!important;
  }
  .rudi-mobile-bottom-nav a>small{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}