/* brand.css - Mimaki USA dealer portal brand slot, deployed by scripts\p6-brand-deploy.ps1 (2026-10-28).
 * Tokens from mimakiusa.com (main.930a4350.css, read 2026-10-28, see data\brand\brand.md): primary red #cd010a,
 * hover #890006, black #000 header and footer, greys #4d4d4d / #666 / #e6e6e6, light section #f5f5f5, link #0872b9,
 * pill buttons (24px radius), Arial / Helvetica (Arimo is the metric-compatible Google font).
 * The colour schemes (group 'mimaki', written by scripts\p6-content.py) carry backgrounds and button colours;
 * this sheet adds what the schemes cannot express. */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');
:root {
  --mk-red: #cd010a;
  --mk-red-dark: #890006;
  --mk-black: #000000;
  --mk-grey-900: #4d4d4d;
  --mk-grey-800: #666666;
  --mk-grey-300: #e6e6e6;
  --mk-grey-50: #f5f5f5;
  --mk-link: #0872b9;
  --bs-font-sans-serif: 'Arimo', Arial, Helvetica, sans-serif;
}
/* typography: the Swift typography variables, Arimo in place of the theme's Inter */
body, .preview, h1, h2, h3, h4, h5, h6, .dw-h1, .dw-h2, .dw-h3, .dw-h4, .dw-h5, .dw-h6, [data-dw-button] {
  --dw-font-family: 'Arimo', Arial, Helvetica, sans-serif;
}
body { font-family: 'Arimo', Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .dw-h1, .dw-h2, .dw-h3, .dw-h4, .dw-h5, .dw-h6 { --dw-font-weight: 700; --dw-letter-spacing: 0; }
[data-dw-button] { --dw-font-weight: 700; }
/* pill buttons, 24px radius as on mimakiusa.com */
.btn, .dw-button, [data-dw-button] { --dw-btn-border-radius: 24px; --bs-btn-border-radius: 24px; border-radius: 24px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--mk-red-dark) !important; border-color: var(--mk-red-dark) !important; color: #fff !important; }
.btn-outline-primary:hover, .btn-outline-primary:focus { background-color: var(--mk-red); border-color: var(--mk-red); color: #fff; }
/* body links in Mimaki link blue on light schemes */
main [data-dw-colorscheme="light"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.stretched-link),
main [data-dw-colorscheme="lightgrey1"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.stretched-link) { color: var(--mk-link); }
/* icon-only primary buttons (the header account circle): the icon stays white */
.btn.btn-primary svg, .btn.btn-primary svg *, .btn.btn-primary:hover svg, .btn.btn-primary:hover svg * { fill: #ffffff; color: #ffffff; }
/* the acting-for bar (impersonation) in Mimaki red so the presenter can point at it */
[data-dw-itemtype="Swift-v2_ImpersonationBar"], [data-dw-itemtype="swift-v2_impersonationbar"] { background-color: var(--mk-red); color: #fff; }
[data-dw-itemtype="Swift-v2_ImpersonationBar"] a, [data-dw-itemtype="swift-v2_impersonationbar"] a { color: #fff; }
/* a grid row whose columns render nothing still leaves its spacing; collapse it (swift-page-build-mcp-10-28-12) */
main section[data-swift-gridrow]:not(:has([data-swift-gridcolumn] *)) { display: none; }
/* hero poster: a black gradient over the photo so the H1 and buttons read on any region of it */
[data-dw-itemtype="swift-v2_poster"] figure.ratio::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.05) 100%); }
[data-dw-itemtype="swift-v2_poster"] h1, [data-dw-itemtype="swift-v2_poster"] .dw-paragraph-1, [data-dw-itemtype="swift-v2_poster"] .dw-paragraph { text-shadow: 0 1px 2px rgba(0,0,0,.6); }
[data-dw-itemtype="swift-v2_poster"] .btn-outline-secondary, [data-dw-itemtype="swift-v2_poster"] .btn-secondary { color: #fff; background-color: transparent; border: 2px solid #fff; }
[data-dw-itemtype="swift-v2_poster"] .btn-outline-secondary:hover, [data-dw-itemtype="swift-v2_poster"] .btn-secondary:hover { color: #000; background-color: #fff; border-color: #fff; }
/* line tiles on the home page: packshot cards on a light section, red top rule on hover */
[data-dw-itemtype="swift-v2_card"] .card { border: 1px solid var(--mk-grey-300); border-radius: 20px; overflow: hidden; transition: box-shadow .2s, border-color .2s; }
[data-dw-itemtype="swift-v2_card"] .card:hover { border-color: var(--mk-red); box-shadow: 0 8px 24px -12px rgba(0,0,0,.35); }
[data-dw-itemtype="swift-v2_card"] .card-img-top { aspect-ratio: 4 / 3; object-fit: contain; background: #fff; padding: 1rem; }
/* never a horizontal page scroll at phone width */
html, body { overflow-x: clip; }
/* the site name beside the white wordmark in the black header bar (desktop logo paragraph 180, mobile 193) */
[data-swift-gridcolumn][id="180"] > div > .d-flex.position-relative,
[data-swift-gridcolumn][id="193"] > div > .d-flex.position-relative,
[id="180"] .d-flex.position-relative, [id="193"] .d-flex.position-relative { align-items: center; gap: .75rem; }
[id="180"] .d-flex.position-relative::after { content: "Dealer Portal"; color: #fff; font-weight: 700; font-size: .95rem; letter-spacing: .02em; white-space: nowrap; padding-left: .75rem; border-left: 1px solid rgba(255,255,255,.45); }
[id="193"] .d-flex.position-relative::after { content: "Dealer Portal"; color: #fff; font-weight: 700; font-size: .8rem; white-space: nowrap; padding-left: .5rem; border-left: 1px solid rgba(255,255,255,.45); }
/* home line tiles (cards 257-260): one per row below 768px, in line order */
@media (max-width: 767.98px) {
  [data-swift-gridcolumn][id="257"], [data-swift-gridcolumn][id="258"], [data-swift-gridcolumn][id="259"], [data-swift-gridcolumn][id="260"] { grid-column: span 12 !important; }
  [data-swift-gridcolumn][id="257"] { order: 1 !important; } [data-swift-gridcolumn][id="258"] { order: 2 !important; }
  [data-swift-gridcolumn][id="259"] { order: 3 !important; } [data-swift-gridcolumn][id="260"] { order: 4 !important; }
  [data-dw-itemtype="swift-v2_card"] .card-img-top { aspect-ratio: 16 / 9; }
}