/* =====================================================================
   GaliVue V5.1.155 — MULTILINGUAL DIALOG FIT

   Presentation-only owner for FR / ES / DE confirmation geometry.
   English-approved composition remains unchanged. Mobile remains unchanged.
   ===================================================================== */

/* Translated dialog headings should wrap only at natural word boundaries. */
html[data-language="fr"] #confirmDialog .dialog-head h2,
html[data-language="es"] #confirmDialog .dialog-head h2,
html[data-language="de"] #confirmDialog .dialog-head h2{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}

/* Desktop: give translated confirmation copy the horizontal room that the
   approved English composition already has visually.  This prevents longer
   FR/ES/DE titles and explanatory copy from turning a compact dialog into a
   tall narrow card. */
@media (min-width:1101px){
  html[data-language="fr"] #confirmDialog.gv3917-confirm-dialog .confirm-panel,
  html[data-language="es"] #confirmDialog.gv3917-confirm-dialog .confirm-panel,
  html[data-language="de"] #confirmDialog.gv3917-confirm-dialog .confirm-panel{
    width:min(800px,94vw)!important;
  }

  html[data-language="fr"] #confirmDialog.gv3917-leave-dialog .confirm-panel,
  html[data-language="es"] #confirmDialog.gv3917-leave-dialog .confirm-panel,
  html[data-language="de"] #confirmDialog.gv3917-leave-dialog .confirm-panel{
    width:min(900px,94vw)!important;
  }

  html[data-language="fr"] #confirmDialog.gv3917-leave-dialog .dialog-head h2,
  html[data-language="es"] #confirmDialog.gv3917-leave-dialog .dialog-head h2,
  html[data-language="de"] #confirmDialog.gv3917-leave-dialog .dialog-head h2{
    font-size:clamp(2rem,2.35vw,2.5rem)!important;
    line-height:1.02!important;
    max-width:calc(100% - 64px)!important;
  }

  /* Longer translated action labels may use two lines without changing the
     action hierarchy or creating a clipped/over-tight button. */
  html[data-language="fr"] #confirmDialog .confirm-actions button,
  html[data-language="es"] #confirmDialog .confirm-actions button,
  html[data-language="de"] #confirmDialog .confirm-actions button{
    min-height:50px!important;
    padding-inline:18px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    line-height:1.15!important;
  }
}

/* Tablet: V5.1.154 owns the one-column action hierarchy.  Only grant the
   translated heading/body a little more horizontal room; never change the
   approved action order. */
@media (min-width:701px) and (max-width:1100px){
  html[data-language="fr"] #confirmDialog .confirm-panel,
  html[data-language="es"] #confirmDialog .confirm-panel,
  html[data-language="de"] #confirmDialog .confirm-panel{
    width:min(740px,calc(100vw - 32px))!important;
  }

  html[data-language="fr"] #confirmDialog.gv3917-leave-dialog .dialog-head h2,
  html[data-language="es"] #confirmDialog.gv3917-leave-dialog .dialog-head h2,
  html[data-language="de"] #confirmDialog.gv3917-leave-dialog .dialog-head h2{
    font-size:clamp(1.8rem,3.4vw,2.2rem)!important;
    line-height:1.04!important;
    max-width:calc(100% - 58px)!important;
  }
}