/* CLIMAT V32 — HEADER POLISH
   CSS only. No JS. No DOM changes.
*/

/* ---------- DESKTOP ---------- */
@media (min-width: 992px) {

  header {
    background: #fff !important;
    border-bottom: 1px solid #e3edf1 !important;
    box-shadow: 0 3px 14px rgba(7,59,102,.035) !important;
  }

  header .container {
    padding-top: 2px !important;
    padding-bottom: 4px !important;
  }

  /* top row spacing */
  header .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  header .row + .row {
    margin-top: 2px !important;
  }

  /* logo */
  #logo {
    margin: 0 !important;
  }

  #logo a {
    min-height: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
  }

  #logo img {
    width: 178px !important;
    max-width: 178px !important;
    max-height: 50px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* existing contact area */
  #h-contacts {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
  }

  #h-contacts .phone-number,
  #h-contacts .h5 {
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 0 3px !important;
    font-weight: 900 !important;
    color: #073b66 !important;
  }

  #climat-header-actions {
    margin-top: 2px !important;
    gap: 5px !important;
  }

  #climat-header-actions .cs-head-btn {
    min-height: 27px !important;
    height: 27px !important;
    padding: 4px 9px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  /* second row */
  #ftMenu,
  #ftSearch,
  #ft_cart {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #ftMenu > button,
  #ftSearch .input-group,
  #ft_cart > button {
    min-height: 37px !important;
    height: 37px !important;
    border-radius: 9px !important;
  }

  #ftMenu > button {
    min-width: 150px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 11px !important;
  }

  #ftSearch {
    flex: 1 1 auto !important;
    min-width: 360px !important;
  }

  #ftSearch .form-control,
  #ftSearch .btn,
  #ftSearch select {
    min-height: 35px !important;
    height: 35px !important;
    font-size: 11px !important;
  }

  #ft_cart > button {
    min-width: 110px !important;
    font-size: 10px !important;
  }
}

/* ---------- TABLET ---------- */
@media (min-width: 576px) and (max-width: 991.98px) {
  header .container {
    padding-top: 3px !important;
    padding-bottom: 5px !important;
  }

  #logo a {
    min-height: 43px !important;
    height: 43px !important;
  }

  #logo img {
    width: 148px !important;
    max-width: 148px !important;
    max-height: 43px !important;
    height: auto !important;
  }

  #ftMenu > button,
  #ft_cart > button {
    width: 44px !important;
    min-width: 44px !important;
    height: 39px !important;
    min-height: 39px !important;
  }

  #ftSearch {
    margin-top: 4px !important;
  }

  #ftSearch .input-group {
    min-height: 39px !important;
    height: 39px !important;
  }
}

/* ---------- PHONE ---------- */
@media (max-width: 575.98px) {
  header .container {
    padding-top: 3px !important;
    padding-bottom: 5px !important;
  }

  #logo a {
    min-height: 41px !important;
    height: 41px !important;
  }

  #logo img {
    width: 140px !important;
    max-width: 140px !important;
    max-height: 42px !important;
    height: auto !important;
  }

  #ftMenu > button,
  #ft_cart > button {
    width: 43px !important;
    min-width: 43px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  #ftSearch {
    margin-top: 3px !important;
  }

  #ftSearch .input-group {
    min-height: 38px !important;
    height: 38px !important;
  }
}