/*
 * JobLik 0.30.69 — desktop first-viewport composition
 * Keeps the complete voice and advanced search docks visible in the first
 * desktop viewport without changing the established mobile layout.
 */
@media (min-width: 1201px) {
  body[data-joblik-path="/"] .v064-hero:has(.v257-search-stack) {
    box-sizing: border-box !important;
    height: calc(100svh - 72px) !important;
    min-height: 680px !important;
    max-height: 880px !important;
    padding-top: clamp(16px, 2.1svh, 24px) !important;
    padding-bottom: 196px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body[data-joblik-path="/"] .v064-hero-media {
    align-self: center !important;
    height: clamp(330px, 46svh, 470px) !important;
    min-height: 0 !important;
    max-height: 470px !important;
  }

  body[data-joblik-path="/"] .v064-hero-copy {
    align-self: center !important;
    padding-top: 0 !important;
  }

  body[data-joblik-path="/"] .v064-hero h1 {
    font-size: clamp(48px, 3.65vw, 62px) !important;
    line-height: 1.12 !important;
    margin-block: 6px 2px !important;
  }

  body[data-joblik-path="/"] .v064-hero h1 small {
    margin-top: 5px !important;
  }

  body[data-joblik-path="/"] .v064-hero-copy > p {
    margin-block: 12px !important;
    font-size: 14px !important;
  }

  body[data-joblik-path="/"] .v064-benefits {
    gap: clamp(20px, 2vw, 32px) !important;
    margin-block: 14px 0 !important;
  }

  body[data-joblik-path="/"] .v257-search-stack {
    right: max(34px, calc((100vw - 1660px) / 2)) !important;
    left: max(34px, calc((100vw - 1660px) / 2)) !important;
    bottom: 14px !important;
    gap: 8px !important;
  }

  body[data-joblik-path="/"] .v257-voice-search {
    min-height: 62px !important;
    padding: 9px 14px !important;
  }

  body[data-joblik-path="/"] .v257-voice-field input,
  body[data-joblik-path="/"] .v257-voice-field button,
  body[data-joblik-path="/"] .v257-voice-submit {
    height: 40px !important;
    min-height: 40px !important;
  }

  body[data-joblik-path="/"] .v257-voice-copy > i {
    width: 40px !important;
    height: 40px !important;
  }

  body[data-joblik-path="/"] .v064-search {
    min-height: 76px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
  }

  body[data-joblik-path="/"] .v064-search label {
    height: 58px !important;
    padding-block: 6px !important;
  }
}

/* Short desktop screens need a denser hero, not a hidden search row. */
@media (min-width: 1201px) and (max-height: 820px) {
  body[data-joblik-path="/"] .v064-hero:has(.v257-search-stack) {
    min-height: 620px !important;
    padding-top: 10px !important;
    padding-bottom: 184px !important;
  }

  body[data-joblik-path="/"] .v064-hero-media {
    height: clamp(280px, 42svh, 365px) !important;
  }

  body[data-joblik-path="/"] .v064-hero h1 {
    font-size: clamp(42px, 3.25vw, 54px) !important;
  }

  body[data-joblik-path="/"] .v064-benefits {
    margin-top: 9px !important;
  }

  body[data-joblik-path="/"] .v257-voice-search {
    padding-block: 7px !important;
  }

  body[data-joblik-path="/"] .v064-search {
    min-height: 70px !important;
    padding-block: 6px !important;
  }

  body[data-joblik-path="/"] .v064-search label {
    height: 54px !important;
  }
}

/* Preserve the existing tablet and mobile composition verbatim. */
@media (max-width: 1200px) {
  body[data-joblik-path="/"] .v064-hero,
  body[data-joblik-path="/"] .v064-hero-media,
  body[data-joblik-path="/"] .v064-hero-copy,
  body[data-joblik-path="/"] .v257-search-stack,
  body[data-joblik-path="/"] .v064-search {
    max-height: none;
  }
}