.fys-widget{
  width:100%;
  box-sizing:border-box;
}
.fys-widget .fys-outer{
  width:100%;
  padding-left:0.5rem;
  padding-right:0.5rem;
  box-sizing:border-box;
}

.fys-widget .fys-input-container{
  position:relative;
  height:5rem;
  width:100%;
  border:1px solid var(--color-border);
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color:var(--color-background);
  box-sizing:border-box;
}

.fys-widget .fys-domain-input{
  padding-left:1rem;
  padding-right:10rem;
  height:100%;
  width:100%;
  background-color:transparent;
  border:none;
  outline:none;
  border-radius:9999px;
  font-size:1.125rem;
  font-weight:600;
  font-family:inherit;
  color:var(--color-text);
}

.fys-widget .fys-submit-button{
  position:absolute;
  right:0.5rem;
  height:4rem;
  width:9rem;
  color:var(--color-button-text);
  border:1px solid var(--color-border);
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s;
  padding:0 1rem;
  background-color:var(--color-button-bg);
}

.fys-widget .fys-submit-button:hover{
  background-color:var(--color-button-hover-bg);
  color:var(--color-button-hover-text);
  border-color:var(--color-button-hover-border);
}

.fys-widget .fys-button-icon{
  width:18px;
  height:18px;
  object-fit:contain;
}

/* Category dropdown removed for simplified single-URL redirect */

.fys-widget .fys-error-messages{
  width:100%;
  text-align:center;
  margin-top:0.5rem;
}

.fys-widget .fys-error{
  font-size:0.75rem;
  font-style:italic;
  color:var(--color-error);
  display:none;
  margin:0.25rem 0;
}

.fys-widget .fys-mobile-controls{
  display:none;
  margin:1rem auto 0 auto;
  width:100%;
  max-width:20rem;
}

.fys-widget .fys-mobile-button{
  height:3rem;
  width:100%;
  color:var(--color-button-text);
  border:1px solid var(--color-border);
  border-radius:9999px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s;
  padding:0 1rem;
  background-color:var(--color-button-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
}

.fys-widget .fys-mobile-button:hover{
  background-color:var(--color-button-hover-bg);
  color:var(--color-button-hover-text);
  border-color:var(--color-button-hover-border);
}

@media (max-width: 768px){
  .fys-widget .fys-submit-button{
    display:none !important;
  }

  .fys-widget .fys-mobile-controls{
    display:block !important;
  }

  .fys-widget .fys-domain-input{
    padding-right:1rem;
    text-align:center;
  }
}