:root {
  --scars-display-font: "Oxanium", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --scars-red: #e21d2f;
  --scars-red-dark: #b91625;
  --scars-ink: #0d0f12;
  --scars-charcoal: #16191e;
  --scars-panel: #20242a;
  --scars-line: #343941;
  --scars-text: #f3f4f5;
  --scars-muted: #aeb4bd;
  --scars-paper: #f4f4f1;
  --scars-radius: 10px;
  --scars-max: 1440px;
  --scars-shadow: 0 16px 40px rgba(0,0,0,.22);
}

.scars-section { padding: clamp(3rem, 7vw, 6.5rem) 1.5rem; }
.scars-container { width: min(100%, var(--scars-max)); margin-inline: auto; }
.scars-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; font-weight: 800; color: var(--scars-red); }
.scars-heading { margin: .25em 0 .45em; font-size: clamp(2rem, 4.4vw, 4.4rem); line-height: .98; letter-spacing: -.035em; font-weight: 900; }
.scars-card { background: var(--scars-panel); border: 1px solid var(--scars-line); border-radius: var(--scars-radius); box-shadow: var(--scars-shadow); overflow: hidden; }
.scars-card-pad { padding: clamp(1.25rem, 2vw, 2rem); }
.scars-btn, .et_pb_button.scars-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:46px; padding:.78rem 1.15rem; border-radius:6px; border:1px solid transparent; background:var(--scars-red); color:#fff!important; font-weight:800; letter-spacing:.02em; text-decoration:none; transition:.2s ease; }
.scars-btn:hover, .et_pb_button.scars-btn:hover { background:var(--scars-red-dark); transform:translateY(-1px); }
.scars-btn-secondary { background:transparent; border-color:#626a75; }
.scars-btn-secondary:hover { background:#252a31; }

body { color:#272b30; }
a { text-underline-offset: .16em; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], input[type="time"], select, textarea { border-radius: 6px; }

/* Break out of a constrained Divi row so global chrome is truly viewport-wide. */
.scars-full-bleed {
  width: 100vw;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.scars-site-header, .scars-site-footer { box-sizing:border-box; font-family:inherit; }
.scars-site-header *, .scars-site-footer * { box-sizing:border-box; }

.scars-site-header {
  position: relative;
  z-index: 10000;
  background: #111419;
  color: var(--scars-text);
  border-bottom: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 3px 12px rgba(0,0,0,.16);
}
.scars-header-inner {
  width: min(100%, var(--scars-max));
  min-height: 66px;
  margin: 0 auto;
  padding: 0 28px;
  display:flex;
  align-items:center;
  gap:28px;
}
.scars-wordmark { display:inline-flex; align-items:baseline; position:relative; color:#fff!important; text-decoration:none!important; white-space:nowrap; flex-shrink:0; }
.scars-wordmark-main, .scars-wordmark-dot { font-size:1.72rem; line-height:1; letter-spacing:-.055em; font-weight:950; font-style:italic; }
.scars-wordmark-dot { color:var(--scars-red); }
.scars-wordmark-sub { position:absolute; top:29px; left:1px; color:#b8bdc4; font-size:.49rem; line-height:1; letter-spacing:.17em; font-weight:800; }
.scars-wordmark-image { align-items:center; }
.scars-wordmark-image .scars-logo-image { display:block; width:auto; max-width:245px; max-height:34px; object-fit:contain; }
.scars-wordmark-image .scars-wordmark-sub { top:38px; }

.scars-primary-nav { margin-left:auto; display:flex; align-items:center; gap:18px; }
.scars-nav-list { display:flex; align-items:center; gap:2px; list-style:none!important; padding:0!important; margin:0!important; }
.scars-nav-list li { margin:0!important; padding:0!important; position:relative; }
.scars-nav-list a { display:block; padding:24px 10px 21px; color:#e9ebee!important; text-decoration:none!important; font-size:.82rem; font-weight:800; letter-spacing:.012em; }
.scars-nav-list a:hover { color:#fff!important; background:rgba(255,255,255,.035); }
.scars-nav-list > li.current-menu-item > a::after,
.scars-nav-list > li.current-menu-ancestor > a::after {
  content:""; position:absolute; left:10px; right:10px; bottom:0; height:3px; background:var(--scars-red);
}
.scars-nav-list .menu-item-has-children > a { padding-right:24px; }
.scars-nav-list .menu-item-has-children > a::before {
  content:""; position:absolute; right:9px; top:50%; width:6px; height:6px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-65%) rotate(45deg); opacity:.75;
}
.scars-nav-list .sub-menu { position:absolute; left:0; top:100%; display:none; min-width:245px; padding:8px!important; margin:0!important; list-style:none!important; background:#16191e; border:1px solid var(--scars-line); border-top:3px solid var(--scars-red); box-shadow:var(--scars-shadow); z-index:10010; }
.scars-nav-list li:hover > .sub-menu,
.scars-nav-list li:focus-within > .sub-menu { display:block; }
.scars-nav-list .sub-menu li { width:100%; }
.scars-nav-list .sub-menu a { padding:10px 28px 10px 12px; white-space:nowrap; font-size:.8rem; border-radius:3px; }
.scars-nav-list .sub-menu a:hover { background:#23272e; }
.scars-nav-list .sub-menu .sub-menu { top:-11px; left:100%; border-top-width:1px; }
.scars-submenu-toggle { display:none; }

.scars-header-actions { display:flex; align-items:center; gap:8px; margin-left:2px; }
.scars-search-toggle { display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; }
.scars-search-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.scars-search-toggle:hover { color:var(--scars-red); }
.scars-account-link, .scars-join-link { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 14px; border-radius:4px; color:#fff!important; text-decoration:none!important; font-size:.78rem; font-weight:850; text-transform:uppercase; letter-spacing:.025em; }
.scars-account-link { border:1px solid #59616c; background:transparent; }
.scars-account-link:hover { border-color:#fff; }
.scars-join-link { border:1px solid var(--scars-red); background:var(--scars-red); }
.scars-join-link:hover { background:var(--scars-red-dark); border-color:var(--scars-red-dark); }

.scars-header-search { background:#171a20; border-top:1px solid #2b3037; }
.scars-header-search form { width:min(100%, var(--scars-max)); margin:0 auto; padding:14px 28px 16px; display:flex; gap:10px; }
.scars-header-search input { flex:1; min-width:0; min-height:42px; padding:0 14px; border:1px solid #3c424b; background:#0f1115; color:#fff; }
.scars-header-search button { min-height:42px; padding:0 18px; border:0; border-radius:4px; background:var(--scars-red); color:#fff; font-weight:800; cursor:pointer; }

.scars-menu-toggle { display:none; width:44px; height:40px; margin-left:auto; padding:9px; border:1px solid #454b54; border-radius:5px; background:transparent; }
.scars-menu-toggle span:not(.screen-reader-text) { display:block; height:2px; margin:5px 0; background:#fff; }

.scars-site-footer { background:#101216; color:var(--scars-muted); border-top:3px solid var(--scars-red); }
.scars-footer-grid { width:min(100%, var(--scars-max)); margin:0 auto; padding:50px 28px 38px; display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:46px; }
.scars-site-footer h3 { color:#fff; margin:0 0 14px; font-size:.88rem; text-transform:uppercase; letter-spacing:.12em; }
.scars-site-footer ul { list-style:none!important; margin:0!important; padding:0!important; }
.scars-site-footer li { margin:.42rem 0!important; padding:0!important; }
.scars-site-footer a { color:#c8cdd4!important; text-decoration:none!important; }
.scars-site-footer a:hover { color:#fff!important; }
.scars-footer-brand p { max-width:440px; margin:15px 0 0; line-height:1.55; }
.scars-footer-note { font-size:.76rem; opacity:.72; }
.scars-wordmark-footer .scars-wordmark-main, .scars-wordmark-footer .scars-wordmark-dot { font-size:2rem; }
.scars-wordmark-footer.scars-wordmark-image .scars-logo-image { max-width:225px; max-height:36px; }
.scars-footer-bottom { border-top:1px solid #292d33; width:min(100%, var(--scars-max)); margin:0 auto; padding:16px 28px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:.74rem; letter-spacing:.02em; }

.scars-ui table, .s-cars-ui table, .scars-card table { width:100%; border-collapse:collapse; }
.scars-ui th, .s-cars-ui th, .scars-card th { text-transform:uppercase; letter-spacing:.08em; font-size:.74rem; }
.scars-ui th, .scars-ui td, .s-cars-ui th, .s-cars-ui td, .scars-card th, .scars-card td { border-bottom:1px solid #d9dce0; padding:.85rem .75rem; }

@media (max-width: 1180px) {
  .scars-header-inner { min-height:64px; }
  .scars-menu-toggle { display:block; }
  .scars-primary-nav { display:none; position:absolute; left:0; right:0; top:100%; padding:12px 20px 18px; background:#111318; border-top:1px solid #2b3037; box-shadow:var(--scars-shadow); }
  .scars-site-header.is-open .scars-primary-nav { display:block; }
  .scars-nav-list { display:block; }
  .scars-nav-list a { padding:12px 6px; border-bottom:1px solid #252a31; }
  .scars-nav-list > li.current-menu-item > a::after,
  .scars-nav-list > li.current-menu-ancestor > a::after { left:6px; right:auto; width:34px; height:2px; }
  .scars-nav-list .menu-item-has-children > a { padding-right:48px; }
  .scars-nav-list .menu-item-has-children > a::before { display:none; }
  .scars-submenu-toggle {
    display:grid; place-items:center; position:absolute; right:0; top:4px; width:40px; height:40px;
    border:0; background:transparent; color:#fff; cursor:pointer; font-size:0;
  }
  .scars-submenu-toggle::after {
    content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .18s ease;
  }
  .scars-nav-list .submenu-open > .scars-submenu-toggle::after { transform:rotate(225deg); }
  .scars-nav-list .sub-menu { position:static; display:none; min-width:0; border:0; border-left:2px solid #303641; box-shadow:none; background:transparent; padding:2px 0 4px 12px!important; margin-left:6px!important; }
  .scars-nav-list .submenu-open > .sub-menu { display:block; }
  .scars-nav-list .sub-menu a { white-space:normal; padding:10px 44px 10px 8px; font-size:.78rem; }
  .scars-nav-list .sub-menu .sub-menu { position:static; left:auto; top:auto; }
  .scars-header-actions { margin-top:14px; flex-wrap:wrap; }
  .scars-search-toggle { border:1px solid #454b54; border-radius:4px; }
  .scars-footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
  .scars-footer-grid>div:last-child { grid-column:2 / 4; }
}

@media (max-width: 700px) {
  .scars-header-inner { min-height:62px; padding:0 16px; }
  .scars-wordmark-main, .scars-wordmark-dot { font-size:1.46rem; }
  .scars-wordmark-sub { top:27px; font-size:.43rem; }
  .scars-wordmark-image .scars-logo-image { max-width:190px; max-height:29px; }
  .scars-wordmark-image .scars-wordmark-sub { top:34px; }
  .scars-header-search form { padding:12px 16px 14px; }
  .scars-footer-grid { grid-template-columns:1fr; gap:28px; padding:42px 20px 32px; }
  .scars-footer-grid>div:last-child { grid-column:auto; }
  .scars-footer-bottom { align-items:flex-start; flex-direction:column; padding:15px 20px 22px; }
}


/* v0.4 brand typography
   Deterministic production typography inspired by the approved concept.
   The actual uploaded S-CARS logo image is never AI-recreated here. */
.scars-wordmark-main,
.scars-wordmark-dot {
  font-family: var(--scars-display-font);
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.035em;
}
.scars-wordmark-sub,
.scars-nav-list a,
.scars-account-link,
.scars-join-link,
.scars-site-footer h3 {
  font-family: var(--scars-display-font);
}
.scars-wordmark-sub {
  letter-spacing: .135em;
  font-weight: 700;
}


/* v0.4.1 — Theme Builder dropdown stacking/clipping fix
   Divi can place the global-header shortcode inside section/row/code wrappers
   that establish an overflow or stacking context. Keep those wrappers open
   and place the entire Theme Builder header above page content. */
.et-l--header,
.et-l--header .et_builder_inner_content,
.et-l--header .et_pb_section,
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et-l--header .et_pb_code,
.et-l--header .et_pb_code_inner {
  overflow: visible !important;
}

.et-l--header {
  position: relative !important;
  z-index: 999990 !important;
}

.et-l--header .et_builder_inner_content,
.et-l--header .et_pb_section:has(.scars-site-header),
.et-l--header .et_pb_row:has(.scars-site-header),
.et-l--header .et_pb_column:has(.scars-site-header),
.et-l--header .et_pb_code:has(.scars-site-header),
.et-l--header .et_pb_code_inner:has(.scars-site-header) {
  position: relative !important;
  z-index: 999991 !important;
  overflow: visible !important;
}

.scars-site-header {
  z-index: 999992 !important;
  overflow: visible !important;
}

.scars-header-inner,
.scars-primary-nav,
.scars-nav-list,
.scars-nav-list > li {
  overflow: visible !important;
}

.scars-nav-list .sub-menu {
  z-index: 999999 !important;
}

/* Keep normal page/body content below the navigation stacking context. */
.et-l--body,
#main-content {
  position: relative;
  z-index: 1;
}


/* v0.4.2 — WordPress admin-bar dropdown priority fix
   Keep front-end S-CARS menus above page content, but never above wp-admin UI. */
body.admin-bar #wpadminbar{
  z-index: 2147483647 !important;
}

body.admin-bar #wpadminbar .ab-sub-wrapper,
body.admin-bar #wpadminbar .menupop .ab-sub-wrapper,
body.admin-bar #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
body.admin-bar #wpadminbar .quicklinks .menupop ul.ab-submenu{
  z-index: 2147483647 !important;
}

/* Lower the S-CARS header slightly while keeping it safely above site content. */
.et-l--header{
  z-index: 100000 !important;
}
.et-l--header .et_builder_inner_content,
.et-l--header .et_pb_section:has(.scars-site-header),
.et-l--header .et_pb_row:has(.scars-site-header),
.et-l--header .et_pb_column:has(.scars-site-header),
.et-l--header .et_pb_code:has(.scars-site-header),
.et-l--header .et_pb_code_inner:has(.scars-site-header){
  z-index: 100001 !important;
}
.scars-site-header{
  z-index: 100002 !important;
}
.scars-nav-list .sub-menu{
  z-index: 100010 !important;
}
