/*
 * Final project page spacing override.
 * This file must remain after all previous project CSS files.
 */

body.ancor-premium-project,
body.ancor-project-page-fixes {
  overflow-x: hidden;
}

/* Use more of the desktop screen width */

body.ancor-premium-project .project-hero .container,
body.ancor-premium-project .apd-summary .container,
body.ancor-premium-project .project-detail-page-main > .container,
body.ancor-premium-project main > .container,
body.ancor-premium-project .inquiry-section > .container,
body.ancor-project-page-fixes .project-hero .container,
body.ancor-project-page-fixes .apd-summary .container,
body.ancor-project-page-fixes .project-detail-page-main > .container,
body.ancor-project-page-fixes main > .container {
  width: calc(100% - 40px) !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

/* Remove the large gap after the project facts */

body.ancor-premium-project .apd-summary,
body.ancor-project-page-fixes .apd-summary {
  margin-top: -34px !important;
  margin-bottom: 12px !important;
}

/* Main page previously had a large top padding */

body.ancor-premium-project .project-detail-page-main,
body.ancor-premium-project main.project-detail-page-main,
body.ancor-project-page-fixes .project-detail-page-main,
body.ancor-project-page-fixes main.project-detail-page-main {
  margin-top: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 26px !important;
}

/* Compact navigation spacing */

body.ancor-premium-project .project-nav,
body.ancor-project-page-fixes .project-nav {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 7px !important;
}

/* Main grid */

body.ancor-premium-project .project-page-layout,
body.ancor-project-page-fixes .project-page-layout {
  align-items: start !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * This fixes the visible problem in the screenshot:
 * the main content column was starting lower than the sidebar.
 */

body.ancor-premium-project .project-page-layout > *,
body.ancor-project-page-fixes .project-page-layout > * {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.ancor-premium-project .project-main,
body.ancor-premium-project .project-main-content,
body.ancor-premium-project .project-content,
body.ancor-premium-project .project-content-column,
body.ancor-premium-project .project-details-content,
body.ancor-project-page-fixes .project-main,
body.ancor-project-page-fixes .project-main-content,
body.ancor-project-page-fixes .project-content,
body.ancor-project-page-fixes .project-content-column,
body.ancor-project-page-fixes .project-details-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* First card must align with the sidebar */

body.ancor-premium-project #overview,
body.ancor-premium-project .project-main-card:first-child,
body.ancor-project-page-fixes #overview,
body.ancor-project-page-fixes .project-main-card:first-child {
  margin-top: 0 !important;
}

/* Compact cards */

body.ancor-premium-project .project-main-card,
body.ancor-project-page-fixes .project-main-card {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding: 21px !important;
}

body.ancor-premium-project .project-side-card,
body.ancor-premium-project .sidebar-card,
body.ancor-project-page-fixes .project-side-card,
body.ancor-project-page-fixes .sidebar-card {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding: 18px !important;
}

/* Reduce internal heading gaps */

body.ancor-premium-project .project-main-card h2,
body.ancor-project-page-fixes .project-main-card h2 {
  margin-top: 0 !important;
  margin-bottom: 9px !important;
}

body.ancor-premium-project .project-main-card p,
body.ancor-project-page-fixes .project-main-card p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body.ancor-premium-project .project-main-card > :last-child,
body.ancor-premium-project .project-side-card > :last-child,
body.ancor-project-page-fixes .project-main-card > :last-child,
body.ancor-project-page-fixes .project-side-card > :last-child {
  margin-bottom: 0 !important;
}

/* Compact inquiry area */

body.ancor-premium-project .inquiry-section,
body.ancor-project-page-fixes .inquiry-section {
  margin-top: 16px !important;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

/* Tablet */

@media (max-width: 1050px) {
  body.ancor-premium-project .project-page-layout,
  body.ancor-project-page-fixes .project-page-layout {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.ancor-premium-project .project-page-layout > aside,
  body.ancor-premium-project .project-sidebar,
  body.ancor-project-page-fixes .project-page-layout > aside,
  body.ancor-project-page-fixes .project-sidebar {
    position: static !important;
    top: auto !important;
  }
}

/* Mobile */

@media (max-width: 720px) {
  body.ancor-premium-project .project-hero .container,
  body.ancor-premium-project .apd-summary .container,
  body.ancor-premium-project .project-detail-page-main > .container,
  body.ancor-premium-project main > .container,
  body.ancor-premium-project .inquiry-section > .container,
  body.ancor-project-page-fixes .project-hero .container,
  body.ancor-project-page-fixes .apd-summary .container,
  body.ancor-project-page-fixes .project-detail-page-main > .container,
  body.ancor-project-page-fixes main > .container {
    width: calc(100% - 18px) !important;
  }

  body.ancor-premium-project .apd-summary,
  body.ancor-project-page-fixes .apd-summary {
    margin-bottom: 8px !important;
  }

  body.ancor-premium-project .project-detail-page-main,
  body.ancor-project-page-fixes .project-detail-page-main {
    padding-top: 5px !important;
    padding-bottom: 18px !important;
  }

  body.ancor-premium-project .project-nav,
  body.ancor-project-page-fixes .project-nav {
    margin-bottom: 9px !important;
  }

  body.ancor-premium-project .project-page-layout,
  body.ancor-project-page-fixes .project-page-layout {
    gap: 8px !important;
  }

  body.ancor-premium-project .project-main-card,
  body.ancor-premium-project .project-side-card,
  body.ancor-premium-project .sidebar-card,
  body.ancor-project-page-fixes .project-main-card,
  body.ancor-project-page-fixes .project-side-card,
  body.ancor-project-page-fixes .sidebar-card {
    margin-bottom: 8px !important;
    padding: 16px !important;
    border-radius: 15px !important;
  }

  body.ancor-premium-project .inquiry-section,
  body.ancor-project-page-fixes .inquiry-section {
    margin-top: 10px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

/* ANCOR_MOBILE_CLEANUP_V2_START */
@media (max-width: 720px) {
  body.ancor-project-detail-page .project-hero,
  body.ancor-dynamic-project-page .project-hero { min-height: 410px !important; }
  body.ancor-project-detail-page .project-hero-content,
  body.ancor-dynamic-project-page .project-hero-content { padding-top: 76px !important; padding-bottom: 44px !important; }
  body.ancor-project-detail-page .project-hero h1,
  body.ancor-dynamic-project-page .project-hero h1 { font-size: clamp(32px, 9.5vw, 39px) !important; line-height: 1.12 !important; }
  body.ancor-project-detail-page .project-hero-content > p,
  body.ancor-dynamic-project-page .project-hero-content > p { font-size: 15px !important; line-height: 1.8 !important; }
  body.ancor-project-detail-page .hero-actions,
  body.ancor-dynamic-project-page .hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:9px !important; }
  body.ancor-project-detail-page .hero-actions .btn,
  body.ancor-dynamic-project-page .hero-actions .btn { width:100% !important; min-height:48px !important; }
  body.ancor-project-detail-page .quick-facts,
  body.ancor-dynamic-project-page .quick-facts { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  body.ancor-project-detail-page .project-nav,
  body.ancor-dynamic-project-page .project-nav { position:static !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; padding:8px !important; overflow:visible !important; }
  body.ancor-project-detail-page .project-nav a,
  body.ancor-dynamic-project-page .project-nav a { min-height:42px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:8px !important; text-align:center !important; white-space:normal !important; border-radius:9px !important; }
  body.ancor-project-detail-page .apd-summary-grid,
  body.ancor-dynamic-project-page .apd-summary-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; overflow:visible !important; }
  body.ancor-project-detail-page .apd-fact,
  body.ancor-dynamic-project-page .apd-fact { min-width:0 !important; width:auto !important; flex:auto !important; }
  body.ancor-project-detail-page .project-main-card,
  body.ancor-project-detail-page .project-side-card,
  body.ancor-project-detail-page .sidebar-card { padding:18px !important; border-radius:16px !important; }
  body.ancor-project-detail-page .availability-table { display:table !important; width:100% !important; white-space:normal !important; font-size:12px !important; table-layout:fixed !important; }
  body.ancor-project-detail-page .availability-table th,
  body.ancor-project-detail-page .availability-table td { padding:10px 7px !important; overflow-wrap:anywhere !important; }
  body.ancor-project-detail-page .gallery-grid { grid-auto-rows:auto !important; gap:10px !important; }
  body.ancor-project-detail-page .gallery-grid img { width:100% !important; aspect-ratio:16/10 !important; height:auto !important; object-fit:cover !important; }
}
@media (max-width: 380px) {
  body.ancor-project-detail-page .quick-facts,
  body.ancor-dynamic-project-page .quick-facts,
  body.ancor-project-detail-page .project-nav,
  body.ancor-dynamic-project-page .project-nav { grid-template-columns:1fr !important; }
}
/* ANCOR_MOBILE_CLEANUP_V2_END */
