/* STR Logistics rebrand (2026). Primary: #0F2D5B, Accent: #168A64. */
:root {
  --str-navy: #0F2D5B;
  --str-green: #168A64;
  --str-green-dark: #116E50;
  --str-soft-green: #EAF6F1;
  --str-border: #DCE7E4;
}
/* Header: dark brand surface over hero, clean white surface on mobile/sticky. */
@media (min-width: 992px) {
  #site-header-wrap.header-layout1 { background-color: rgba(15,45,91,.94); }
  #site-header-wrap.header-layout1 #headroom.headroom--up { background: #fff; }
  #site-header-wrap .site-branding img { max-height: 64px; max-width: 180px; width: auto; height: auto; object-fit: contain; padding: 0; }
  #site-header-wrap .site-branding { min-height: 76px; display: flex; align-items: center; }
  #site-header-wrap.header-layout1 #headroom.headroom--up .site-branding a.logo-light { opacity: 0 !important; }
  #site-header-wrap.header-layout1 #headroom.headroom--up .site-branding a.logo-dark { opacity: 1 !important; }
}
@media (max-width: 991px) {
  #site-header-wrap.header-layout1 { background: #fff; }
  #site-header-wrap .site-branding img { max-height: 66px; max-width: 175px; width: auto; height: auto; object-fit: contain; }
  #site-header-wrap .site-branding { min-height: 86px; }
  #site-header-wrap .site-branding a.logo-mobile { display: inline-flex; align-items: center; height: 86px; line-height: normal !important; }
}
/* Brand-preserving navigation and action emphasis. */
a:hover, a:focus, .read-more-btn:hover { color: var(--str-green); }
#site-header-wrap .header-button .btn,
#site-header-wrap .btn--icon,
.cms-btn,
button[type="submit"], input[type="submit"] {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
#site-header-wrap .header-button .btn:not(:hover) { background-color: var(--str-green); border-color: var(--str-green); }
#site-header-wrap .header-button .btn:hover { background-color: var(--str-navy); border-color: var(--str-navy); }
#site-header-wrap .primary-menu > li.current-menu-item > a:after,
#site-header-wrap .primary-menu > li.current-menu-ancestor > a:after { background-color: var(--str-green); }
/* Logo use in footer and brand links. */
.site-footer .single-footer-widget .logo img { display: block; width: 205px; max-width: 100%; height: auto; margin-bottom: 12px; }
.site-footer .single-footer-widget .logo a { display: inline-block; }
.site-footer .footer-widget-title { color: var(--str-navy); }
.site-footer .widget_nav_menu ul.menu li a:hover { color: var(--str-green); }
/* More considered finishing touches. */
::selection { background: var(--str-green); color: #fff; }
:focus-visible { outline: 2px solid var(--str-green); outline-offset: 2px; }

/* Brand icon correction, November 2026: consistent pictograms. */
#cms-services-grid .service-icon {
  width: 70px;
  height: 70px;
  max-width: 100%;
  object-fit: contain;
}