/* =========================================================
   SCU — consolidated CSS (clean build)
   Structure:
   0) Variables & base
   1) Utilities
   2) Core components (cards, badges)
   3) Layout helpers (generic grids)
   4) Page blocks
      4.1 Home
      4.2 Events (archive/cards)
      4.3 Useful (howto)
      4.4 Logs/Useful/News 50/25/25
      4.5 Profile
      4.6 STO (archive + single)
      4.7 Single Car
   ========================================================= */

/* ========== 0) Variables & base ========== */
:root{
  --bd:#e2e8f0;
  --ink:#0f172a;
  --muted:#64748b;
  --shadow:0 1px 2px rgba(0,0,0,.04);
}

.empty{color:#64748b}

/* Astra container fix: let CSS Grid work */
@media (min-width: 922px){
  .site-content .ast-container{ display:block; }
}

/* ========== 1) Utilities ========== */
.limit-4-lines{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* universal lightbox polish (Featherlight) */
.featherlight.scu-lightbox .featherlight-content{
  border-radius:8px; overflow:visible; border:none; padding:0; background:transparent;
}
.featherlight-next,.featherlight-previous{
  position:absolute; top:50%; transform:translateY(-50%);
  font-size:32px; color:#fff; cursor:pointer; z-index:9999; padding:10px; user-select:none;
}
.featherlight-next:hover,.featherlight-previous:hover{ background:rgba(0,0,0,.4); }
.featherlight-previous{ left:-70px; } .featherlight-next{ right:-70px; }
.scu-loader{ width:40px; height:40px; border:4px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation:spin 1s ease-in-out infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ========== 2) Core components ========== */

/* Card base */
.scu-card{
  background:#fff; border:1px solid #CBD5E1; border-radius:12px; overflow:hidden; display:flex; flex-direction:column;
}
.scu-card__media img{
  display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover;
}
.scu-card__body{ padding:14px; }
.scu-card__title{ margin:0 0 8px; text-align:center; font-size:18px; line-height:1.2; }
.scu-card__badges{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-bottom:10px; }
.scu-card__grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; text-align: center; font-weight: 500;}
.scu-card__row{ display:flex; flex-direction:column; gap:2px; }
.scu-card__meta-label{ font-size:12px; color:#64748B; }
.scu-card__meta-value{ font-size:14px; color:#0F172A; }
.scu-card__price{ margin-top:8px; font-weight:700; }

/* Badges */
.scu-badge{ display:inline-block; padding:4px 8px; border-radius:6px; font-size:12px; line-height:1; text-transform:uppercase; background:#64748B; color:#fff; }
.scu-badge--engine{ background:#334155; color:#fff; }
.scu-badge--turbo{ background:#dc2626; color:#fff; font-size:.7rem; padding:3px 6px; }
.scu-badge--category{
  color:#ffffff; font-weight:700; display:inline-block; font-size:12px; background:#044ad7; border-radius:8px; padding:3px 5px;
}

/* Mini/compact car card (garage widget etc.) */
.scu-garage-widget .scu-mini-garage{ display:grid; grid-template-columns:1fr; gap:.75rem; }
@media (min-width:900px){ .scu-garage-widget .scu-mini-garage{ grid-template-columns:1fr; } }
.scu-card--car[data-context="mini"]{ --pad:.6rem; border:1px solid rgba(0,0,0,.06); }
.scu-card--car[data-context="mini"] .scu-card__media img{ width:100%; height:120px; object-fit:cover; border-radius:.5rem; }
.scu-card--car[data-context="mini"] .scu-card__body{ padding:var(--pad); }
.scu-card--car[data-context="mini"] .scu-card__badges,
.scu-card--car[data-context="mini"] .scu-card__grid .scu-card__row:nth-child(n+3){ display:none; }
.scu-card--car[data-context="mini"] .scu-card__title{ font-size:.95rem; margin:.35rem 0 .25rem; }
.scu-card--car[data-context="mini"] .scu-card__grid{ gap:.2rem; }
.scu-card--car[data-context="mini"] .scu-card__meta-label{ color:#666; font-size:.85rem; }
.scu-card--car[data-context="mini"] .scu-card__meta-value{ font-size:.95rem; font-weight:600; }
.scu-card--car-past .scu-card__media img{ filter:grayscale(100%); opacity:.9; }
.scu-card__state-badge{
  position:absolute; top:.5rem; left:.5rem; background:rgba(0,0,0,.7); color:#fff; font-size:12px; padding:.25rem .5rem;
  border-radius:4px; text-transform:uppercase; letter-spacing:.5px;
}
.scu-card--car-sale .scu-card__state-badge{ background:#166534; }
.scu-card--car-past .scu-card__state-badge{ background:#6b7280; }

/* Log card polish */
.scu-card--log .scu-card__title a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.scu-badge--engine{ background:#334155; color:#fff; }
.scu-sto-spec{ color: #fff; font-weight: 500; display: inline-block; font-size: 11px; background: #046bd2; text-transform: uppercase; border-radius: 8px; padding: 3px 7px; }

/* ========== 3) Layout helpers (generic grids) ========== */
.scu-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; margin:20px 0; }
.cars3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:980px){ .cars3{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .cars3{ grid-template-columns:1fr; } }

.scu-grid--events{
  display:grid; gap:16px; grid-template-columns:1fr;
}
@media (min-width:641px){ .scu-grid--events{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1025px){ .scu-grid--events{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* 50/25/25 columns block (logs/useful/news) */
.scu-row-50-25-25-body{
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px;
}
@media (max-width:980px){
  .scu-row-50-25-25-body{ grid-template-columns:1fr 1fr; }
  .scu-row-50-25-25-body .logs-column{ grid-column:1 / -1; }
}
@media (max-width:640px){
  .scu-row-50-25-25-body{ grid-template-columns:1fr; }
}

/* ========== 4) Page blocks ========== */

/* ---- 4.1 Home ---- */

.scu-hero{
  width:100%; min-height:175px;
  background:linear-gradient(90deg,#0b1e6d 0%,#2342c8 100%);
  color:#fff; display:flex; align-items:center; padding-top:25px; padding-bottom:35px;
}
.scu-hero__inner{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 0; text-align:center; }
.scu-hero__title{
  margin:0; font-weight:900; font-size:40px; line-height:1.1; color:#f6f66a; text-transform:uppercase;
}
.scu-hero__subtitle{ margin:0; opacity:.95; }
.scu-front .stats{ display:flex; gap:12px; justify-content:center; margin-top:10px; }
.scu-front .stats .stat{ background:#ffffff20; border:1px solid #ffffff30; border-radius:10px; padding:6px 10px; display:flex; gap:8px; align-items:center; }
.scu-front .stats .stat b{ font-weight:900; }

/* Section spacing */
.scu-home-section{ padding:28px 0; }
.scu-home-section > .only-head,
.scu-home-section > .scu-grid-3plus1-head,
.scu-home-section > .scu-row-50-25-25-head{ margin-bottom:12px; }
.home-section__title{ margin:0; font-size:22px; font-weight:700; }

/* Community 3 + Events 1 wrapper */
.scu-grid-3plus1-head{ display:grid; grid-template-columns:3fr 1fr; gap:20px; align-items:end; }
.scu-grid-3plus1-body{ display:grid; grid-template-columns:3fr 1fr; gap:20px; }

/* MINI events box */
.scu-mini-events{ background:#f1f5f9; border:1px solid #e2e8f0; border-radius:12px; padding:14px; }
.scu-mini-events__list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.scu-mini-event .date{ display:inline-block; min-width:86px; color:#475569; }
.scu-mini-events__more{ display:inline-block; margin-top:10px; font-weight:600; }

/* Stack events below cars on ≤980px */
@media (max-width:980px){
  .scu-grid-3plus1-head,
  .scu-grid-3plus1-body{ grid-template-columns:1fr; gap:16px; }
  .scu-mini-events{ width:100%; }
}

/* IMPORTANT: keep 3 cols for cars list on tablets at home only.
   Add class `.cars3--home` to the cars grid inside this section. */
@media (min-width:641px) and (max-width:980px){
  .home .scu-grid-3plus1-body .cars3--home{
    display:grid; grid-template-columns:repeat(3,1fr) !important; gap:16px;
  }
}
@media (max-width:640px){
  .home .scu-grid-3plus1-body .cars3--home{ grid-template-columns:1fr !important; }
}

/* ---- 4.2 Events (archive + cards) ---- */

/* Event card hover (only raise + shadow) */
.scu-evcard{
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 1px 6px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.scu-evcard:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.12); }

/* Media & gradient for readability */
.scu-evcard .scu-card__media{ position:relative; display:block; }
.scu-evcard .scu-card__media img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; }
.scu-evcard .scu-card__media::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:48%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 100%); pointer-events:none;
}

/* Top-left group (date pill + type chips) */
.scu-evcard .scu-card__badges-top-left{
  position:absolute; top:10px; left:10px; z-index:3;
  display:grid; grid-auto-flow:row; gap:8px; opacity:1; visibility:visible;
}
.scu-evcard .scu-ev-datepill{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#fff; color:#111; border-radius:10px; padding:6px 8px; font-weight:700; line-height:1;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
}
.scu-evcard .scu-ev-datepill .scu-ev-datepill-day{ font-size:18px; }
.scu-evcard .scu-ev-datepill .scu-ev-datepill-mon{ font-size:12px; text-transform:lowercase; opacity:.8; margin-top:2px; }

/* Type chips rendered as <span class="scu-chip"> */
.scu-evcard .scu-type-chips{ display:flex; flex-wrap:wrap; gap:6px; pointer-events:none; }
.scu-chip{ display:inline-block; font-size:12px; padding:1px 5px; border-radius:8px; background:#002dd1; color:#fff; font-weight:500; }

/* Top-right: status badge */
.scu-evcard .scu-card__badges-top-right{
  position:absolute; top:10px; right:10px; z-index:3;
  display:flex; gap:8px; align-items:center; justify-content:flex-end; white-space:nowrap; opacity:1; visibility:visible;
}
.scu-evcard .scu-badge-status{
  display:inline-block; padding:6px 10px; border-radius:999px; font-size:11px; font-weight:700; color:#fff; background:#6b7280;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.scu-evcard .scu-badge-status--soon{
  background:#0097db; display:inline-block; font-size:12px; padding:1px 5px; border-radius:8px; color:#fff; font-weight:500;
}
.scu-evcard .scu-badge-status--today{ background:#2563eb; }
.scu-evcard .scu-badge-status--live{ background:#e11d48; }
.scu-evcard .scu-badge-status--past{
  background:#6b7280; display:inline-block; font-size:12px; padding:1px 5px; border-radius:8px; color:#fff; font-weight:500;
}

/* Bottom meta line over image (always visible) */
.scu-evcard .scu-card__media-meta{
  position:absolute; left:0; right:0; bottom:8px; padding:0 12px; z-index:2;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8); display:grid; gap:4px; pointer-events:none; opacity:1; visibility:visible;
}
.scu-evcard .scu-card__meta-line{ margin:0; font-size:13px; line-height:1.35; }

/* Archive explicit safety: overlays always visible on /events/ */
.post-type-archive-events .scu-card--event .scu-card__media{ position:relative; }
.post-type-archive-events .scu-card--event .scu-card__media::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:46%;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%); pointer-events:none;
}
.post-type-archive-events .scu-card--event .scu-card__media-meta{ position:absolute; left:0; right:0; bottom:8px; z-index:2; padding:0 12px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.8); display:grid; gap:4px; pointer-events:none; }
.post-type-archive-events .scu-card--event .scu-card__badges-top-left,
.post-type-archive-events .scu-card--event .scu-card__badges-top-right{ z-index:3; position:absolute; }

/* ---- 4.3 Useful (howto) ---- */

/* 75/25; on mobile tabs first */
.scu-useful{
  display:grid; grid-template-columns:3fr 1fr; grid-template-areas:"main aside"; gap:20px;
}
.scu-useful__main{ grid-area:main; } .scu-useful__aside{ grid-area:aside; }
@media (max-width:768px){ .scu-useful{ grid-template-columns:1fr; grid-template-areas:"aside" "main"; } }

/* big right tabs */
.scu-useful__tabs{ display:grid; gap:12px; }
.scu-tab{
  display:grid; grid-template-columns:40px 1fr; align-items:center; gap:12px; padding:12px; border-radius:12px; background:#fff;
  text-decoration:none; color:inherit; box-shadow:0 1px 6px rgba(0,0,0,.08); transition:transform .2s, box-shadow .2s;
}
.scu-tab:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.12); }
.scu-tab i{ font-size:20px; }

/* Useful/news list row items */
.scu-newslist{ display:grid; gap:16px; }
.scu-newsitem{
  display:grid; grid-template-columns:180px 1fr; gap:14px; background:#f4f6f6; border-radius:14px; overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.08);
}
.scu-newsitem__media img{ width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; display:block; }
.scu-newsitem__body{ padding:12px; }
.scu-newsitem__kicker{ font-size:12px; font-weight:700; letter-spacing:.02em; color:#2563eb; margin:0 0 4px; }
.scu-newsitem__title{ margin:0 0 6px; font-size:18px; line-height:1.25; }
.scu-newsitem__title a{ text-decoration:none; color:inherit; }
.scu-newsitem__excerpt{ margin:0 0 8px; opacity:.9; }
.scu-newsitem__meta{ display:flex; gap:12px; align-items:center; font-size:13px; opacity:.85; }
.scu-newsitem__more{ font-weight:700; text-decoration:none; }
@media (max-width:640px){ .scu-newsitem{ grid-template-columns:1fr; } }

/* pager */
.scu-pager{ display:flex; gap:8px; justify-content:center; margin:20px 0; }
.scu-pager a, .scu-pager span{ padding:8px 12px; border-radius:10px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.06); text-decoration:none; color:inherit; }
.scu-pager .current{ background:#eef2ff; }

/* ---- 4.4 Logs/Useful/News (top rows & lists) ---- */
.section{ padding:25px 0; }
.toprow{ display:flex; align-items:center; padding:20px 0 15px; justify-content:space-between; gap:16px; }
.toprow h2{ margin:0; font-weight:800; font-size:22px; }

.cars4{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.cars2{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media (max-width:980px){ .cars4{ grid-template-columns:repeat(2,1fr); } .cars2{ grid-template-columns:1fr; } }

.cols3{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; }
@media (max-width:980px){ .cols3{ grid-template-columns:1fr; } }

.box{ background:#fff; border:1px solid var(--bd); border-radius:16px; box-shadow:var(--shadow); padding:12px; }
.list{ display:flex; flex-direction:column; gap:12px; }
.scu-li{ display:grid; grid-template-columns:96px 1fr; gap:10px; padding-bottom:17px; align-items:center; text-decoration:none; color:var(--ink); }
.scu-li img{ width:96px; height:72px; object-fit:cover; border-radius:10px; border:1px solid var(--bd); }
.scu-li .t{ font-weight:700; }
.scu-li .sub{ color:#475569; font-size:13px; }

/* ---- 4.5 Profile ---- */
.scu-profile-grid{ display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:992px){ .scu-profile-grid{ grid-template-columns:3fr 1fr; } }
.profile-section{ margin-bottom:2.5rem; border-bottom:1px solid #e2e8f0; padding-bottom:1.5rem; }
.profile-section:last-child{ border-bottom:none; margin-bottom:0; }
.profile-cover-image{ height:300px; background-size:cover; background-position:center; border-radius:12px; }
.profile-cover-badges{ display:none; } /* remove legacy badges row on cover */
.log-item{ display:flex; gap:1.5rem; margin-bottom:1.5rem; background: #ffffff; border-radius: 8px; padding: 25px; }
.log-item-photo{ width:120px; height:90px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.log-item-content h3{ margin:.0 0 .25rem; font-size:1.1rem; }
.log-item-car{ font-size:.9rem; color:#000000; margin-bottom:.5rem; }
.log-item-excerpt{color:#000000; }
.log-item-meta{  color:#000000; }
.log-item-meta span{ margin-right:1rem; }

.scu-profile-sidebar .profile-sidebar-section{
  background:#f8fafc; padding:1.5rem; border-radius:12px; text-align:center; margin-bottom:1.5rem; border:1px solid #e2e8f0;
}
.profile-avatar{ width:100px; height:100px; border-radius:10%; margin:0 auto 1rem; display:block; }
.profile-nickname{ margin:0 0 .5rem; }
.profile-meta-item{ margin-bottom:.5rem; color:#475569; }
.quick-actions .button{ display:block; width:100%; margin-bottom:.75rem; text-align:center; }

/* cover & specs block */
.profile-cover-section{ position:relative; margin-bottom:2.5rem; }
.profile-car-specs{
  background:rgba(255,255,255,.9); backdrop-filter:blur(10px);
  border:1px solid rgba(0,0,0,.08); border-radius:12px; padding:1.5rem;
  margin:-60px 2rem 0; position:relative; z-index:2; box-shadow:0 8px 25px rgba(0,0,0,.07);
}
.specs-title{ margin:0 0 1.5rem; text-align:center; font-size:1.5rem; }
.specs-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:1.5rem; }
.spec-column h4{ margin:0 0 .75rem; font-size:1rem; color:#64748b; border-bottom:1px solid #e2e8f0; padding-bottom:.5rem; }
.spec-column p{ margin:0 0 .5rem; font-size:.95rem; }
.spec-column p strong{ color:#334155; }

.scu-card__log-categories{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; width:100%; padding:10px; }
.scu-card__log-categories .scu-badge--category{ margin-right:8px; }
.scu-card_date{ white-space:nowrap; float:right; }
.scu-card__car-specs{ text-align:center; font-weight:600; text-transform:uppercase; padding:10px 0; }

/* rating stars (archives & single align) */
/* Статичний вивід рейтингу (картки/сайдбар), НЕ форма */
.scu-rating .stars,
.scu-sidebar-rating .stars,
.scu-card-horizontal__footer .stars {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  color: #cbd5e1;       /* сірі порожні */
  letter-spacing: 5px;
  vertical-align: middle;
}
.scu-rating .stars::before,
.scu-sidebar-rating .stars::before,
.scu-card-horizontal__footer .stars::before {
  content: '★★★★★';
  position: absolute;
  left: 0; top: 0;
  letter-spacing: 5px;
  background: linear-gradient(90deg, #008cff var(--rating-percent), transparent var(--rating-percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scu-card-horizontal__footer{ display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.scu-card-horizontal__footer .scu-rating{ display:flex; align-items:center; gap:.4em; }

/* ---- 4.6 STO (archive + single) ---- */

/* archive grid */
.scu-grid--sto{ display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:768px){ .scu-grid--sto{ grid-template-columns:1fr 1fr; } }
.scu-card-horizontal{ background:#fff; border:1px solid #e2e8f0; border-radius:12px; display:flex; gap:1rem; padding:1rem; }
.scu-card-horizontal__media{ flex-shrink:0; width:100px; height:100px; }
.scu-card-horizontal__media img{ width:100%; height:100%; object-fit:cover; border-radius:8px; border:1px solid #e2e8f0; }
.scu-card-horizontal__content{ display:flex; flex-direction:column; flex-grow:1; }
.scu-card-horizontal__title{ margin:0 0 .5rem; font-size:1.125rem; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.scu-card-horizontal__title a{ text-decoration:none; color:inherit; }
.scu-card-horizontal__meta-item{ color:#000000; font-size:1rem; margin-bottom:1.2rem; }
.scu-card-horizontal__meta-item i{ margin-right:.5em; color:#94a3b8; }
.scu-card-horizontal__badges{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.75rem; }

/* single page */
.scu-single-grid{ display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:992px){ .scu-single-grid{ grid-template-columns:3fr 1fr; } }
.scu-single-cover img{ width:100%; height:auto; border-radius:12px; object-fit:cover; max-height:350px; }
.scu-single-section2{ margin-top:2.5rem; }.scu-single-section{ margin-top:0rem; }
.scu-section-title{ font-size:1.5rem; margin-bottom:1rem; border-bottom:1px solid #e2e8f0; padding-bottom:.5rem; }
.scu-gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:.75rem; }
.scu-gallery-grid img{ width:100%; height:80px; object-fit:cover; border-radius:8px; }
.scu-sidebar-widget{ background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:1.5rem; margin-bottom:1.5rem; }
.scu-widget-title{ font-size:1.125rem; margin:0 0 1rem; }
.scu-sto-main-title{ font-size:1.75rem; line-height:1.2; text-align:center; margin-bottom:.5rem; }
.scu-sidebar-rating{ display:flex; justify-content:center; align-items:center; gap:.5rem; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #e2e8f0; }
.scu-sidebar-rating__value{ font-size:1.25rem; font-weight:700; color:#1e293b; }
.scu-sidebar-rating__reviews-link{ font-size:.8rem; color:#64748b; text-decoration:none; }
.scu-contact-block{ margin-bottom:1rem; }
.scu-contact-block strong{ display:block; color:#64748b; font-weight:600; font-size:.85rem; margin-bottom:.25rem; }
.scu-contact-block span,.scu-contact-block a{ font-size:.95rem; color:#1e293b; text-decoration:none; }
.scu-map-container{ margin-top:1.5rem; border-radius:8px; overflow:hidden; border:1px solid #e2e8f0; }
.scu-sto-map-widget .scu-map-container{ border-radius:12px; overflow:hidden; background:#f6f6f6; }
.scu-sto-map-widget .scu-map-actions{ margin-top:.9rem; display:flex; gap:.5rem; flex-wrap:wrap; padding-left:15px; }
.button-coord{
  color:#fff; background:#046bd2; padding:5px 10px; font-weight:500; font-size:1rem; line-height:1;
}

/* ---- 4.7 Single Car ---- */
.scu-single-cover + .scu-gallery-grid{ margin-top:1rem; }
.scu-car-main-title{ font-size:1.75rem; line-height:1.2; text-align:center; margin-bottom:.25rem; }
.scu-car-nickname{ text-align:center; color:#003075; margin:0 0 .5rem; font-weight: 500; }
.scu-car-owner-since{
  text-align:center; border-top:1px solid #e2e8f0; padding-top:1rem; margin-top:1rem; margin-bottom: 0.1em;
}
.scu-owner-widget{ padding:1rem; }
.scu-owner-widget .owner-info{ display:flex; align-items:center; gap:1rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #e2e8f0; }
.scu-owner-widget .owner-info img{ border-radius:10%; }
.scu-owner-widget .owner-details{ display:flex; flex-direction:column; }
.scu-owner-widget .owner-name{ font-weight:600; color:#1e293b; }
.scu-owner-widget .owner-city{ font-size:.85rem; font-weight: 500; }
.scu-owner-widget .owner-actions{ display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.scu-owner-widget .owner-actions .button{ width:100%; text-align:center; padding:.5rem; font-size:.9rem; }
.scu-tech-specs-list{ list-style:none; padding:0; margin:0; font-size:.9rem; }
.scu-tech-specs-list li{ display:flex; justify-content:space-between; padding:.6rem 0; border-bottom:1px solid #f1f5f9; }
.scu-tech-specs-list li:last-child{ border-bottom:none; }
.scu-tech-specs-list strong{ color:#64748b; font-weight:500; }
.scu-tech-specs-list span{ color:#1e293b; font-weight:600; display:flex; align-items:center; gap:.5em; }
/* === HOTFIX: filters + hero typography restore ===================== */

/* Cars/Archives: верхні фільтри */
.scu-archive__header .row{
  display:flex; flex-wrap:wrap; gap:12px; margin-bottom: 2em; align-items:flex-end;
}
.scu-archive__header label{
  display:flex; flex-direction:column; gap:4px; font-size:12px; color:#0f172a;
}
.scu-archive__header select{
  min-width:180px;
}

/* Events: заголовок + фільтри */
.scu-evhdr{
  display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin:8px 0 20px;
}
.scu-evhdr__title{ margin:0; }
.scu-evfilters{
  display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end;
}
.scu-evfilters label{
  display:flex; flex-direction:column; gap:6px; font-size:14px; color:#0f172a;
}
.scu-evfilters select{ min-width:180px; }

/* Hero: кольори та типографіка (SCU-класи) */
.scu-hero{ color:#fff; }
.scu-hero__title{
  margin:0; font-weight:900; font-size:40px; line-height:1.1;
  color:#f6f66a; text-transform:uppercase;
}
.scu-hero__subtitle{ margin:0; color:#fff; opacity:.95; }

/* Hero: алиаси (якщо десь лишилися старі класи) */
.hero-inner{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.hero-title{
  margin:0; font-weight:900; font-size:40px; line-height:1.1;
  color:#f6f66a; text-transform:uppercase;
}
.hero-sub{ margin:0; color:#fff; opacity:.95; }

/* ========== END ========== */
/* === Single Car → Logs list (RESTORED) === */
.single-cars .scu-simple-log-list{
  list-style:none; margin:0; padding:0;
  border:1px solid #e2e8f0; border-radius:12px; overflow:hidden;
  background:#fff;
}
.single-cars .scu-simple-log-list li a{
  display:flex; justify-content:space-between; align-items:center;
  gap:1rem;
  padding:0.75rem 1rem;
  text-decoration:none; color:inherit;
  border-bottom:1px solid #e2e8f0;
  transition:background-color .2s ease;
}
.single-cars .scu-simple-log-list li:last-child a{ border-bottom:none; }
.single-cars .scu-simple-log-list li a:hover{ background:#f8fafc; }

.single-cars .scu-simple-log-list .log-title{
  font-weight:600; color:#1e293b;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  flex:1 1 auto;
}
.single-cars .scu-simple-log-list .log-meta{
  display:flex; align-items:center; gap:.75rem;
  font-size:.85rem; color:#64748b; flex:0 0 auto;
}
.single-cars .scu-simple-log-list .log-category{
  background:#f1f5f9; color:#475569;
  padding:3px 8px; border-radius:6px; font-weight:600;
}
.single-cars .scu-simple-log-list .log-date{
  color:#64748b; white-space:nowrap;
}

/* compact on small screens: title on first line, meta below */
@media (max-width:640px){
  .single-cars .scu-simple-log-list li a{
    flex-direction:column; align-items:flex-start; gap:.4rem;
  }
  .single-cars .scu-simple-log-list .log-title{
    width:100%; white-space:normal;
  }
  .single-cars .scu-simple-log-list .log-meta{
    gap:.5rem; flex-wrap:wrap;
  }
}
/* Тримай 3 рядки для карток/анонсів */
.limit-3-lines{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Хлібні крихти / back */
.scu-breadcrumbs{margin:8px 0 14px; font-size:14px; color:#475569}
.scu-breadcrumbs a{color:#1e3a8a; text-decoration:none}
.scu-breadcrumbs a:hover{text-decoration:underline}
.scu-backlink{display:inline-flex; gap:6px; align-items:center; font-size:14px}
/* Фіксуємо саме для головної: 3 / 2 / 1 колонки */
.home .scu-grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){ .home .scu-grid-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .home .scu-grid-3{grid-template-columns:1fr} }
.scu-archive__header .row select,
.scu-archive__header .row input[type="search"],
.scu-archive__header .row input[type="text"]{
  min-width: 190px;
  height: 36px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  padding:0 10px;
  background:#fff;
}
/* SCU override: зменшуємо вертикальні відступи контейнера на десктопі */
@media (min-width: 993px){
  .ast-separate-container #primary,
  .ast-separate-container.ast-left-sidebar #primary,
  .ast-separate-container.ast-right-sidebar #primary{
    margin: 2em 0 !important; /* замість 4em */
    padding: 0; /* як у тебе в прикладі */
  }
}
/* Кнопки мої */
.buttonsub{
    border: none;
            padding: 5px 11px; /* Зменшено відступи */
            font-size: 14px; /* Зменшено шрифт */
            font-weight: 600;
            color: #ffffff;
            background-color: #0033A0; /* Колір "Subaru Blue" */
            border-radius: 8px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
            position: relative;
            outline: none;
            text-align: center;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Зменшено тінь */
}
.buttonsub:hover{
color: #fff;
background-color: #003bB4; /* Трохи світліший синій */
transform: translateY(-2px); /* Ледь помітне підняття */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Нейтральна, трохи збільшена тінь */

}

.container-stosub {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .stosub {
            display: inline-block;
            padding: 6px 16px;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 8px; /* Робить бейдж "пігулкою" */
            color: #fff;
			background-color: #0033A0;
            transition: transform 0.2s ease;
        }
        
        .stosub:hover {
            transform: scale(1.05); /* Легке збільшення при наведенні */
			color: #fff;
        }


.profile-svidki-dii{
margin-bottom: 0.8rem;
margin-top: 0.8rem;
}
/* той самий компакт-стиль, щоб секції були однаковими */
.scu-mini{display:flex;flex-direction:column;gap:10px}
.scu-mini__item{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;
  padding:8px;border-radius:12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);text-decoration:none;color:inherit}
.scu-mini__thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f4f4f4}
.scu-mini__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.scu-mini__title{margin:0;line-height:1.15;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: 1.2em; overflow:hidden}
.scu-mini__date{font-size:12px;opacity:.7;margin-top:4px}
/* === STO: інтерактивні зірки у формі коментарів (restore) === */
.single-sto #commentform .comment-form-rating {
  margin-bottom: 1rem;
}
.single-sto #commentform .rating-stars {
  display: inline-flex;
  flex-direction: row-reverse;  /* щоб заповнювались зліва направо */
  gap: .15rem;
  unicode-bidi: bidi-override;
}
.single-sto #commentform .rating-stars > input {
  position: absolute; left: -9999px; /* ховаємо, але збережемо доступність через label */
}
.single-sto #commentform .rating-stars > label {
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  color: #cbd5e1;             /* сірі незаповнені */
  transition: color .15s ease;
  user-select: none;
}
.single-sto #commentform .rating-stars > label:hover,
.single-sto #commentform .rating-stars > label:hover ~ label,
.single-sto #commentform .rating-stars > input:checked ~ label {
  color: #ffb400;             /* заповнені (hover/checked) */
}
/* Car card hover — як у .scu-evcard */
.scu-card--car{
  box-shadow: 0 1px 6px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .scu-card--car:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}

/* Без підйому в компактному режимі (міні-гараж, сайдбар) */
.scu-card--car[data-context="mini"],
.scu-card--car[data-context="mini"]:hover{
  transform: none;
  box-shadow: none;
}
/* === SCU Single layout: media over main (left) + sidebar (right) === */
.scu-single-grid{
  display:grid;
  gap:2rem;
}

/* Desktop: 2 колонки — ліва (media+main), права (sidebar) */
@media (min-width: 992px){
  .scu-single-grid{
    grid-template-columns: 3fr 1fr;
    grid-template-areas:
      "media   sidebar"
      "main    sidebar";
    align-items:start;
  }
}

/* Мобіла/планшет: один стовпець — медіа → контент → сайдбар */
@media (max-width: 991.98px){
  .scu-single-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "main"
      "sidebar";
  }
}

/* Прив’язка областей */
.scu-single-media{        grid-area: media;   }
.scu-single-grid__main{   grid-area: main;    }
.scu-single-grid__sidebar{grid-area: sidebar; }

/* Явні дрібні фікси на всяк випадок */
.scu-single-media .scu-single-cover img{
  display:block; width:100%; height:auto; object-fit:cover;
}
.scu-gallery-grid a img{
  display:block; width:100%; height:80px; object-fit:cover; border-radius:8px;
}
/* ===== SCU Message: Single ===== */

.scu-msg-container{
  max-width: 920px;
  margin: 0 auto;
  padding: 16px;
}

.scu-msg-card{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(2,6,23,.06);
  overflow: hidden;
}

/* Header */
.scu-msg-header{
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  /* легкий градієнт */
  background: linear-gradient(180deg, #f7f8fd 0%, #eef2ff 100%);
  border-bottom: 1px solid #e5e7eb;
}

.scu-msg-avatars{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.scu-msg-avatar img{
  width: 48px; height: 48px; border-radius: 999px;
  box-shadow: 0 4px 12px rgba(2,6,23,.12);
}
.scu-msg-arrow{
  font-size: 18px; color:#64748b;
}

.scu-msg-titleblock{
  min-width: 0; /* щоб текст не вилазив */
}
.scu-msg-subject{
  margin: 0 0 6px 0;
  font-size: 20px;
  line-height: 1.25;
  color:#0f172a;
  word-break: break-word;
}
.scu-msg-meta{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  font-size: 14px;
  color:#475569;
}
.scu-msg-meta .sep{ color:#94a3b8; }
.scu-msg-meta a{ color:#1d4ed8; text-decoration: none; }
.scu-msg-meta a:hover{ text-decoration: underline; }

/* Status chip */
.scu-msg-status{
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  border:1px solid transparent;
}
.scu-msg-status.is-new{
  background:#fee2e2; color:#991b1b; border-color:#fecaca;
}
.scu-msg-status.is-read{
  background:#e5e7eb; color:#111827; border-color:#d1d5db;
}

/* Body */
.scu-msg-body{
  padding: 20px;
}
.scu-msg-body p{ margin: 0 0 1em 0; color:#0f172a; }
.scu-msg-body a{ color:#1d4ed8; text-decoration: underline; }
.scu-msg-body ul, .scu-msg-body ol{ padding-left: 1.25rem; margin: .5rem 0 1rem; }
.scu-msg-body blockquote{
  margin: 12px 0; padding: 10px 12px 10px 14px;
  background:#f8fafc; border-left: 3px solid #94a3b8; color:#334155; border-radius: 6px;
}
.scu-msg-body img{ max-width: 100%; height: auto; border-radius: 8px; }

/* Actions */
.scu-msg-actions{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-top:1px solid #e5e7eb;
  background:#fafafa;
}
.scu-msg-actions .left{ display:flex; gap: 8px; flex-wrap: wrap; }
.scu-msg-actions .right{ display:flex; gap: 8px; }

.scu-msg-copylink{
  appearance: none;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.scu-msg-copylink:hover{ border-color:#94a3b8; box-shadow:0 0 0 2px rgba(148,163,184,.15); }
.scu-msg-copylink.ok{ background:#ecfeff; border-color:#22d3ee; }

/* Mobile tweaks */
@media (max-width: 640px){
  .scu-msg-header{
    grid-template-columns: 1fr auto; /* аватари + заголовок на одну колонку, статус праворуч */
    grid-auto-rows: auto;
  }
  .scu-msg-avatars{ order:1; }
  .scu-msg-titleblock{ order:2; }
  .scu-msg-status{ order:3; }
}

/* Темна тема (якщо ви використовуєте prefers-color-scheme) */
@media (prefers-color-scheme: dark){
  .scu-msg-card{ background:#0b1220; border-color:#1f2937; box-shadow:none; }
  .scu-msg-header{ background: linear-gradient(180deg, #0b1220 0%, #0f172a 100%); border-color:#1f2937; }
  .scu-msg-subject{ color:#e5e7eb; }
  .scu-msg-meta{ color:#94a3b8; }
  .scu-msg-body{ color:#e5e7eb; }
  .scu-msg-body p{ color:#e5e7eb; }
  .scu-msg-body blockquote{ background:#0f172a; border-left-color:#475569; color:#cbd5e1; }
  .scu-msg-actions{ background:#0b1220; border-color:#1f2937; }
  .scu-msg-copylink{ background:#0b1220; color:#e5e7eb; border-color:#334155; }
  .scu-msg-copylink:hover{ border-color:#64748b; box-shadow:none; }
  .scu-msg-status.is-read{ background:#1f2937; color:#e5e7eb; border-color:#334155; }
  .scu-msg-status.is-new{ background:#3f1f1f; color:#fecaca; border-color:#7f1d1d; }
}
/* Бейдж лічильника на кнопці "Мої повідомлення" */
.buttonsub.scu-btn-inbox { position: relative; padding-right: 28px; }
.scu-badge-count{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ef4444; /* червоний */
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
  box-shadow: 0 0 0 2px #fff; /* обводка під світлі фони */
}
@media (max-width:640px){
  .buttonsub.scu-btn-inbox { padding-right: 34px; } /* трохи більше місця на мобі */
}
.scu-btn-inbox .scu-badge-count{ background:#9aa0a6; color:#fff; border-radius:999px; display:inline-block; min-width:1.75em; padding:.1em .5em; text-align:center; font-size:.875em; line-height:1.5; }
.scu-btn-inbox.has-unread .scu-badge-count{ background:#d93025; }
/* ====== Single Event sidebar ====== */
.scu-event-sidebar { padding: 14px 16px; background:#fff; border-radius:16px; }
.scu-event-statusbar{
  display:inline-block;
  margin: 4px 0 10px;
  padding: 6px 10px;
  background:#f7fafe;
  border:1px solid #e4eefb;
  border-left:4px solid #3b82f6;  /* синя смужка-акцент */
  border-radius:12px;
}
.scu-event-facts{ display:grid; gap:.75rem; }
.scu-event-facts .fact{
  display:grid; grid-template-columns:36px 1fr; gap:.75rem; align-items:start;
  padding:.25rem 0 .75rem; border-bottom:1px dashed rgba(0,0,0,.08);
}
.scu-event-facts .fact:last-child{ border-bottom:none; }
.scu-event-facts .icon{
  width:36px; height:36px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  background:#f1f5f9; color:#334155;
}
.scu-event-facts .label{ font-size:.85rem; color:#6b7280; margin-bottom:2px; }
.scu-event-facts .value{ font-weight:600; color:#111827; }

.scu-chips{ display:flex; flex-wrap:wrap; gap:.25rem .5rem; }
.scu-chips .chip{
  display:inline-block; padding:.2rem .6rem; border-radius:999px;
  background:#eef2ff; color:#3730a3; font-weight:600; font-size:.85rem;
}

.scu-widget-subtitle{ font-weight:700; margin:.5rem 0; }
.scu-event-map{ margin-top:1rem; }
/* лог: велике фото авто в правій колонці */
.scu-sidecar__media img{ width:100%; height:auto; border-radius:14px; display:block; }
.scu-sidecar__caption{ margin:.4rem 0 1rem; font-weight:800; text-align:center; }

/* мета-лінійка */
.scu-log-meta-bar{
  display:flex; flex-wrap:wrap; gap:.5rem 1rem;
  padding:.5rem .75rem; background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; margin-top: 2em;
}
.scu-log-meta-bar .meta-item{ color:#1f2937; }
.scu-log-meta-bar .meta-item i{ margin-right:.35rem; color:#6b7280; }
/* авто у правій колонці як віджет */
.scu-owner-widget .scu-sidecar__media { display:block; }
.scu-owner-widget .scu-sidecar__media img{
  width:100%; height:auto; display:block; border-radius:14px;
}
.scu-owner-widget .scu-sidecar__caption{
  text-align:center; font-weight:800; margin:.4rem 0 1rem;
}
.scu-parts-block { margin-top: 20px; padding: 16px; background:#fff; border:1px solid var(--ast-border-color); border-radius:8px; }
.scu-parts-block .scu-block-title { margin:0 0 12px; font-size:1.1rem; font-weight:600; }
.scu-parts-list { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.scu-part-row { display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; }
.scu-part-name { font-weight:600; }
.scu-part-code a { text-decoration:underline; }
.scu-part-qty, .scu-part-price { opacity:.85; }