/**
 * HDH Company ARV shell — samma px/responsivitet som dashboarden
 * Överstyr sidornas egna max-width (1120/1200/1400 …).
 * Offertgeneratorn undantas.
 */

body.company-arv-rail:not(.quote-generator-page) {
  --arv-shell-max: 1600px;
  --arv-pad-x: 1.5rem;
  --arv-pad-y: 1rem;
  --arv-gap: 1.05rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.company-arv-rail:not(.quote-generator-page) {
    --arv-pad-x: clamp(1.25rem, 3.5vw, 2rem);
    --arv-pad-y: 0.9rem;
  }
}

@media (min-width: 1025px) {
  body.company-arv-rail:not(.quote-generator-page) {
    --arv-pad-x: 2rem;
    --arv-pad-y: 1rem;
  }
}

/* Alla vanliga sid-rotwrappers — samma shell som .dashboard-container
 * Undantag: .sellers-container (och liknande 3-kolumns CRM) — de behöver
 * full bredd i rail-ytan, annars kläms raderna ihop och text överlappar.
 */
body.company-arv-rail:not(.quote-generator-page) .dashboard-container,
body.company-arv-rail:not(.quote-generator-page) .page-container,
body.company-arv-rail:not(.quote-generator-page) .analytics-page,
body.company-arv-rail:not(.quote-generator-page) .profile-container,
body.company-arv-rail:not(.quote-generator-page) .team-page,
body.company-arv-rail:not(.quote-generator-page) .reviews-container,
body.company-arv-rail:not(.quote-generator-page) .contact-hub-container,
body.company-arv-rail:not(.quote-generator-page) .mina-avtal-page,
body.company-arv-rail:not(.quote-generator-page) .help-center-container,
body.company-arv-rail:not(.quote-generator-page) .cp-main,
body.company-arv-rail:not(.quote-generator-page) .planner-body,
body.company-arv-rail:not(.quote-generator-page) .planner-hero-inner,
body.company-arv-rail:not(.quote-generator-page) .main-content,
body.company-arv-rail:not(.quote-generator-page) .content-wrapper,
body.company-arv-rail:not(.quote-generator-page) .company-shell,
body.company-arv-rail:not(.quote-generator-page) main.company-main {
  width: 100% !important;
  max-width: min(var(--arv-shell-max, 1600px), 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (min-width: 1025px) {
  body.company-arv-rail:not(.quote-generator-page) .dashboard-container,
  body.company-arv-rail:not(.quote-generator-page) .page-container,
  body.company-arv-rail:not(.quote-generator-page) .analytics-page,
  body.company-arv-rail:not(.quote-generator-page) .profile-container,
  body.company-arv-rail:not(.quote-generator-page) .team-page,
  body.company-arv-rail:not(.quote-generator-page) .reviews-container,
  body.company-arv-rail:not(.quote-generator-page) .contact-hub-container,
  body.company-arv-rail:not(.quote-generator-page) .mina-avtal-page,
  body.company-arv-rail:not(.quote-generator-page) .help-center-container,
  body.company-arv-rail:not(.quote-generator-page) .cp-main,
  body.company-arv-rail:not(.quote-generator-page) .company-shell {
    padding-left: var(--arv-pad-x, 2rem) !important;
    padding-right: var(--arv-pad-x, 2rem) !important;
    padding-top: var(--arv-pad-y, 1rem) !important;
    padding-bottom: calc(var(--arv-pad-y, 1rem) + 1.25rem) !important;
    background-color: transparent;
  }
}

@media (max-width: 1024px) {
  body.company-arv-rail:not(.quote-generator-page) .dashboard-container,
  body.company-arv-rail:not(.quote-generator-page) .page-container,
  body.company-arv-rail:not(.quote-generator-page) .analytics-page,
  body.company-arv-rail:not(.quote-generator-page) .profile-container,
  body.company-arv-rail:not(.quote-generator-page) .team-page,
  body.company-arv-rail:not(.quote-generator-page) .reviews-container,
  body.company-arv-rail:not(.quote-generator-page) .help-center-container,
  body.company-arv-rail:not(.quote-generator-page) .cp-main {
    padding-left: var(--arv-pad-x, 1rem) !important;
    padding-right: var(--arv-pad-x, 1rem) !important;
  }
}

@media (max-width: 767px) {
  body.company-arv-rail:not(.quote-generator-page) {
    --arv-pad-x: 0.85rem;
    --arv-pad-y: 0.75rem;
  }

  body.company-arv-rail:not(.quote-generator-page) .page-container,
  body.company-arv-rail:not(.quote-generator-page) .analytics-page,
  body.company-arv-rail:not(.quote-generator-page) .profile-container,
  body.company-arv-rail:not(.quote-generator-page) .team-page,
  body.company-arv-rail:not(.quote-generator-page) .reviews-container {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Undvik “luft” under footern: body-bakgrunden (#F2EFE9) syns annars
 * under mörk footer p.g.a. padding-bottom för bottennav. */
body.company-page #footer-placeholder {
  background: #111827; /* matchar footer bg-gray-900 */
  margin: 0;
  padding: 0;
  line-height: 0;
}

body.company-page #footer-placeholder > footer {
  line-height: normal;
  margin: 0;
}

@media (min-width: 1025px) {
  body.company-arv-rail.company-mobile-nav-active {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1024px) {
  /* Flytta clearance till footern så remsan är mörk, inte cream */
  body.company-page.company-mobile-nav-active {
    padding-bottom: 0 !important;
  }

  body.company-page.company-mobile-nav-active #footer-placeholder > footer {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}