/*
 * hytrans_fix_b2.css
 * ------------------
 * This file used to contain broad overrides that caused regressions (dashboard, account, login).
 * All required styling has been moved into:
 * - hytrans_bootstrap_layout.css (frame + minimal utilities)
 * - hytrans_layout.css (header/hero + shared components)
 * - hytrans_dashboard.css (tiles)
 * - hytrans_account.css (account accordions)
 *
 * Keep this file for backward-compatibility with app.js import order.
 */

/* =====================================================================
 * Login page tweaks (baseline-safe)
 * - Rounded V-cut (via SVG clipPath from _auth_hero.html.twig)
 * - Slightly smaller hero to free space
 * - Group "Remember me" + "Forgot password"
 * - Mobile: fit login on one screen (reduce sizes/spacings)
 * ===================================================================== */


/* Bring back a small gap between logo and hero photo (the row uses g-0 in the partial). */

.ht-performance-calculator .ht-mobile__content .px-4{
  padding-top: 26px !important;
}

.ht-performance-calculator .ht-calc-field[hidden]{
  display: none !important;
}

.ht-calc__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ht-page--auth .ht-auth__remember{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  user-select: none;
}

.ht-page--auth .ht-auth__remember-input{
  width: 18px;
  height: 18px;
  accent-color: var(--ht-blue);
}

.ht-page--auth .ht-auth__remember-label{
  font-family: 'Acumin Pro', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 17.5px;
  color: #000;
  line-height: 1.2;
}

.ht-page--auth .ht-auth__forgot-link{
  font-size: 17.5px;
  white-space: nowrap;
}

/* Mobile: reduce sizes and spacing to fit without scrolling */
@media (max-width: 420px), (max-height: 740px){
  .ht-page--auth .ht-auth-hero__media{ height: 300px; }
  .ht-page--auth .ht-auth{ padding: 14px 0 18px; }

  .ht-page--auth .ht-auth__title{
    font-size: 30px;
    margin: 0 0 14px;
  }

  .ht-page--auth .ht-field{ margin-bottom: 12px; }

  .ht-page--auth .ht-input{
    font-size: 20px;
    height: 54px;
    padding: 10px 14px;
  }

  .ht-page--auth .ht-auth__aux{
    margin-top: 6px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 14px;
  }

  .ht-page--auth .ht-auth__remember-label,
  .ht-page--auth .ht-auth__forgot-link{
    font-size: 15.5px;
  }

  .ht-page--auth .ht-btn{
    height: 54px;
    font-size: 22px;
  }
}

@media (max-width: 360px), (max-height: 680px){
  .ht-page--auth .ht-auth-hero__media{ height: 270px; }
  .ht-page--auth .ht-auth__title{ font-size: 28px; }
  .ht-page--auth .ht-btn{ height: 50px; font-size: 21px; }
}