/* Seaborne Website v1.5
   Replace full-width deep-blue content section backgrounds with a light blue.
   Image-led hero areas, navigation, footer and intentionally dark content cards
   are retained. Keep this file loaded after page-specific styles. */
:root {
  --sb-section-light-blue: #EAF6FC;
  --sb-section-text: #173B55;
  --sb-section-muted: #49677D;
}

/* Full-width content sections with deep-blue backgrounds. */
main.about-page #mission,
main.about-page #leads,
body .section.section-dark,
body.sales-page section.sales-dark,
body.project-page section.pm-market-section,
body.engineering-page section.eng-section-dark,
html body.major-auxiliary-page #capabilities,
body.propulsion-thrusters-page section.pt-brand-section,
body.galley-accommodation-page section.experience,
body.control-systems-page section.control-map,
body.electrical-automation-page section.coverage,
body.hvac-ventilations-page section.coverage,
html body.marine-engine-page me-section.me-oem-section#oems {
  background: var(--sb-section-light-blue) !important;
  background-image: none !important;
  color: var(--sb-section-text) !important;
}

/* Product landing — lighten the full-width Marine Supply Process field.
   Retain dark process tiles as inset cards so their white text stays readable. */
body.products-page .products-page-content .mp-process {
  background: var(--sb-section-light-blue) !important;
  color: var(--sb-section-text) !important;
}
body.products-page .products-page-content .mp-process:after {
  display: none !important;
  background: none !important;
}
body.products-page .products-page-content .mp-process .mp-process-bg {
  display: none !important;
}
body.products-page .products-page-content .mp-process .mp-kicker {
  color: #1761A7 !important;
}
body.products-page .products-page-content .mp-process h2 {
  color: var(--sb-section-text) !important;
}
body.products-page .products-page-content .mp-process .mp-process-intro {
  color: var(--sb-section-muted) !important;
}
body.products-page .products-page-content .mp-process .mp-step {
  background: #173B55 !important;
  border-color: #285773 !important;
  color: #FFFFFF !important;
}
body.products-page .products-page-content .mp-process .mp-step h3 {
  color: #FFFFFF !important;
}
body.products-page .products-page-content .mp-process .mp-step p {
  color: #D8EAF4 !important;
}

/* About — Mission & Vision. Keep the image and the designed Vision card intact. */
main.about-page #mission .section-head .kicker,
main.about-page #mission .section-head .kicker-sub,
main.about-page #mission .section-head h2,
main.about-page #mission .section-head p,
main.about-page #mission > .container > .copy p,
main.about-page #mission .copy p {
  color: var(--sb-section-text) !important;
}
main.about-page #mission .section-head .kicker {
  color: #1761A7 !important;
}

/* About — What Leads Us. Restyle the semi-transparent diagram for the light field. */
main.about-page #leads .copy .kicker,
main.about-page #leads .copy .kicker-sub-white,
main.about-page #leads .copy p {
  color: var(--sb-section-text) !important;
}
main.about-page #leads .lead-framework {
  background: rgba(255,255,255,.68) !important;
  border-color: #C7E1EF !important;
}
main.about-page #leads .lead-center {
  background: linear-gradient(145deg, #D7F0FB, #F8FCFE) !important;
  border-color: #B9DDED !important;
  color: var(--sb-section-text) !important;
}
main.about-page #leads .lead-center span,
main.about-page #leads .lead-node b {
  color: #1761A7 !important;
}
main.about-page #leads .lead-node {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
  color: var(--sb-section-text) !important;
}
main.about-page #leads .lead-node strong {
  color: var(--sb-section-text) !important;
}
main.about-page #leads .lead-node span {
  color: var(--sb-section-muted) !important;
}

/* Other shared dark section style. */
body.section-dark .section-head .kicker,
body .section.section-dark .section-head .kicker,
body .section.section-dark .pm-dark-head .kicker {
  color: #1761A7 !important;
}

/* Project Management — Market Research.
   Keep the whole section light blue and the subtitle deep blue, while retaining
   the original dark information panels and white/light-cyan panel typography. */
body.project-page #market .pm-section-head .kicker {
  color: #1761A7 !important;
}
body.project-page #market .pm-section-head .kicker-sub,
body.project-page #market .pm-section-head h2,
body.project-page #market .pm-section-head p,
body.project-page #market .pm-market-copy > p {
  color: #173B55 !important;
}
body.project-page #market .pm-objective {
  background: #1B425E !important;
  border-color: #355A75 !important;
  color: #FFFFFF !important;
}
body.project-page #market .pm-objective strong {
  color: #8EDCFF !important;
}
body.project-page #market .pm-objective p {
  color: #D5E4ED !important;
}
body.project-page #market .pm-market-card {
  background: #1B425E !important;
  border-color: #355A75 !important;
  color: #FFFFFF !important;
}
body.project-page #market .pm-market-card span {
  color: #8EDCFF !important;
}
body.project-page #market .pm-market-card h3 {
  color: #FFFFFF !important;
}

/* Sales & Services — keep the dark feature panel as an inset panel. */
body.sales-page #edge .section-head .kicker,
body.sales-page #edge .section-head .kicker-sub,
body.sales-page #edge .section-head h2,
body.sales-page #edge .section-head p,
body.sales-page #edge .copy p {
  color: var(--sb-section-text) !important;
}
body.sales-page #edge .section-head .kicker {
  color: #1761A7 !important;
}

/* Engineering & Technical — leave the process steps/cards as designed. */
body.engineering-page #yard .eng-kicker,
body.engineering-page #yard .eng-section-head h2,
body.engineering-page #yard .eng-section-head p,
body.engineering-page #yard .eng-copy > p {
  color: var(--sb-section-text) !important;
}
body.engineering-page #yard .eng-card p {
  color: var(--sb-section-muted) !important;
}
body.engineering-page #yard .eng-kicker {
  color: #1761A7 !important;
}

/* Major Auxiliary — change the section field but retain its dark capability cards. */
html body.major-auxiliary-page #capabilities > .container > .section-head .kicker,
html body.major-auxiliary-page #capabilities > .container > .section-head h2,
html body.major-auxiliary-page #capabilities > .container > .section-head p {
  color: var(--sb-section-text) !important;
}
html body.major-auxiliary-page #capabilities > .container > .section-head .kicker {
  color: #1761A7 !important;
}

/* Propulsion & Thrusters — light section and readable brand details. */
body.propulsion-thrusters-page #company .pt-brand-content .pt-kicker,
body.propulsion-thrusters-page #company .pt-brand-content h2,
body.propulsion-thrusters-page #company .pt-brand-content p {
  color: var(--sb-section-text) !important;
}
body.propulsion-thrusters-page #company .pt-brand-content .pt-kicker {
  color: #1761A7 !important;
}
body.propulsion-thrusters-page #company .pt-brand-mark-large {
  background: rgba(255,255,255,.68) !important;
  border-color: #C8E1EE !important;
}
body.propulsion-thrusters-page #company .pt-brand-mark-large:after {
  border-color: rgba(31,169,234,.10) !important;
}
body.propulsion-thrusters-page #company .pt-brand-point {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
}
body.propulsion-thrusters-page #company .pt-brand-point strong {
  color: var(--sb-section-text) !important;
}
body.propulsion-thrusters-page #company .pt-brand-point span {
  color: var(--sb-section-muted) !important;
}

/* Galley & Accommodation — lighten the experience section and its feature tiles. */
body.galley-accommodation-page #experience .kicker,
body.galley-accommodation-page #experience h2,
body.galley-accommodation-page #experience p {
  color: var(--sb-section-text) !important;
}
body.galley-accommodation-page #experience .kicker {
  color: #1761A7 !important;
}
body.galley-accommodation-page #experience .point {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
}
body.galley-accommodation-page #experience .point strong {
  color: var(--sb-section-text) !important;
}
body.galley-accommodation-page #experience .point span {
  color: var(--sb-section-muted) !important;
}

/* Control Systems — light system coverage field with white coverage tiles. */
body.control-systems-page #system-map .kicker,
body.control-systems-page #system-map h2,
body.control-systems-page #system-map > .container > div:first-child p {
  color: var(--sb-section-text) !important;
}
body.control-systems-page #system-map .kicker {
  color: #1761A7 !important;
}
body.control-systems-page #system-map .map-point {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
}
body.control-systems-page #system-map .map-point strong {
  color: var(--sb-section-text) !important;
}
body.control-systems-page #system-map .map-point span {
  color: var(--sb-section-muted) !important;
}

/* Electrical & Automation and HVAC & Ventilation coverage sections. */
body.electrical-automation-page #coverage .kicker,
body.electrical-automation-page #coverage h2,
body.electrical-automation-page #coverage p,
body.hvac-ventilations-page #coverage .kicker,
body.hvac-ventilations-page #coverage h2,
body.hvac-ventilations-page #coverage p {
  color: var(--sb-section-text) !important;
}
body.electrical-automation-page #coverage .kicker,
body.hvac-ventilations-page #coverage .kicker {
  color: #1761A7 !important;
}
body.electrical-automation-page #coverage .coverage-item,
body.hvac-ventilations-page #coverage .coverage-item {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
}
body.electrical-automation-page #coverage .coverage-item strong,
body.hvac-ventilations-page #coverage .coverage-item strong {
  color: var(--sb-section-text) !important;
}
body.electrical-automation-page #coverage .coverage-item span,
body.hvac-ventilations-page #coverage .coverage-item span {
  color: var(--sb-section-muted) !important;
}

/* Marine Engine Spares — lighten the full OEM coverage section and its tiles. */
body.marine-engine-page .me-oem-section:before {
  background:
    radial-gradient(circle at 80% 30%, rgba(24,135,197,.08), transparent 34%),
    linear-gradient(90deg, rgba(23,63,95,.035) 1px, transparent 1px),
    linear-gradient(rgba(23,63,95,.035) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-eyebrow {
  color: #1761A7 !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-eyebrow:before {
  background: #1761A7 !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-section-title {
  color: var(--sb-section-text) !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-section-copy {
  color: var(--sb-section-muted) !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-oem {
  background: #FFFFFF !important;
  border-color: #C8E1EE !important;
  color: var(--sb-section-text) !important;
}
html body.marine-engine-page me-section.me-oem-section#oems .me-oem i {
  color: #1761A7 !important;
}

/* ================================================================
   v1.5 follow-up: preserve the approved dark feature treatments
   shown in the supplied reference screenshots.
   ================================================================ */

/* ABOUT — What Leads Us: keep the full-width section light blue.
   The left-hand copy must remain readable on that light field, while the
   right-hand framework panel and its four cards retain their original dark
   glass styling from the supplied screenshot. */
main.about-page #leads {
  background: var(--sb-section-light-blue) !important;
  background-image: none !important;
  color: var(--sb-section-text) !important;
}
main.about-page #leads .copy .kicker {
  color: #1761A7 !important;
}
main.about-page #leads .copy .kicker-sub-white {
  color: var(--sb-section-text) !important;
}
main.about-page #leads .copy p {
  color: var(--sb-section-muted) !important;
}
main.about-page #leads .lead-framework {
  background:
    radial-gradient(circle at 50% 45%, rgba(31,169,234,.16), transparent 28%),
    linear-gradient(135deg, #102b40, #143b58) !important;
  border-color: rgba(255,255,255,.11) !important;
  color: #fff !important;
}
main.about-page #leads .lead-center {
  background: linear-gradient(145deg, rgba(31,169,234,.20), rgba(255,255,255,.06)) !important;
  border-color: rgba(153,221,250,.22) !important;
  color: #fff !important;
}
main.about-page #leads .lead-center span,
main.about-page #leads .lead-node b {
  color: #91dcfb !important;
}
main.about-page #leads .lead-center strong,
main.about-page #leads .lead-node {
  color: #fff !important;
}
main.about-page #leads .lead-node {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.10) !important;
}
main.about-page #leads .lead-node strong {
  color: #fff !important;
}
main.about-page #leads .lead-node span {
  color: #9fb7c8 !important;
}

/* SALES & SERVICES — keep the full-width section light blue but restore
   the four right-hand Competitive Edge cards to the dark glass design. */
body.sales-page #edge .edge-points .edge-point {
  background: #1b3d58 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.sales-page #edge .edge-points .edge-point strong {
  color: #8edcff !important;
}
body.sales-page #edge .edge-points .edge-point p {
  color: #fff !important;
}

/* PROJECT MANAGEMENT — Market Research.
   The complete section field is light blue. Keep the original dark Objective
   panel and four dark capability cards from the supplied reference image.
   The subtitle must be deep blue on the light field. */
body.project-page section.pm-market-section#market {
  background: #EAF6FC !important;
  background-color: #EAF6FC !important;
  background-image: none !important;
  color: #173B55 !important;
}
body.project-page #market .pm-section-head .kicker {
  color: #1fa9ea !important;
}
body.project-page #market .pm-section-head .kicker-sub,
body.project-page #market .pm-section-head h2 {
  color: #173B55 !important;
}
body.project-page #market .pm-section-head p,
body.project-page #market .pm-market-copy > p {
  color: #173B55 !important;
}
body.project-page #market .pm-objective {
  background: #1B425E !important;
  border-color: #355A75 !important;
  color: #FFFFFF !important;
}
body.project-page #market .pm-objective strong {
  color: #8edcff !important;
}
body.project-page #market .pm-objective p {
  color: #d5e4ed !important;
}
body.project-page #market .pm-market-card {
  background: #1B425E !important;
  border-color: #355A75 !important;
  color: #FFFFFF !important;
}
body.project-page #market .pm-market-card span {
  color: #8edcff !important;
}
body.project-page #market .pm-market-card h3 {
  color: #fff !important;
}

/* ENGINEERING & TECHNICAL — keep #yard's full-width field light blue,
   while restoring the original dark Shipyard Selection and Green Financing panels. */
body.engineering-page #yard .eng-copy .eng-card {
  background: #071f31 !important;
  background-image: none !important;
  border: 1px solid #477990 !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.engineering-page #yard .eng-copy .eng-card .eng-kicker {
  color: #8bd9f9 !important;
}
body.engineering-page #yard .eng-copy .eng-card h3 {
  color: #279ff5 !important;
}
body.engineering-page #yard .eng-copy .eng-card p {
  color: #d5e4ed !important;
}
body.engineering-page #yard .eng-copy .eng-card .eng-chip {
  background: transparent !important;
  border: 1px solid #9fcde4 !important;
  color: #fff !important;
}

/* Green Financing & Subsidy Advisory — match the supplied reference image.
   Only the inner panel is dark; the surrounding #yard section remains light blue. */
body.engineering-page #yard #green.eng-green {
  background: #082034 !important;
  background-image: none !important;
  border: 1px solid #76918d !important;
  border-radius: 22px !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.engineering-page #yard #green.eng-green .eng-kicker {
  color: #2f9e61 !important;
}
body.engineering-page #yard #green.eng-green h3 {
  color: #ffffff !important;
}
body.engineering-page #yard #green.eng-green p {
  color: #e5eef5 !important;
}
body.engineering-page #yard #green.eng-green .eng-chips {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body.engineering-page #yard #green.eng-green .eng-chip {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border: 1px solid #a6cfe3 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}
@media(max-width: 480px) {
  body.engineering-page #yard #green.eng-green .eng-chips {
    grid-template-columns: 1fr !important;
  }
}