/* ICODE_R101_5_FINAL_LOCALE_ENGINE */
html.icode-r1015-pending #icode-option1-root{
  visibility:hidden !important;
}
html[dir="rtl"] #icode-option1-root{
  direction:rtl !important;
}
html[dir="rtl"] #icode-option1-root .o1-header .o1-nav,
html[dir="rtl"] #icode-option1-root .o1-stepper,
html[dir="rtl"] #icode-option1-root .o1-footer,
html[dir="rtl"] #icode-option1-root .o1-step3-grid,
html[dir="rtl"] #icode-option1-root .r1009-card-top,
html[dir="rtl"] #icode-option1-root .r1009-bestfor,
html[dir="rtl"] #icode-option1-root .r1010-appbar,
html[dir="rtl"] #icode-option1-root .r1010-launch-head,
html[dir="rtl"] #icode-option1-root .r1010-workspace-top{
  direction:rtl !important;
}
html[dir="rtl"] #icode-option1-root .o1-header .r1009-submenu{
  left:auto !important;
  right:0 !important;
  text-align:right !important;
}
html[dir="rtl"] #icode-option1-root .r1010-app-tile{
  direction:rtl !important;
  text-align:right !important;
}
html[dir="rtl"] #icode-option1-root .r1010-app-open{
  transform:scaleX(-1);
}
html[dir="rtl"] #icode-option1-root .o1-role,
html[dir="rtl"] #icode-option1-root .o1-choice,
html[dir="rtl"] #icode-option1-root .o1-industry,
html[dir="rtl"] #icode-option1-root .o1-summary-row{
  text-align:center !important;
}
/* ICODE_R101_6_FRENCH_VIEWPORT_FIT
   French copy is longer than EN/AR. Keep the full text, but compress vertical
   spacing so Step 1 footer/Next never falls below the visible desktop viewport. */

@media (min-width: 1100px) {
  html[lang="fr"] #icode-option1-root .o1-hero{
    padding-top:14px !important;
    padding-bottom:12px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-kicker{
    margin-bottom:5px !important;
    font-size:10px !important;
    line-height:1.15 !important;
  }

  html[lang="fr"] #icode-option1-root .o1-h1{
    max-width:980px !important;
    margin:0 auto 7px !important;
    font-size:45px !important;
    line-height:1.03 !important;
    letter-spacing:-1.6px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-hero p,
  html[lang="fr"] #icode-option1-root .o1-sub{
    max-width:760px !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }

  html[lang="fr"] #icode-option1-root .o1-wizard{
    margin-top:8px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-panel[data-panel="1"]{
    padding-top:10px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-step1-intro{
    margin:0 auto 8px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-step1-intro b{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-step1-intro span{
    margin-top:2px !important;
    font-size:9px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-panel[data-panel="1"] .o1-system-grid{
    gap:12px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-panel[data-panel="1"] .o1-card{
    padding:11px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-card-top{
    margin-bottom:7px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-card-top h2{
    margin:3px 0 2px !important;
    font-size:18px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-card-top p{
    font-size:9px !important;
    line-height:1.34 !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-preview-label{
    margin:1px 0 4px !important;
    font-size:8px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-preview{
    height:210px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-bestfor{
    margin-top:6px !important;
    font-size:9px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-tags span{
    padding:2px 6px !important;
    font-size:8px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-footer{
    min-height:44px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
}

/* Short desktop heights need an extra compact pass. */
@media (min-width:1100px) and (max-height:900px) {
  html[lang="fr"] #icode-option1-root .o1-h1{
    font-size:41px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-hero{
    padding-top:9px !important;
    padding-bottom:8px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-preview{
    height:188px !important;
  }

  html[lang="fr"] #icode-option1-root .o1-panel[data-panel="1"] .o1-card{
    padding:9px !important;
  }

  html[lang="fr"] #icode-option1-root .r1009-bestfor{
    margin-top:4px !important;
  }
}