/* ICODE R107.9 - make Step 1 unmistakably selectable */

/* No old preview/translation flash before the final UX is ready. */
#icode-option1-root:not(.r1079-ready) [data-panel="1"] .r1070-preview{
  visibility:hidden!important;
  opacity:0!important;
}
#icode-option1-root.r1079-ready [data-panel="1"] .r1070-preview{
  visibility:visible!important;
  opacity:1!important;
}

/* Remove every pre-three-choice block inside Step 1. */
#icode-option1-root [data-panel="1"] .o1-step1 > :not(.r1070-wrap){
  display:none!important;
}
#icode-option1-root [data-panel="1"] .r1070-wrap > :not(.r1070-grid):not(.r1079-choice-help){
  display:none!important;
}
#icode-option1-root [data-panel="1"] .o1-center,
#icode-option1-root [data-panel="1"] .r1074-obsolete-copy,
#icode-option1-root [data-panel="1"] .r1073-legacy-copy-hidden{
  display:none!important;
}

/* Direct instruction. */
#icode-option1-root .r1079-choice-help{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  margin:0 auto 11px!important;
  padding:7px 13px!important;
  border:1px solid #F0D7C0!important;
  border-radius:999px!important;
  background:#FFF9F4!important;
  color:#5F4A3B!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#icode-option1-root .r1079-choice-help:before{
  content:"1"!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#DDA06E!important;
  color:white!important;
  font-size:10px!important;
  font-weight:900!important;
}

/* Cards now read as actual choices, not screenshots. */
#icode-option1-root [data-panel="1"] .r1070-card{
  border:1.5px solid #DCE6EA!important;
  cursor:pointer!important;
  transform:none!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#icode-option1-root [data-panel="1"] .r1070-card:hover{
  border-color:#CDAF92!important;
  background:#FFFCF9!important;
  box-shadow:0 10px 26px rgba(96,66,42,.08)!important;
  transform:translateY(-2px)!important;
}
#icode-option1-root [data-panel="1"] .r1070-card.r1079-selected,
#icode-option1-root [data-panel="1"] .r1070-card.on{
  border:2px solid #DDA06E!important;
  background:#FFF9F4!important;
  box-shadow:0 12px 28px rgba(221,160,110,.16)!important;
}

/* Bigger radio/check target. */
#icode-option1-root [data-panel="1"] .r1070-radio{
  width:24px!important;
  height:24px!important;
  border:2px solid #9CB1BA!important;
  background:#fff!important;
  box-shadow:none!important;
}
#icode-option1-root [data-panel="1"] .r1070-card:hover .r1070-radio{
  border-color:#DDA06E!important;
}
#icode-option1-root [data-panel="1"] .r1070-card.r1079-selected .r1070-radio,
#icode-option1-root [data-panel="1"] .r1070-card.on .r1070-radio{
  border-color:#DDA06E!important;
  background:#DDA06E!important;
  box-shadow:inset 0 0 0 5px #fff!important;
}

/* Selection badge. */
#icode-option1-root .r1079-selected-badge{
  display:none!important;
  position:absolute!important;
  top:11px!important;
  right:43px!important;
  min-height:24px!important;
  padding:0 9px!important;
  align-items:center!important;
  gap:5px!important;
  border-radius:999px!important;
  background:#DDA06E!important;
  color:white!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  z-index:4!important;
}
#icode-option1-root .r1079-selected-badge:before{
  content:"✓"!important;
  font-size:10px!important;
}
#icode-option1-root .r1070-card.r1079-selected .r1079-selected-badge{
  display:inline-flex!important;
}
html[dir="rtl"] #icode-option1-root .r1079-selected-badge{
  right:auto!important;
  left:43px!important;
}

/* Stronger active Step 1 without making the stepper bulky. */
#icode-option1-root .o1-step[data-progress="1"].on{
  background:linear-gradient(180deg,#FFFDFC 0%,#FFF7F0 100%)!important;
}
#icode-option1-root .o1-step[data-progress="1"].on b{
  color:#8F5D36!important;
}

/* Keep readable one-line card copy. */
#icode-option1-root [data-panel="1"] .r1070-head h3{
  font-size:16px!important;
  font-weight:900!important;
}
#icode-option1-root [data-panel="1"] .r1070-familiar{
  color:#0B4557!important;
  font-size:11px!important;
  font-weight:850!important;
}
#icode-option1-root [data-panel="1"] .r1070-copy{
  color:#71848E!important;
  font-size:9.6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Preview stays visual, not microscopic text soup. */
#icode-option1-root [data-panel="1"] .r1070-preview{
  border-color:#DCE6EA!important;
  background:#FBFDFE!important;
}
#icode-option1-root .r1076-bar{
  background:#F8FAFB!important;
  color:#5F737D!important;
}
#icode-option1-root .r1076-bar .r1079-preview-label{
  font-size:6.5px!important;
  font-weight:800!important;
  color:#60757F!important;
}

/* CTA state */
#icode-option1-root [data-panel="1"] .o1-footer{
  margin-top:10px!important;
  padding-bottom:11px!important;
}
#icode-option1-root [data-panel="1"] .o1-next{
  min-width:210px!important;
  height:40px!important;
  padding:0 24px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:900!important;
  transition:background .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease!important;
}
#icode-option1-root [data-panel="1"] .o1-next:disabled,
#icode-option1-root [data-panel="1"] .o1-next[aria-disabled="true"]{
  background:#DDE6E9!important;
  border-color:#DDE6E9!important;
  color:#7D9099!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
#icode-option1-root [data-panel="1"] .o1-next:not(:disabled):not([aria-disabled="true"]){
  background:#DDA06E!important;
  border-color:#DDA06E!important;
  color:#fff!important;
  opacity:1!important;
  cursor:pointer!important;
}
#icode-option1-root [data-panel="1"] .o1-next:not(:disabled):hover{
  background:#C98C58!important;
  border-color:#C98C58!important;
  transform:translateY(-1px)!important;
}

/* Header/content alignment polish only, no new menu logic. */
#icode-option1-root .o1-header .o1-nav{
  width:min(1220px,calc(100% - 40px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#icode-option1-root .o1-shell{
  width:min(1220px,calc(100% - 40px))!important;
}

/* Mobile */
@media(max-width:1050px){
  #icode-option1-root .r1079-choice-help{
    white-space:normal!important;
    text-align:center!important;
    line-height:1.25!important;
  }
  #icode-option1-root .r1079-selected-badge{
    top:10px!important;
  }
}