/* Trade Science V6 additions. Loaded after style.css. */

/* To-confirm markers: fill in, then delete the <mark class="todo"> wrapper before publishing */
mark.todo {
  background: #ffe066;
  color: #071e38;
  padding: 0 .3em;
  border-radius: 2px;
  font-weight: 600;
}

/* Header call-to-action button */
.desktop-nav a.nav-cta,
.mobile-nav a.nav-cta {
  border: 1px solid currentColor;
  padding: .55em 1.1em;
  border-radius: 2px;
  white-space: nowrap;
}
.desktop-nav a.nav-cta:hover,
.desktop-nav a.nav-cta:focus-visible,
.mobile-nav a.nav-cta:hover,
.mobile-nav a.nav-cta:focus-visible {
  background: var(--blue, #0679f9);
  border-color: var(--blue, #0679f9);
  color: #fff;
  text-shadow: none;
}

/* Developer preview notes from V5 are retired */
.form-preview-note,
.form-delivery-note,
.photo-editorial-note:empty { display: none !important; }

/* Several links side by side */
.link-row { display: flex; flex-wrap: wrap; gap: 12px 28px; }

/* Corporate film */
.film-frame {
  margin: 24px 0;
  aspect-ratio: 848 / 566;
  background: #071e38;
  width: 100%;
  max-width: 848px;
}
.film-frame video { width: 100%; height: 100%; display: block; object-fit: contain; }

/* Letter signatures */
.prose .signature { margin-top: 28px; line-height: 1.5; }

/* Office rows: addresses on two lines */
.office-row span a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Inquiry form: energy details group */
.form-fieldset {
  border: 1px solid rgba(7, 30, 56, .18);
  border-radius: 2px;
  padding: 18px 18px 6px;
  margin: 4px 0 0;
  min-width: 0;
}
.form-fieldset legend { padding: 0 8px; font-weight: 600; }
.form-fieldset .legend-note { font-weight: 400; opacity: .7; }
.form-fieldset > .form-grid { margin: 0; }
.form-span { grid-column: 1 / -1; }
.form-disclaimer a { color: inherit; text-decoration: underline; }

/* Footer legal notice */
.foot-legal { padding-top: 8px; padding-bottom: 8px; }
.foot-legal p { font-size: 12px; line-height: 1.6; opacity: .72; margin: 0 0 6px; max-width: 980px; }
.foot-legal a { color: inherit; text-decoration: underline; }

@media (max-width: 640px) {
  .film-frame { margin: 16px 0; }
  .form-fieldset { padding: 14px 12px 4px; }
}

/* Required selects: no red border before the visitor has chosen */
.form-field select:invalid:not(:focus) { border-color: #bfcfe0; }

/* Links inside label/value rows */
.prose .two-line span a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Mobile menu call-to-action */
.mobile-nav a.nav-cta { margin-top: 12px; text-align: center; border-bottom: 1px solid currentColor; }

/* V7 review layer (not part of final public release) */
.review-banner{font:600 11px/1.4 Arial,sans-serif;text-align:center;padding:7px 12px;background:#fff4c1;color:#513b03;letter-spacing:.02em;position:relative;z-index:9999}
.integrated-detail{margin-top:1.3rem;max-width:930px}
.integrated-operational{padding:65px 0}.integrated-operational p{max-width:880px;line-height:1.85}
