/* Find My Tartan — dedicated search page (page-find-my-tartan.php).
   Loaded alongside front-page.css, which supplies .don-home's resets, fonts
   and the --don-* CSS variables this reuses — only the search page's own
   components are defined here. */

.don-find-tartan{padding:70px 5vw;max-width:1400px;margin:0 auto}

.don-find-tartan-intro{max-width:640px;margin:0 auto 34px;text-align:center}
.don-find-tartan-intro .don-eyebrow{display:block;margin-bottom:10px;color:var(--don-gold)}
.don-find-tartan-intro h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:44px;line-height:1.05;margin:0 0 14px;color:var(--don-ink)}
.don-find-tartan-intro p{font-size:15px;color:#4a4438}

.don-find-tartan-search{max-width:560px;margin:0 auto 22px}
.don-find-tartan-search input[type="search"]{width:100%;padding:15px 18px;font-size:16px;font-family:inherit;border:1px solid var(--don-line);background:var(--don-white);color:var(--don-ink);border-radius:0;-webkit-appearance:none;appearance:none}
.don-find-tartan-search input[type="search"]::placeholder{color:#9a917e}
.don-find-tartan-search input[type="search"]:focus{outline:2px solid var(--don-green);outline-offset:-2px}

.don-find-tartan-crest-results{margin:0 0 34px}
.don-crest-section-heading{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:24px;margin:0 0 4px;color:var(--don-ink);text-align:center}
.don-crest-section-sub{font-size:12px;color:#6b6455;margin:0 0 18px;text-align:center}
.don-crest-result-grid{margin:0 0 8px;padding-bottom:26px;border-bottom:1px solid var(--don-line)}

.don-find-tartan-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 34px}
.don-tartan-filter-pill{padding:9px 18px;font-size:12px;font-family:inherit;letter-spacing:.02em;border:1px solid var(--don-line);background:var(--don-white);color:var(--don-ink);cursor:pointer;border-radius:999px}
.don-tartan-filter-pill.active{background:var(--don-ink);border-color:var(--don-ink);color:#fff}
.don-tartan-filter-pill:hover:not(.active){border-color:var(--don-ink)}

.don-tartan-empty-prompt{text-align:center;font-size:14px;color:#6b6455;padding:60px 20px;margin:0}
.don-tartan-result-count{font-size:12px;color:#6b6455;margin:0 0 16px;text-align:center}

.don-tartan-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.don-tartan-result-card{background:var(--don-cream);border:1px solid var(--don-line);display:flex;flex-direction:column}
.don-tartan-result-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e4dfd4}
.don-tartan-result-name{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:500;margin:12px 12px 8px;color:var(--don-ink)}

.don-tartan-result-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 12px 10px}
.don-tartan-badge{font-size:10px;letter-spacing:.02em;padding:4px 9px;border-radius:999px;border:1px solid transparent;line-height:1.3}
.don-tartan-badge.available{background:var(--don-green);color:#fff}
.don-tartan-badge.unavailable{background:transparent;color:#9a917e;border-color:var(--don-line)}

.don-tartan-expand-btn{margin:0 12px 12px;align-self:flex-start;font-size:11px;font-family:inherit;background:none;border:0;border-bottom:1px solid var(--don-ink);color:var(--don-ink);cursor:pointer;padding:0 0 2px}
.don-tartan-expand-panel{margin:0 12px 14px;padding-top:10px;border-top:1px solid var(--don-line);font-size:12px}
.don-tartan-expand-group{margin-bottom:8px}
.don-tartan-expand-group:last-child{margin-bottom:0}
.don-tartan-expand-heading{font-weight:600;color:var(--don-ink);margin-bottom:4px}
.don-tartan-expand-links{display:flex;flex-direction:column;gap:3px}
.don-tartan-expand-links a{color:var(--don-red);border-bottom:1px solid transparent}
.don-tartan-expand-links a:hover{border-bottom-color:var(--don-red)}

@media(max-width:680px){
  .don-find-tartan{padding:50px 6vw}
  .don-find-tartan-intro h1{font-size:32px}
  .don-tartan-result-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
}