/* Shawn Logistics reference-style footer. Isolated from the rest of the public design. */
.sl-mega-footer{
  background:#061a35;
  color:#d7e4f5;
  font-family:inherit;
  overflow:hidden;
}
.sl-mega-footer a{color:inherit;text-decoration:none}
.sl-mega-footer__services{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:20px 0;
}
.sl-mega-footer__services-label{
  flex:none;
  color:#79a0d0;
  font-size:13px;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.sl-mega-footer__service-links{
  display:flex;
  align-items:center;
  gap:22px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.sl-mega-footer__service-links::-webkit-scrollbar{display:none}
.sl-mega-footer__service-links a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#d8e6f7;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  transition:color .2s ease,transform .2s ease;
}
.sl-mega-footer__service-links a:hover{color:#fff;transform:translateY(-1px)}
.sl-mega-footer__service-links svg{width:18px;height:18px;color:#ff6b1a;flex:none}
.sl-mega-footer__divider{height:1px;background:rgba(139,169,205,.18)}
.sl-mega-footer__grid{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(150px,.72fr) minmax(205px,.95fr) minmax(145px,.72fr) minmax(220px,1fr);
  gap:48px;
  padding:68px 12px 72px;
}
.sl-mega-footer__identity{display:flex;align-items:center;gap:24px;margin-bottom:25px}
.sl-mega-footer__logo-box{
  width:74px;
  height:74px;
  flex:none;
  display:grid;
  place-items:center;
  padding:6px;
  background:#fff;
}
.sl-mega-footer__logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none!important;
}
.sl-mega-footer__identity strong,.sl-mega-footer__identity small{display:block}
.sl-mega-footer__identity strong{color:#fff;font-size:17px;line-height:1.25;font-weight:800;text-transform:uppercase}
.sl-mega-footer__identity small{margin-top:5px;color:#7ea6d7;font-size:13px;line-height:1.3}
.sl-mega-footer__brand>p{
  max-width:335px;
  margin:0;
  color:#7698c3;
  font-size:15px;
  line-height:1.8;
}
.sl-mega-footer__column h3{
  margin:0 0 22px;
  color:#fff;
  font-size:17px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.02em;
}
.sl-mega-footer__column>a{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  color:#d6e3f3;
  font-size:15px;
  line-height:1.55;
  transition:color .2s ease,transform .2s ease;
}
.sl-mega-footer__column>a:hover{color:#ff6b1a;transform:translateX(3px)}
.sl-mega-footer__contact p{
  margin:0 0 20px;
  color:#83a4ce;
  font-size:15px;
  line-height:1.75;
}
.sl-mega-footer__contact>a{word-break:break-word}
.sl-mega-footer__contact .sl-mega-footer__action{
  margin-top:22px;
  color:#fff;
  font-weight:800;
}
.sl-mega-footer__contact .sl-mega-footer__action+.sl-mega-footer__action{margin-top:20px}
.sl-mega-footer__contact .sl-mega-footer__action span{color:#ff6b1a;margin-left:4px}
.sl-mega-footer__bottom{
  min-height:72px;
  border-top:1px solid rgba(139,169,205,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  color:#d3e1f1;
  font-size:13px;
}
.sl-mega-footer__bottom nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.sl-mega-footer__bottom nav a{transition:color .2s ease}
.sl-mega-footer__bottom nav a:hover{color:#ff6b1a}

@media (max-width:1250px){
  .sl-mega-footer__grid{grid-template-columns:1.3fr repeat(2,1fr);gap:46px 54px}
  .sl-mega-footer__brand{grid-row:span 2}
}
@media (max-width:900px){
  .sl-mega-footer__services{align-items:flex-start;flex-direction:column;gap:13px}
  .sl-mega-footer__service-links{width:100%;padding-bottom:5px}
  .sl-mega-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:52px}
  .sl-mega-footer__brand{grid-column:1/-1;grid-row:auto}
  .sl-mega-footer__brand>p{max-width:620px}
}
@media (max-width:620px){
  .sl-mega-footer__services{min-height:auto;padding:22px 0}
  .sl-mega-footer__service-links{gap:18px}
  .sl-mega-footer__grid{grid-template-columns:1fr;gap:34px;padding:44px 0 46px}
  .sl-mega-footer__brand{grid-column:auto}
  .sl-mega-footer__identity{gap:17px}
  .sl-mega-footer__logo-box{width:68px;height:68px}
  .sl-mega-footer__column h3{margin-bottom:16px}
  .sl-mega-footer__bottom{align-items:flex-start;flex-direction:column;padding:22px 0;gap:13px}
  .sl-mega-footer__bottom nav{gap:18px}
}

/* Footer package version: reference-v3 */

/* Compact footer spacing sitewide - 2026-07-26 */
.sl-mega-footer__services{
  min-height:66px;
  gap:20px;
  padding:12px 0;
}
.sl-mega-footer__service-links{gap:18px}
.sl-mega-footer__grid{
  gap:32px;
  padding:38px 12px 40px;
}
.sl-mega-footer__identity{
  gap:18px;
  margin-bottom:16px;
}
.sl-mega-footer__brand>p{line-height:1.65}
.sl-mega-footer__column h3{margin-bottom:13px}
.sl-mega-footer__column>a{
  margin-bottom:7px;
  line-height:1.42;
}
.sl-mega-footer__contact p{
  margin-bottom:12px;
  line-height:1.55;
}
.sl-mega-footer__contact .sl-mega-footer__action{margin-top:14px}
.sl-mega-footer__contact .sl-mega-footer__action+.sl-mega-footer__action{margin-top:12px}
.sl-mega-footer__bottom{
  min-height:54px;
  gap:20px;
}
.sl-mega-footer__bottom nav{gap:22px}

@media (max-width:1250px){
  .sl-mega-footer__grid{gap:30px 40px}
}
@media (max-width:900px){
  .sl-mega-footer__services{gap:10px;padding:15px 0}
  .sl-mega-footer__grid{
    gap:28px 34px;
    padding-top:34px;
    padding-bottom:36px;
  }
}
@media (max-width:620px){
  .sl-mega-footer__services{padding:16px 0}
  .sl-mega-footer__grid{
    gap:26px;
    padding-top:30px;
    padding-bottom:32px;
  }
  .sl-mega-footer__identity{margin-bottom:13px}
  .sl-mega-footer__column h3{margin-bottom:11px}
  .sl-mega-footer__bottom{
    min-height:auto;
    padding:16px 0;
    gap:10px;
  }
}

/* Shawn Logistics unified component radius: frontend and admin */
:where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  fieldset,
  a.btn,
  a.button,
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="table-wrap"]
){border-radius:10px!important;}


/* Shawn Cargo Logistics: unified 10px component radius override.
   Scoped to interactive controls and visual container components only. */
:root{--sl-radius:10px!important;}
html body :where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea,
  fieldset,
  details,
  a.btn,
  a.button,
  [role="button"],
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="widget"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="badge"],
  [class*="pill"],
  [class*="chip"],
  [class*="tag"],
  [class*="stat"],
  [class*="metric"],
  [class*="table-wrap"],
  [class*="form-wrap"],
  [class*="form-card"],
  [class*="search-wrap"]
){border-radius:10px!important;}