/* GOLDGCP: one page, two layouts. Desktop design >= 1100px, mobile design below. */
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F7F5F1; }

.gcp-m { display: none; }
@media (max-width: 1099px) {
  .gcp-d:not(.gcp-only) { display: none; }
  .gcp-m { display: block; }
}

/* Desktop: 1440px canvas, scaled down by gcp.js on smaller windows. */
.gcp-d > .g { margin: 0 auto; }

/* Mobile: the 390px canvas becomes fluid (phones up to small tablets). */
.gcp-m > .g,
#gcp-mnav > .g { width: 100% !important; max-width: 720px; margin: 0 auto; overflow-x: clip; }
.gcp-m img { max-width: 100%; }
.gcp-m [style*="width: 360px"] { max-width: 100%; }
.gcp-m .g-mbar { position: sticky; bottom: 0; z-index: 30; }

/* Mega menus open over the page, below the header. */
.gcp-mega { position: relative; z-index: 40; height: 0; }
.gcp-mega > [data-mega] { position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; box-shadow: 0 24px 48px rgba(27, 29, 31, 0.12); }

/* Mobile menu overlay. */
#gcp-mnav { position: fixed; inset: 0; z-index: 100; overflow-y: auto; background: #F7F5F1; }

/* Form states. */
.g-input[aria-invalid="true"] { border-color: var(--error) !important; }
button[disabled] { opacity: 0.55; cursor: not-allowed; }
.g-upload { position: relative; }
.g-opt:focus-visible, .g-btn:focus-visible, .g-acc-btn:focus-visible, .g-nav .n:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
#gcp-mnav button[aria-expanded="true"] .gcp-pm .v { display: none; }

/* Bigger header logo so the "General Construction Platform" tagline under GOLDGCP is readable */
.gcp-d header img[src$="goldgcp-logo.svg"]{height:44px!important}
.gcp-m header img[src$="goldgcp-logo.svg"],#gcp-mnav header img[src$="goldgcp-logo.svg"]{height:40px!important}

/* Plainer type: no rule line before section labels, no uppercase tracking, no italic accent words in headlines */
.g-eyebrow::before{display:none!important}
.g-eyebrow{text-transform:none!important;letter-spacing:.01em!important;font-size:14px!important;font-weight:600!important}
.g-it{font-style:normal!important}

/* Menus: SVG icon before every link (build/mega-menu.js) */
.gcp-mega li a,#gcp-mnav li a{display:inline-flex!important;align-items:center;gap:10px}
.gcp-mega .gm-ic,#gcp-mnav .gm-ic{flex-shrink:0;width:30px;height:30px;padding:6px;border-radius:8px;background:#F1EEE6;color:var(--olive);transition:background .15s,color .15s}
.gcp-mega li a:hover .gm-ic,#gcp-mnav li a:hover .gm-ic{background:var(--olive);color:var(--gold)}
.gcp-mega ul{display:flex;flex-direction:column;gap:2px}