/* ---------- fix: keep input visible on phones ---------- */
@media (max-width:575.98px){

  /* icon | input | button live in a single flex row         */
  #ytForm .input-group{display:flex;flex-wrap:nowrap;width:100%;}

  /* 1. icon (unchanged)                                     */
  #ytForm .input-group-text{
    width:3rem;justify-content:center;align-items:center;
    border:1px solid #d1d5db;border-right:0;
    border-radius:.65rem 0 0 .65rem;padding:.7rem 0;
  }

  /* 2. URL field – let it GROW                              */
  #ytForm .form-control{
    flex:1 1 auto;              /*  ←  this is the space-giver      */
    min-width:0;                /*  ←  prevents overflow glitches   */
    border:1px solid #d1d5db;border-left:0;
    border-radius:0;            /*   square edges; icon + btn own radii */
    font-size:1rem;padding:.7rem .9rem;
  }

  /* 3. button – AUTO width, not 100%                         */
  #ytSubmit{
    flex:0 0 auto;              /*  ←  shrink to its content        */
    width:auto;                 /*  ←  kills the 100% rule          */
    padding:.7rem 1.3rem;
    border-radius:0 .65rem .65rem 0;
    margin-left:-1px;           /*  aligns border seam              */
    font-size:1rem;
  }
}



.logo-strip {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  padding-bottom: 30px;
    margin-top: 0px;
    justify-content: center;
    font-size: 1.75rem;
    color: var(--primary);
    opacity: .8
}

@media(max-width:640px) {
    .tool-wrapper {
        padding: 1.5rem
    }
}



@media (max-width:575.98px){

  
  /* 3. button – AUTO width, not 100%                         */
  #dmSubmit{
    flex:0 0 auto;              /*  ←  shrink to its content        */
    width:auto;                 /*  ←  kills the 100% rule          */
    padding:.7rem 1.3rem;
    border-radius:0 .65rem .65rem 0;
    margin-left:-1px;           /*  aligns border seam              */
    font-size:1rem;
  }
}