/* Class Zaban owner preview / Banner Image Balance V100
   Purpose: reveal a little more of the existing photography in four hero
   banners. Only photographic brightness/opacity and transparent navy overlay
   are adjusted; typography, dimensions, imagery, behavior and cards unchanged.
   All selectors require the pre-existing backend-authorized root class. */

/* Practice & assessment: original V99 image opacity .52, brightness .74. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero.learning-photo-panel > .learning-photo-backdrop {
  opacity:.78!important;
  filter:brightness(.94) saturate(.86) contrast(1.01)!important;
}

/* Translation: original V97 opacity .63, V96 image brightness .72. */
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation.learning-photo-panel > .learning-photo-backdrop {
  opacity:.80!important;
  filter:brightness(.94) saturate(.86) contrast(1.01)!important;
}

/* Homework: original V97 opacity .58, brightness .75. */
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.phase4-hero.learning-photo-panel > .learning-photo-backdrop {
  opacity:.79!important;
  filter:brightness(.94) saturate(.86) contrast(1.01)!important;
}

/* Speaking & writing: original V98 opacity .48, brightness .75. */
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel > .learning-photo-backdrop {
  opacity:.79!important;
  filter:brightness(.94) saturate(.86) contrast(1.01)!important;
}

/* Unified overlay: text side stays dark navy, photo side is a softer tint. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero.learning-photo-panel::before,
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation.learning-photo-panel::before,
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.phase4-hero.learning-photo-panel::before,
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel::before {
  background:linear-gradient(
    270deg,
    rgba(13,23,55,.90) 0%,
    rgba(21,33,74,.76) 47%,
    rgba(28,42,90,.50) 75%,
    rgba(26,39,82,.42) 100%
  )!important;
}

/* Subtle text shadows increase contrast without darkening the entire image. */
html.cz-private-practice-preview .app-shell--student .student-tool-page.phase4-page > .tool-hero.phase4-hero .tool-hero-copy,
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation .tool-hero-copy,
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.phase4-hero .tool-hero-copy,
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-pro-hero-copy {
  text-shadow:0 2px 10px rgba(7,15,45,.45)!important;
}