/*
SEARCH FIELD - MAIN MENU
*/
/* ========================
   Container search inițial
   ======================== */
.head_h-search {
  width: 50px;                 /* doar dimensiunea iconului */
  display: flex;
  align-items: center;
  transition: width 0.3s ease, background-color 0.3s ease;
  background-color: transparent; /* fără background inițial */
  border-radius: 4px;
}

/* ========================
   Panel input ascuns inițial
   ======================== */
.head_ha-sub {
  display: none;
  flex: 1;
  align-items: center;
  gap: 5px;
}

/* ========================
   Stare activă = container extins
   ======================== */
.head_h-search.active {
  width: calc(100% - 50px);      /* ocupă spațiul liber după dispariția meniului */
  background-color: #f2f2f2;
  border-radius: 25px;
  /* background când este extins */
}

/* panelul devine vizibil când containerul e activ */
.head_h-search.active .head_ha-sub {
  display: flex;
}

/* ========================
   Input + X
   ======================== */
.head_ha-box {
  display: flex;
  align-items: center;
  width: 100%;
}

.head_ha-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 5px;
  background: transparent;
}

.head_ha-close {
  width: 20px;
  height: 20px;
  cursor: pointer;
}