/* Crane Partner – Lastsikring til båt og ISO-container.
   Struktur og fargepalett følger den etablerte jernvarer-produkt.css-malen.
   Egen CSS kun til denne siden; brukes etter css/jernvarer-produkt.css.
   Den originale Project Seven BRM-bakgrunnen kontrolleres fortsatt av pluginen. */

/* Ingen CSS-bakgrunn på body: Project Seven beholder kontrollen over bakgrunnsbildet. */
.boat-shell, .boat-shell * { box-sizing: border-box; }
.jernvare-produkt-shell.boat-shell {
  width: min(1240px, calc(100% - 34px));
  max-width: 1240px;
  margin: 18px auto 24px;
  padding: 19px 20px 23px;
  background: #edf1f4 !important;
  border: 1px solid #dce3e8;
  border-radius: 6px;
  box-shadow: 0 5px 26px rgba(26,39,50,.15);
  position: relative;
}
main.jernvare-produkt-page.boat-page {
  background: transparent !important;
  color: #27343f;
  font: 400 15px/1.55 Arial, Helvetica, sans-serif;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.boat-page p { line-height: 1.55; }
.boat-page a { color: #285675; }
.boat-page a:hover { color: #173f5b; }
.boat-page :focus-visible { outline: 2px solid #346a8c; outline-offset: 2px; }

/* Samme siderytme som de moderne kjettingskrev-/løftemagnetsidene:
   grått felt rundt, hvite produktseksjoner, sparsom avrunding. */
.boat-page .breadcrumb {
  padding: 0 6px;
  margin: 1px 0 10px;
  border: 0;
  background: transparent !important;
  border-radius: 0;
  font-size: .91rem;
}
.boat-page .breadcrumb ol { display:flex; flex-wrap:wrap; gap: 4px 7px; list-style:none; padding:0; margin:0; }
.boat-page .breadcrumb li:not(:last-child)::after { content: '›'; padding-left: 7px; color:#82919b; }
.boat-page .breadcrumb li[aria-current='page'] { color:#263440; font-weight:700; }
.boat-page .language-tabs { display:flex; gap:5px; justify-content:flex-end; margin: 0 4px 7px; }
.boat-page .language-tab { background:#e5ecf1; color:#344b59; border:1px solid #ccd7df; border-radius:3px; padding:4px 9px; font:600 12px Arial,Helvetica,sans-serif; cursor:pointer; }
.boat-page .language-tab.is-active,
.boat-page .language-tab[aria-selected='true'] { background:#355d77; color:white; border-color:#355d77; }
.boat-page .jernvare-produkt-header {
  margin: 0 0 12px;
  padding: 2px 7px 5px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.boat-page .jernvare-produkt-header h1 { color:#24323d; font-size:clamp(25px,2.6vw,34px); line-height:1.23; margin:0 0 6px; }
.boat-page .jernvare-produkt-header p { color:#5d6e7a; margin:0; max-width:95ch; }
.boat-page .jernvare-produkt-hero,
.boat-page .jernvare-produkt-seksjon,
.boat-page .jernvare-cta {
  width:100%;
  margin: 0 0 10px !important;
  padding: 22px 23px !important;
  border: 1px solid #e0e6eb !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 2px 4px rgba(25,40,52,.04) !important;
  color:#27343f;
}
.boat-page .jernvare-produkt-seksjon h2,
.boat-page .jernvare-cta h2 { font-size:clamp(19px,2vw,23px); font-weight:700; line-height:1.35; margin:0 0 10px; color:#26333e; }
.boat-page .jernvare-produkt-seksjon h3 { color:#31414d; font-size:16px; margin:16px 0 8px; }
.boat-page .jernvare-produkt-seksjon p { margin:0 0 12px; }
.boat-page .jernvare-note { color:#60717e; font-size:.88rem; }

/* Produktskisse i samme hero-oppsett som andre produktsider. */
.boat-page .boat-main-hero {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.16fr);
  gap:25px;
  align-items:center;
}
.boat-page .boat-hero-visual { min-width:0; text-align:center; }
.boat-page .diagram-frame {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid #e1e7eb;
  border-radius:6px;
  background:#f8fafb;
}
.boat-page .diagram-frame img { display:block; width:100%; max-width:650px; height:auto; object-fit:contain; }
.boat-page .jernvare-bildehint { display:block; margin:8px 0 0; color:#687b87; font-size:.82rem; }
.boat-page .boat-hero-content { min-width:0; }
.boat-page .boat-hero-content h2 { margin:15px 0 9px; color:#26333e; font-size:clamp(19px,2vw,23px); }
.boat-page .jernvare-fakta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.boat-page .jernvare-fakta>div { border:1px solid #d9e3eb; background:#edf3f7; padding:11px 6px; text-align:center; border-radius:5px; }
.boat-page .jernvare-fakta strong { display:block; color:#2a5673; font-weight:750; font-size:.96rem; }
.boat-page .jernvare-fakta span { display:block; color:#637783; font-size:.78rem; }
.boat-page .jernvare-punktliste { padding-left:19px; margin:6px 0 14px; }
.boat-page .jernvare-punktliste li { margin:5px 0; }
.boat-page .boat-map-shortcuts { margin:12px 0 0; font-size:.87rem; color:#5e7280; }
.boat-page .jernvare-knapper { display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 0; }
.boat-page .jernvare-hopp { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
.boat-page .jernvare-hopp a { text-decoration:none; padding:7px 11px; border:1px solid #d7e2e9; border-radius:4px; color:#2a5875; background:#eaf1f6; font-size:.87rem; font-weight:700; }
.boat-page .jernvare-hopp a:hover { background:#d9e9f3; }

/* Product tables: same sober, legible gray palette. */
.boat-page .jernvare-tabell-wrap { max-width:100%; overflow-x:auto; margin:10px 0 0; }
.boat-page .jernvare-tabell { width:100%; border-collapse:collapse; font-size:.9rem; }
.boat-page .jernvare-tabell th { background:#67747e; color:white; padding:10px 11px; text-align:left; font-weight:700; }
.boat-page .jernvare-tabell td { padding:10px 11px; border-bottom:1px solid #e0e5e9; vertical-align:top; overflow-wrap:anywhere; }
.boat-page .jernvare-tabell tbody tr:nth-child(even) td { background:#edf1f4; }
.boat-page .jernvare-tabell tbody td:first-child { font-weight:700; }
.boat-page .boat-subsection-title { margin-top:22px !important; }
.boat-page .pdf-link { display:inline-flex; align-items:center; gap:5px; font-weight:650; text-decoration:none; white-space:nowrap; }
.boat-page .pdf-link i { color:#a24e43; }

/* Kompakte bildekort – bilder og produkttekst SIDE VED SIDE, ikke dashboard-fliser. */
.boat-page .boat-product-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:14px 0 0;
}
.boat-page .boat-product-card {
  min-width:0;
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:11px;
  border:1px solid #e1e6eb;
  border-radius:5px;
  background:#f8fafb;
  box-shadow:none;
  text-align:left;
}
.boat-page .boat-product-card>a:not(.boat-gallery-extra) { min-width:0; text-decoration:none; }
.boat-page .boat-product-card>a:not(.boat-gallery-extra):has(> h3) {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  gap:0 12px;
  align-items:center;
}
.boat-page .boat-product-card>a:not(.boat-gallery-extra) img {
  display:block;
  width:100%;
  max-width:112px;
  height:105px;
  object-fit:contain;
  grid-column:1;
  grid-row:1 / span 2;
  margin:0;
  padding:4px;
  border:1px solid #e8ecef;
  border-radius:4px;
  background:#fff;
}
.boat-page .boat-product-card>a h3,
.boat-page .boat-product-info h3 { margin:0 0 4px; font-size:1.01rem; line-height:1.3; color:#294d66; }
.boat-page .boat-product-card>a p,
.boat-page .boat-product-info p { margin:0; font-size:.86rem; line-height:1.42; color:#62717d; }
.boat-page .boat-product-card .boat-product-info { min-width:0; }
.boat-page .boat-product-card>a:not(.boat-gallery-extra):hover h3 { text-decoration:underline; }
.boat-page .boat-gallery-extra { display:none !important; }
.boat-page #ff-8a { scroll-margin-top:25px; }

/* Sober related links / bottom CTA, same as product family. */
.boat-page .jernvare-relaterte { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:11px 0 0; }
.boat-page .jernvare-relatert-kort { display:block; min-width:0; padding:12px; border:1px solid #dfe8ee; border-radius:4px; background:#edf3f7; text-decoration:none; }
.boat-page .jernvare-relatert-kort strong,
.boat-page .jernvare-relatert-kort span { display:block; line-height:1.4; }
.boat-page .jernvare-relatert-kort strong { font-size:.92rem; color:#2d5672; }
.boat-page .jernvare-relatert-kort span { font-size:.82rem; color:#5c7080; }
.boat-page .boat-bottom-notes p { margin:0; }
.boat-page .boat-cta { background:#e5eef4 !important; text-align:center; margin-bottom:0 !important; }
.boat-page .boat-cta p { margin:0 0 12px; }
.boat-page .boat-cta .jernvare-knapper { justify-content:center; }

/* Explicit button style not affected by global btn-kontakt conflicts. */
.boat-page button.boat-contact.kontakt-elfsight,
.boat-page button.boat-contact.kontakt-elfsight:not(:hover):not(:focus):not(:active) {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px !important;
  min-height:40px;
  background:#285574 !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid #285574 !important;
  border-radius:5px !important;
  box-shadow:none !important;
  font:700 14px/1.25 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  text-shadow:none !important;
  cursor:pointer;
  opacity:1 !important;
}
.boat-page button.boat-contact.kontakt-elfsight:hover,
.boat-page button.boat-contact.kontakt-elfsight:focus-visible {
  background:#1a3e56 !important;
  color:#fff !important;
  border-color:#1a3e56 !important;
}

@media(max-width:900px) {
  .boat-page .boat-main-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:15px; }
  .boat-page .boat-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px) {
  .boat-shell { width:calc(100% - 16px); padding:10px 10px 12px; margin:8px auto 12px; }
  .boat-page .jernvare-produkt-header { padding:3px 4px 7px; }
  .boat-page .jernvare-produkt-hero, .boat-page .jernvare-produkt-seksjon, .boat-page .jernvare-cta { padding:17px 15px !important; margin-bottom:8px !important; }
  .boat-page .boat-main-hero { display:grid; grid-template-columns:1fr; }
  .boat-page .boat-hero-visual { order:0; }
  .boat-page .boat-product-grid { grid-template-columns:1fr; gap:8px; }
  .boat-page .boat-product-card { grid-template-columns:95px minmax(0,1fr); gap:10px; }
  .boat-page .boat-product-card>a:not(.boat-gallery-extra):has(> h3) { grid-template-columns:95px minmax(0,1fr); gap:0 10px; }
  .boat-page .boat-product-card>a:not(.boat-gallery-extra) img { max-width:95px; height:88px; }
  .boat-page .jernvare-relaterte { grid-template-columns:1fr; }
  /* Full width mobile table cards; avoids sideways scroll. */
  .boat-page .boat-table-wrap { overflow:visible; }
  .boat-page table.boat-table, .boat-page table.boat-table tbody,
  .boat-page table.boat-table tr, .boat-page table.boat-table td { display:block; width:100%; box-sizing:border-box; }
  .boat-page table.boat-table thead { display:none; }
  .boat-page table.boat-table tbody { display:grid; gap:8px; }
  .boat-page table.boat-table tbody tr { border:1px solid #dbe2e7; background:#fff; border-radius:4px; overflow:hidden; }
  .boat-page table.boat-table tbody td, .boat-page table.boat-table tbody tr:nth-child(even) td { display:flex; justify-content:space-between; align-items:start; gap:10px; border:0; border-bottom:1px solid #e8edf0; padding:8px 10px; text-align:right; background:transparent; white-space:normal; }
  .boat-page table.boat-table tbody td:first-child { background:#edf2f5; }
  .boat-page table.boat-table tbody td:last-child { border-bottom:0; }
  .boat-page table.boat-table tbody td::before { content:attr(data-label); font-size:.79rem; color:#5f7180; font-weight:700; flex:0 0 33%; text-align:left; }
}
@media(max-width:440px) {
  .boat-page .jernvare-fakta { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .boat-page .jernvare-fakta>div { padding:9px 3px; }
  .boat-page .jernvare-fakta strong { font-size:.77rem; }
  .boat-page .jernvare-fakta span { font-size:.68rem; }
  .boat-page .boat-product-card { padding:9px; }
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto;}}