/* Native Cognito theme variables: preserve field behavior, validation and branding. */
.movit-form .cog-cognito.cog-form {
 --font-family:'Sora',sans-serif; --font-size:15px; --font-weight:400; --line-height:1.7;
 --color:#24283c; --primary:#090C9B; --primary-reverse:#fff; --highlight:#5200C6;
 --highlight-reverse:#fff; --background-hsl:180,43%,95%; --gutter:24px;
 --form__background-color:transparent; --form__width:100%; --form__margins:0px; --form__margins--responsive:0px;
 --page__background-color:transparent; --page__background-image:none; --page__margins:0px;
 --header__background-color:transparent; --header__color:#090C9B;
 --header__font-family:'Space Grotesk',sans-serif; --header__font-size:1.5rem; --header__font-weight:600;
 --heading__font-family:'Space Grotesk',sans-serif; --heading__color:#090C9B; --heading__font-size:1.2rem;
 --label__font-family:'Sora',sans-serif; --label__color:#44485b; --label__font-size:.8rem; --label__font-weight:500;
 --input__background-color:#fff; --input__border-color:#D6E5E3; --input__border-radius:10px;
 --input__border-width:1px; --input__color:#16182c; --input__padding-h:16px; --input__padding-v:12px;
 --input__box-shadow:none; --input-focus__box-shadow:0 0 0 3px rgba(9,12,155,.10);
 --placeholder__color:#7b8390; --checkable__border-color:#a7b7ba; --input-highlight:#090C9B;
 --button-primary__background-color:#090C9B; --button-primary__border-radius:100px;
 --button-primary__color:#fff; --button-primary__font-family:'Space Grotesk',sans-serif;
 --button-primary__font-size:.9rem; --button-primary__font-weight:600;
 --button-secondary__border-radius:100px; --button-secondary__border-color:#090C9B;
 --button-secondary__color:#090C9B; --button-secondary__background-color:transparent;
 --button-secondary__font-family:'Space Grotesk',sans-serif;
 --a__color:#090C9B; --a__font-family:'Sora',sans-serif; --card__border-color:#D6E5E3;
 width:100%; max-width:none; background:transparent; font-family:'Sora',sans-serif;
}
.movit-form { min-width:0; width:100%; }
.movit-form .cog-form__container { box-shadow:none !important; border:0 !important; background:transparent !important; }
.movit-form .cog-button--primary { border-radius:100px !important; background:#090C9B !important; color:#fff !important; padding:14px 30px !important; }
.movit-form .cog-button--primary:hover { background:#5200C6 !important; }
.movit-form :is(input,textarea,select):focus-visible { outline:2px solid #090C9B; outline-offset:2px; }
.supplier-main { max-width:1320px; margin:0 auto; padding:150px 48px 96px; }
.supplier-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:end; margin-bottom:48px; }
.supplier-intro h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.04; letter-spacing:-.045em; color:#090C9B; margin:18px 0; }
.supplier-intro p { font-size:.95rem; line-height:1.85; color:#58616c; max-width:54ch; }
.supplier-eyebrow { font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:#090C9B; }
.supplier-steps { display:flex; gap:20px; padding:22px 0; border-top:1px solid #D6E5E3; border-bottom:1px solid #D6E5E3; color:#727d86; font-size:.8rem; }
.supplier-steps .active { color:#090C9B; font-weight:500; }
.supplier-panel { padding:clamp(24px,4vw,56px); border:1px solid #D6E5E3; border-radius:24px; background:rgba(255,255,255,.7); }
.supplier-help { font-size:.8rem; color:#58616c; line-height:1.8; margin-top:24px; }
.supplier-help a { color:#090C9B; }
.form-load-error { margin:20px 0; color:#7a2835; line-height:1.7; }
@media(max-width:700px) {
 .supplier-main { padding:118px 20px 60px; }
 .supplier-intro { grid-template-columns:1fr; gap:24px; margin-bottom:28px; }
 .supplier-steps { gap:12px; font-size:.75rem; }
 .movit-form .cog-cognito.cog-form { --font-size:16px; --gutter:18px; }
}

/* The public inquiry description field needs room for complete shipment details. */
#cognito-contact .cog-form textarea,
#cognito-contact textarea {
  min-height: 190px !important;
  height: 190px !important;
  line-height: 1.65 !important;
  resize: vertical !important;
}
@media (max-width: 700px) {
  #cognito-contact .cog-form textarea,
  #cognito-contact textarea { min-height: 155px !important; height: 155px !important; }
}
/* Public inquiry form: give the request field visual priority while preserving balance. */
#contact { grid-template-columns: minmax(260px,.78fr) 1px minmax(0,1.42fr); }
#cognito-contact { max-width:none; }
#cognito-contact .cog-field:has(textarea) { width:100% !important; grid-column:1 / -1; }
#cognito-contact .cog-field:has(textarea) textarea,
#cognito-contact textarea { display:block; width:100% !important; min-width:100% !important; min-height:230px !important; height:230px !important; }
#cognito-contact .movit-request-subtitle { margin:3px 0 12px; color:rgba(0,0,0,.48); font-family:'Sora',sans-serif; font-size:.82rem; line-height:1.55; }
@media (max-width:900px) { #contact { grid-template-columns:1fr; } }
@media (max-width:700px) { #cognito-contact .cog-field:has(textarea) textarea, #cognito-contact textarea { min-height:180px !important; height:180px !important; } }
/* Keep the contact form in its original right-hand column. Only the description field expands. */
#contact { grid-template-columns: 1fr 1px 1fr; }
#cognito-contact .cog-field:has(textarea),
#cognito-contact .cog-field:has(textarea) .cog-input,
#cognito-contact .cog-field:has(textarea) .cog-input textarea,
#cognito-contact .cog-field:has(textarea) textarea {
  width:100% !important; max-width:none !important; min-width:0 !important;
}
#cognito-contact .cog-field:has(textarea) textarea {
  display:block !important; min-height:230px !important; height:230px !important;
}
@media (max-width:700px) {
  #cognito-contact .cog-field:has(textarea) textarea { min-height:180px !important; height:180px !important; }
}

/* Cognito's description field is the full-width request area. */
#cognito-contact .cog-row:has(textarea) { display:block !important; width:100% !important; }
#cognito-contact .cog-field:has(textarea) { display:block !important; width:100% !important; max-width:none !important; flex:0 0 100% !important; }
#cognito-contact .cog-field:has(textarea) .cog-input, #cognito-contact .cog-field:has(textarea) textarea { width:100% !important; max-width:none !important; }

/* Mobile contact and navigation corrections, September 2026. */
@media (max-width:900px) {
  #contact { grid-template-columns:minmax(0,1fr); gap:2.5rem; }
  #contact .contact-divider { display:none; }
  #contact .contact-left, #contact .contact-right { width:100%; min-width:0; }
}
@media (max-width:768px) {
  .site-header { backdrop-filter:none; -webkit-backdrop-filter:none; background:#EBF7F7; }
  .hamburger { width:44px; height:44px; align-items:center; }
  .hamburger span { background:#090C9B; }
  .hamburger.is-open span { background:#EBF7F7; }
  .nav-links { height:100dvh; min-height:0; padding:88px 24px 32px; overflow-y:auto; overscroll-behavior:contain; }
  .nav-links li { width:100%; max-width:480px; padding:.6rem 0; }
  .nav-links a, .nav-links details > summary { min-height:44px; padding:.75rem 0; text-transform:uppercase; }
  .nav-links details > summary { font-size:1.1rem; font-weight:500; }
  .nav-links .sub-links a { color:rgba(235,247,247,.8); }
  #contact { padding:3.5rem 1.25rem; }
  #contact .contact-details { gap:.7rem; font-size:1rem; line-height:1.6; overflow-wrap:anywhere; }
  #contact .contact-details .cd-company { margin-bottom:.3rem; }
  #contact .contact-details .cd-email { margin-top:.65rem; }
  #contact .contact-details a { display:inline-block; padding:.4rem 0; }
  #contact .section-title { margin-bottom:1.5rem; }
  footer { flex-direction:column; align-items:flex-start; gap:1.25rem; padding:2rem 1.25rem; }
  .footer-email { text-align:left; }
  .footer-copy { color:rgba(235,247,247,.6); line-height:1.7; }
  .movit-form :is(input,textarea,select) { font-size:16px; }
}

/* Mobile contact and navigation corrections, September 2026. */
@media (max-width:900px) {
  #contact { grid-template-columns:minmax(0,1fr); gap:2.5rem; }
  #contact .contact-divider { display:none; }
  #contact .contact-left, #contact .contact-right { width:100%; min-width:0; }
}
@media (max-width:768px) {
  .site-header { backdrop-filter:none; -webkit-backdrop-filter:none; background:#EBF7F7; }
  .hamburger { width:44px; height:44px; align-items:center; }
  .hamburger span { background:#090C9B; }
  .hamburger.is-open span { background:#EBF7F7; }
  .nav-links { height:100dvh; min-height:0; padding:88px 24px 32px; overflow-y:auto; overscroll-behavior:contain; }
  .nav-links li { width:100%; max-width:480px; padding:.6rem 0; }
  .nav-links a, .nav-links details > summary { min-height:44px; padding:.75rem 0; text-transform:uppercase; }
  .nav-links details > summary { font-size:1.1rem; font-weight:500; }
  .nav-links .sub-links a { color:rgba(235,247,247,.8); }
  #contact { padding:3.5rem 1.25rem; }
  #contact .contact-details { gap:.7rem; font-size:1rem; line-height:1.6; overflow-wrap:anywhere; }
  #contact .contact-details .cd-company { margin-bottom:.3rem; }
  #contact .contact-details .cd-email { margin-top:.65rem; }
  #contact .contact-details a { display:inline-block; padding:.4rem 0; }
  #contact .section-title { margin-bottom:1.5rem; }
  footer { flex-direction:column; align-items:flex-start; gap:1.25rem; padding:2rem 1.25rem; }
  .footer-email { text-align:left; }
  .footer-copy { color:rgba(235,247,247,.6); line-height:1.7; }
  .movit-form :is(input,textarea,select) { font-size:16px; }
}
