/* Mitten's final site polish — load after all other stylesheets. */
/* The Bulk Fuel & Oil hero carries the story through one strong photograph and headline;
   the historic wordmark appears only once as a small departmental signature. */
body.v4-bulk-legacy .mtn-photo-hero--bulk.v4-page-hero--legacy {
  min-height:clamp(450px, 68svh, 750px);
  padding-top:clamp(112px, 11vh, 160px);
  padding-bottom:clamp(32px, 5vh, 65px);
}
body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-legacy-hero__grid {
  display:grid;grid-template-columns:minmax(0, 1fr);gap:0;
  align-items:center;max-width:1160px;
}
body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-legacy-hero__copy {max-width:820px}
body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-legacy-hero__copy > p:last-child {
  max-width:590px;margin-top:clamp(16px, 2vw, 28px);
}
body.v4-bulk-legacy .v4-legacy-section{border-top:4px solid var(--bulk-red)}
body.v4-bulk-legacy .v4-legacy-bridge{border-top:0}
body.v4-bulk-legacy .v4-legacy-dept-mark {width:clamp(135px, 16vw, 205px);margin:0 0 clamp(18px, 3vw, 32px)}
body.v4-bulk-legacy .v4-legacy-dept-mark img {display:block;width:100%;height:auto;max-height:80px;object-fit:contain;object-position:left center}
body.v4-bulk-legacy .v4-legacy-section .v4-editorial-head{align-items:start}
@media (max-width:999px) {
 body.v4-bulk-legacy .mtn-photo-hero--bulk.v4-page-hero--legacy{min-height:0;padding-top:112px;padding-bottom:60px}
 body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-wrap{padding-top:clamp(38px, 7vh, 84px);padding-bottom:clamp(16px, 3vh, 36px)}
 body.v4-bulk-legacy .v4-legacy-dept-mark{width:175px;margin-bottom:22px}
}
@media (max-width:700px) {
 body.v4-bulk-legacy .mtn-photo-hero--bulk.v4-page-hero--legacy {min-height:clamp(420px, 60svh, 615px);padding-top:74px;padding-bottom:38px}
 body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-wrap {padding-top:clamp(38px, 7svh, 65px);padding-bottom:26px}
 body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-legacy-hero__copy h1 {font-size:clamp(42px, 12.2vw, 64px);line-height:.98}
 body.v4-bulk-legacy .mtn-photo-hero--bulk .v4-legacy-hero__copy > p:last-child {font-size:16px;line-height:1.5;margin-top:18px}
 body.v4-bulk-legacy .v4-legacy-dept-mark{width:155px;margin-bottom:18px}
 body.v4-bulk-legacy .v4-legacy-dept-mark img {max-height:62px}
 body.v4-bulk-legacy .v4-legacy-section{padding-top:clamp(35px, 9vw, 58px)}
}
/* Make keyboard navigation visibly usable without introducing extra visible clutter. */
.v4-skip-link{position:fixed;z-index:11000;top:12px;left:12px;background:#f4f1eb;color:#25282A;
  padding:13px 18px;border:2px solid #25282A;font:700 14px/1.2 Arial,Helvetica,sans-serif;
  text-decoration:none;transform:translateY(-180%);}
.v4-skip-link:focus{transform:translateY(0);outline:3px solid #38584B;outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
 outline:3px solid #537C69;outline-offset:3px;
}
.mtn-back-to-top{bottom:max(20px,env(safe-area-inset-bottom,0px) + 16px);right:max(18px,env(safe-area-inset-right,0px) + 12px)}
@media (max-width:700px){
  .mtn-back-to-top{bottom:max(20px,env(safe-area-inset-bottom,0px) + 16px);right:16px}
}
@media (prefers-reduced-motion: reduce) { html:focus-within {scroll-behavior:auto!important} }

.v4-footer__policies{display:flex;gap:22px;flex-wrap:wrap;padding:15px 0 18px;border-top:1px solid rgba(215,210,203,.18)}
.v4-footer__policies a{font:600 12px/1.4 Arial,Helvetica,sans-serif;color:var(--antler);text-decoration:underline;text-underline-offset:3px}
.v4-footer__policies a:hover{color:#fff}


/* Oct 30 refinement: matching 2x2 brand grid. The old rules placed borders on
   IMG elements that were shorter than the grid cells, causing broken lines. */
.v4-home-travel .v4-logo-field {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:clamp(172px,16vw,220px);
  align-items:stretch;
  gap:1px;
  padding:1px;
  min-height:0;
  border:0;
  background:rgba(37,40,42,.17);
}
.v4-home-travel .v4-logo-field > img,
.v4-home-travel .v4-logo-field > img:nth-child(odd),
.v4-home-travel .v4-logo-field > img:nth-child(-n+2) {
  display:block;
  width:100%;height:100%;min-width:0;min-height:0;
  max-width:none;max-height:none!important;
  border:0!important;
  padding:clamp(24px,2.7vw,40px)!important;
  object-fit:contain;
  background:var(--paper);
  filter:none;
}
/* Matching grid lines and image areas on the Travel Center dining section. */
.v4-logo-wall {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:190px;
  align-items:stretch;
  min-height:0;
  gap:1px;
  padding:1px;
  border:0;
  background:rgba(37,40,42,.17);
}
.v4-logo-wall > img,
.v4-logo-wall > img[src*="subway"],
.v4-logo-wall > img[src*="hunt-brothers"],
.v4-logo-wall > img[src*="ihop"],
.v4-logo-wall > img[src*="sonic"] {
  display:block;
  width:100%;height:100%!important;
  min-width:0;min-height:0;
  max-width:none;max-height:none!important;
  border:0!important;
  padding:clamp(22px,2.5vw,34px)!important;
  object-fit:contain;
  background:var(--paper);
}
/* A single hiring action alongside company history, not a giant extra CTA panel. */
.v4-history-slice__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:28px}
.v4-history-slice__actions .v4-inline-link{display:inline-flex;align-items:center;min-height:44px}
.v4-home-hiring-button{
  display:inline-flex;align-items:center;justify-content:center;gap:15px;
  min-height:48px;padding:12px 20px;
  font:900 12px/1.3 var(--display);
  letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;background:var(--moss);color:#fff;
  border:1px solid var(--moss);transition:background-color .2s var(--ease),color .2s var(--ease);
}
.v4-home-hiring-button:hover{background:var(--night);border-color:var(--night)}
.v4-home-hiring-button:focus-visible{outline:3px solid #38584B;outline-offset:4px}
.v4-home-hiring-button .v4-link-arrow{flex:none}
@media(max-width:999px){
  .v4-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px}
}
@media(max-width:700px){
  .v4-home-travel .v4-logo-field {grid-auto-rows:clamp(123px,35vw,156px)}
  .v4-home-travel .v4-logo-field > img,
  .v4-home-travel .v4-logo-field > img:nth-child(odd),
  .v4-home-travel .v4-logo-field > img:nth-child(-n+2){padding:15px!important}
  .v4-logo-wall{grid-auto-rows:clamp(122px,35vw,150px)}
  .v4-logo-wall > img,.v4-logo-wall > img[src*="subway"],
  .v4-logo-wall > img[src*="hunt-brothers"],
  .v4-logo-wall > img[src*="ihop"],
  .v4-logo-wall > img[src*="sonic"]{padding:16px!important}
  .v4-history-slice__actions{gap:16px 18px}
}