/* Additions on top of styles.css (the imported builder design), shared by the homepage
   and the content pages. Uses that file's tokens only; no new colours. */

a.btn, a.hbtn{ text-decoration:none; }
.sr-tel{ color:var(--blue-dk); font-weight:500; text-decoration:none; }
.sr-tel:hover{ text-decoration:underline; }

/* homepage: showroom picker under the hero */
.sr-pick{ margin:34px 26px 40px; text-align:center; }
.sr-pick-row{ display:grid; gap:10px; margin-top:14px; }
.sr-pick-item{ display:block; padding:16px 18px; border:1px solid var(--line); background:var(--paper-2);
  color:var(--ink); text-decoration:none; text-align:left; transition:border-color .2s; }
.sr-pick-item:hover{ border-color:var(--blue); }
.sr-pick-item b{ display:block; font-family:var(--disp); font-weight:500; font-size:18px; letter-spacing:-.01em; }
.sr-pick-item span{ font-size:13px; color:var(--body); }

/* homepage: model cards — "Build yours" (where a builder exists) beside the link to the model's page */
.mcard-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.mcard-actions .hbtn{ margin-top:0; }

/* showroom details: address, phone, hours, buttons, map, towns */
.srp-addr{ margin:12px 0 0; font-family:var(--disp); font-weight:500; font-size:20px; line-height:1.35; color:var(--ink); }
.srp-phone{ margin:8px 0 0; font-size:16px; }
.srp-hours{ margin:20px 0 0; border-top:1px solid var(--line); }
.srp-hours div{ display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14.5px; }
.srp-hours dt{ color:var(--ink); font-weight:500; }
.srp-hours dd{ margin:0; color:var(--body); }
.srp-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.srp-map{ border:1px solid var(--line); min-height:300px; background:var(--panel); }
.srp-map iframe{ display:block; width:100%; height:100%; min-height:300px; border:0; }
.srp-towns{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.srp-towns li{ padding:7px 13px; border:1px solid var(--line); background:var(--paper-2);
  font-family:var(--cond); font-weight:600; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--body); }
.srp-towns li:has(a){ padding:0; border-color:var(--blue); }
.srp-towns a{ display:block; padding:7px 13px; color:var(--blue-dk); text-decoration:none; }
.srp-towns a:hover{ background:var(--panel); }

@media (min-width:900px){
  .sr-pick{ margin:44px 64px 56px; }
  .sr-pick-row{ grid-template-columns:repeat(3, 1fr); gap:16px; }
  .srp-map, .srp-map iframe{ min-height:420px; }
}