.treow-pin-widget{width:100%;font-family:inherit}
.hidden{display:none!important}

.treow-row{display:flex;align-items:flex-start;gap:var(--treow-gap-toggle-slot, 10px);width:100%}
.treow-layout-down .treow-row{flex-direction:column}
.treow-layout-side .treow-row{flex-direction:row}
.treow-layout-side .treow-slot-box{flex:1;min-width:240px}

.treow-toggle-box{width:max-content}
.treow-slot-box{width:100%}

.pin-toggle-btn{background:transparent;border:none;padding:0;cursor:pointer;text-align:left}
.pin-toggle-inner{display:flex;align-items:center;gap:10px}
.pin-icon{width:18px;height:18px;display:block}
.pin-text-block{display:flex;flex-direction:column;line-height:1}
.pin-subtext{line-height:1}
.pin-label{margin:0;font-weight:600;color:#2c2c2c;}
.pin-subtext{display:flex;align-items:center;gap:6px;color:#2c2c2c;}
.pin-pencil{display:block}



/* Form */
.treow-pin-form-wrap{margin-top:0;width:100%}
/* ✅ Clean pill input + button */
.pincode-field-wrapper{
  display:flex;
  
  width:100%;
  
  border-radius:0px;
  overflow:visible;
  border:none;
  background:transparent;
	
	
	display:flex;
    align-items:center;
    gap: 6px;           
    flex-wrap:nowrap;   
	
	
}

.pincode-input{
  flex:1 1 auto;
  min-width:0;
  border:1px solid rgba(0,0,0,.35) !important;
  border-radius:0!important;
  outline:0 !important;
  box-shadow:none !important;
  background:#fff;
  padding:10px 12px;
  color:#2c2c2c;
  line-height:1;
	
}

.pincode-button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  background:#ff6a00;
  color:#fff;
  padding:0 16px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  opacity:1;
  border-radius:0;
  flex:0 0 auto;       /* already hai, but keep */
   min-width:84px; 
}

.pincode-button[disabled]{
  opacity:.80;
  cursor:not-allowed;
}


@media (max-width: 767px){
  .pincode-field-wrapper{
    gap:6px !important;
  }
  .pincode-button{
    min-width:70px !important;
  }
}

.pin-icon {
  width: 30px;
  height: 30px;
  color: #392373;
  flex-shrink: 0;
}



/* Help link (no box) */
.treow-pin-help{
  border:none;
  background:transparent;
  cursor:pointer;
  opacity:.95;
  text-align:left;
}

/* ✅ Hide BT plugin Change button inside result */
.treow-pin-widget #bt_sst_pincode_box_change_button{
  display:none !important;
}


@media (max-width: 767px){
  .treow-pin-widget .pin-text-block{
    line-height: 1 !important;
  }

  .treow-pin-widget .pin-label{
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .treow-pin-widget .pin-subtext{
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


@media (max-width: 767px){
  .treow-pin-widget .pin-toggle-inner{
    gap: 4px !important;
  }
}


/* ✅ Remove focus outline (mobile tap highlight) */
.treow-pin-help:focus,
.treow-pin-help:focus-visible{
  outline:none !important;
}
/* Result (same slot) */
.treow-pin-result{width:100%;color:#2c2c2c;text-shadow:0 1px 2px rgba(198,198,198,.5)}
.treow-pin-result b,.treow-pin-result strong{font-weight:700}

/* Boxed result mode */
.treow-result-boxed .treow-pin-result{
  box-shadow:0 1px 0 rgba(0,0,0,.4);
  padding:6px 0;
}