/* Dark theme for TOPONE Auto Sport — palette + dark surface rules.
   Loaded LAST in index.php <head> (after fonts.css) so its body/background
   rules win the cascade over Bootstrap's body { background-color:#fff }.
   Brand customizations (btn-detail, brand strip, nav menu, image border)
   stay in index.php's inline <style>; this file owns the dark palette and
   the elevated card / input / divider surfaces. */

:root {
  --bg: #141414; /* page background */
  --card: #1c1c1c; /* elevated card / panel surface */
  --card-hover: #242424; /* card & brand-tile hover */
  --text: #ffffff; /* primary text */
  --text-muted: #9a9a9a; /* secondary labels */
  --border: #ededed; /* container/card borders */
  --hr: #ededed; /* <hr> dividers */
  --price: #f4334a; /* sale price */
  --blue: #6b8cff; /* status / tel / section headers */
  --brand-red: #a20004; /* button background */
  --brand-red-hover: #c40005; /* button/link hover */
  --img-border: #353a40; /* car-image border */
}

body {
  background-color: var(--bg);
  color: var(--text);
}

/* Elevated car/content cards. Neutralizes Bootstrap .row's -15px horizontal
   margin (this selector loads last, equal specificity → wins) and adds the
   card surface + gap. min-height/overflow from index.php still apply. */
.row-bordered {
  background: var(--card);
  border-radius: 8px;
  padding: 8px;
  margin: 0 0 16px;
}

/* Inter-card <hr> dividers (car_list.php + renderCar) — now shown as #ededed
   separators via the general hr rule below. */

/* Separators everywhere else (footer, review, etc.) — #ededed */
hr {
  border-top: 1px solid var(--hr);
}

/* Dark form inputs — Contact-form-simple.css is empty, so inputs were
   Bootstrap-default white. The .form-control class (same specificity as
   Bootstrap's, loaded later) wins. */
input,
textarea,
select,
.form-control {
  background-color: var(--card);
  color: var(--text);
  border: 1px solid var(--border);
}
::placeholder {
  color: var(--text-muted);
}

/* The main search box (#search_car / #search_car_small in header.php) keeps an
   intentionally white background, so its text must be black to stay legible —
   these ID selectors (specificity 1,0,0) override the white-text input rule
   above for those two inputs only. */
#search_car,
#search_car_small {
  color: #000000;
}
#search_car::placeholder,
#search_car_small::placeholder {
  color: #666666; /* darker placeholder so it reads on the white field */
}
