/* Homepage plate search (includes/Vehicle/HomeSearch.php): front page only, loaded before plate-search.css, while plate
   search is switched on. storefront.css is not loaded on the homepage.

   Part 1, from ".rt-search" to the end of the 600 px block: a VERBATIM copy of storefront.css 0.3.4 lines 391-435 and
   439-446 (the shop's search tabs and plate panel). tests/home-search-test.php fails if the two drift apart, so change
   the shop's rules first and copy them. Left out: the shop-only rule that hides the product list under a plate answer. */
.rt-search { margin:0 0 16px; }
.rt-search .rt-filters { margin:0; }
.rt-search-tabs { display:flex; gap:4px; }
.rt-search-tabs[hidden],.rt-search [role=tabpanel][hidden] { display:none; }
.rt-search-tabs [role=tab] { -webkit-appearance:none; appearance:none; margin:0; padding:0 16px; min-height:38px; border:1px solid #e1e5e9; border-bottom:0; border-radius:3px 3px 0 0; background:#fff; color:#4b5259; font:500 14px/1 var(--wd-text-font); letter-spacing:0; text-transform:none; box-shadow:none; cursor:pointer; }
.rt-search-tabs [role=tab]:hover { color:#1f2429; }
.rt-search-tabs [role=tab][aria-selected=true] { background:#f6f7f8; color:#1f2429; font-weight:600; box-shadow:inset 0 2px 0 #ff9933; }
.rt-search-tabs [role=tab]:focus-visible { outline:2px solid #1f2429; outline-offset:-2px; }
.rt-search-tabs-on .rt-filters,.rt-search-tabs-on .rt-plate { border-top-left-radius:0; }
.rt-search:not(.rt-search-tabs-on) .rt-plate { margin-top:12px; }
.rt-plate { position:relative; margin:0; padding:12px 16px 14px; border:1px solid #e1e5e9; border-radius:3px; background:#f6f7f8; font-family:var(--wd-text-font); color:#1f2429; }
.rt-plate *,.rt-plate *::before,.rt-plate *::after { box-sizing:border-box; }
.rt-plate-row { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 14px; }
.rt-plate .rt-label { display:block; margin:0 0 4px; font:500 12px/16px var(--wd-text-font); color:#5f656c; letter-spacing:0; text-transform:none; }
.rt-plate-field { display:flex; align-items:stretch; width:220px; height:36px; border:1px solid #cdd3d9; border-radius:3px; background:#fff; overflow:hidden; }
.rt-plate-field:focus-within { border-color:#4b5259; }
.rt-plate-eu { display:grid; place-items:center; flex:0 0 30px; background:#003399; color:#fff; font:700 10px/1 var(--wd-text-font); letter-spacing:.04em; }
.rt-plate-field input { flex:1 1 auto; min-width:0; height:100%; margin:0; padding:0 10px; border:0; border-radius:0; background:none; box-shadow:none; color:#1f2429; font:700 17px/1 var(--wd-text-font); letter-spacing:.12em; text-transform:uppercase; }
.rt-plate-field input::placeholder { color:#737980; font-weight:500; opacity:1; }
.rt-plate-field input:focus { outline:none; }
.rt-plate .rt-plate-submit { flex:0 0 auto; height:36px; margin:0; padding:0 18px; border:0; border-radius:3px; background:#ff9933; color:#1a1a1a; font:700 14px/1 var(--wd-text-font); letter-spacing:0; text-transform:none; white-space:nowrap; box-shadow:none; cursor:pointer; }
.rt-plate .rt-plate-submit:hover { background:#e8821a; }
.rt-plate .rt-plate-submit:disabled { opacity:.7; cursor:progress; }
.rt-plate .rt-plate-submit:focus-visible,.rt-plate-size:focus-visible { outline:2px solid #1f2429; outline-offset:2px; }
.rt-plate-note { margin:8px 0 0; font:400 12px/1.4 var(--wd-text-font); color:#5f656c; }
.rt-plate-hp { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.rt-plate-out:empty { display:none; }
.rt-plate-out { margin:12px 0 0; padding:12px 0 0; border-top:1px solid #e1e5e9; }
.rt-plate-h { margin:0 0 8px; font:600 13px/1.3 var(--wd-text-font); color:#1f2429; }
.rt-plate-warn { margin:0 0 8px; font:400 13px/1.4 var(--wd-text-font); color:#7a5200; }
.rt-plate-axle { margin:10px 0 6px; font:600 12px/1.3 var(--wd-text-font); letter-spacing:.06em; text-transform:uppercase; color:#4b5259; }
.rt-plate-sizes { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.rt-plate-sizes li { margin:0; }
.rt-plate-size { display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; min-height:36px; padding:9px 12px; border:1px solid #cdd3d9; border-radius:3px; background:#fff; color:#1f2429; font:400 13px/1.2 var(--wd-text-font); text-decoration:none; }
a.rt-plate-size:hover { border-color:#e8821a; color:#1f2429; }
.rt-plate-size b { font:700 15px/1 var(--wd-text-font); font-variant-numeric:tabular-nums; }
.rt-plate-var { color:#4b5259; }
.rt-plate-count { font-weight:600; color:#1f2429; }
.rt-plate-size.is-empty { background:transparent; color:#5f656c; }
.rt-plate-size.is-empty b { color:#4b5259; }
.rt-plate-size.is-empty .rt-plate-count { font-weight:400; color:#5f656c; }
.rt-plate-msg { margin:0; font:400 14px/1.4 var(--wd-text-font); color:#1f2429; }
.rt-plate-hint { margin:0 0 10px; font:400 13px/1.4 var(--wd-text-font); color:#1f2429; }
.rt-plate-rim { margin:12px 0 6px; font:600 12px/1.3 var(--wd-text-font); color:#4b5259; }
:is(.rt-plate-h, .rt-plate-hint, .rt-plate-warn, .rt-plate-axle) + .rt-plate-rim { margin-top:0; }
@media (max-width:600px) {
  .rt-search-tabs [role=tab] { flex:1 1 0; min-height:44px; padding:0 10px; }
  .rt-plate-row { flex-direction:column; align-items:stretch; }
  .rt-plate-field { width:100%; height:44px; }
  .rt-plate .rt-plate-submit { width:100%; height:44px; }
  .rt-plate-sizes { flex-direction:column; }
  .rt-plate-size { display:flex; min-height:44px; }
}

/* Part 2, homepage only: one panel, no tabs (Oskar, 2026-10-07). The size search keeps Woodmart's look; the plate
   search sits below it in the same panel after a "või" divider. Same look with or without JavaScript. */
.rt-home-search { margin:0 0 30px; padding:12px 16px 14px; border:1px solid #e1e5e9; border-radius:3px; background:#f6f7f8; }
/* Woodmart's element spacing (.wd-wpb, 30 px below) moves from inside the panel to below it. */
.rt-home-search .rt-home-size > .wd-wpb { margin-bottom:0; }
.rt-home-search .rt-home-or { display:flex; align-items:center; gap:12px; margin:12px 0 10px; font:500 12px/16px var(--wd-text-font); color:#5f656c; letter-spacing:0; text-transform:none; }
.rt-home-search .rt-home-or::before,.rt-home-search .rt-home-or::after { content:""; flex:1 1 0; border-top:1px solid #e1e5e9; }
/* Inside the shared panel the plate form drops its own box (part 1 draws it for the shop page's tabs). */
.rt-home-search.rt-search .rt-plate { margin:0; padding:0; border:0; border-radius:0; background:none; }
/* The plate row takes the height of Woodmart's controls above it (42 px); phones keep part 1's 44 px. */
.rt-home-search .rt-plate-field { min-height:42px; }
.rt-home-search .rt-plate-field input { height:auto; }
.rt-home-search .rt-plate .rt-plate-submit { min-height:42px; }