/* Chrápátko – atlas plemen psů: landing /plemena-psu/
   Barvy dědí z motivu e-shopu chrapatko.cz (Shoptet --color-*),
   v samostatném náhledu padají na značkové hexy. */
.chrapatko-breed-directory{
  --cbd-primary:var(--color-primary,#003140);
  --cbd-accent:var(--color-secondary,#007599);
  --cbd-accent-hover:var(--color-primary-hover,#007599);
  --cbd-green:#009901;
  --cbd-ink:#1f2d31;
  --cbd-muted:#5c6f74;
  --cbd-border:#d8dfe1;
  --cbd-panel:#eef4f5;
  --cbd-panel-border:#d3e0e2;
  --cbd-radius:12px;
  max-width:1140px;margin:0 auto;line-height:1.6;font-size:16px;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--cbd-ink)
}
.chrapatko-breed-directory h1{font-size:36px;line-height:1.2;margin:0 0 .5em;color:var(--cbd-primary)}
.chrapatko-breed-directory h2{font-size:24px;margin:1.8em 0 .5em;color:var(--cbd-primary)}
.chrapatko-breed-directory p,.chrapatko-breed-directory li{font-size:16px}
.chrapatko-breed-directory a{color:var(--cbd-accent)}
.chrapatko-breed-directory :focus-visible{outline:2px solid var(--cbd-accent);outline-offset:2px}
.chrapatko-breed-directory-intro{font-size:18px;color:var(--cbd-ink);max-width:70ch}
.chrapatko-breed-directory-intro p{font-size:18px}
.chrapatko-breed-directory-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.chrapatko-breed-directory-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:1.5em 0;padding:14px;background:var(--cbd-panel);border:1px solid var(--cbd-panel-border);border-radius:var(--cbd-radius)}
.chrapatko-breed-directory-searchbox{flex:1 1 100%}
.chrapatko-breed-directory-search{width:100%;height:44px;padding:0 14px;border:1px solid var(--cbd-border);border-radius:10px;font-size:16px;background:#fff}
.chrapatko-breed-directory-search:focus{border-color:var(--cbd-accent);outline:none}
.chrapatko-breed-directory-filter{display:block;flex:1 1 240px;border:1px solid var(--cbd-panel-border);background:#fff;border-radius:10px;padding:9px 12px 11px;margin:0;font-size:14px}
.chrapatko-breed-directory-filter--select{flex:1 1 160px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cbd-muted)}
.chrapatko-breed-directory-filter legend{display:block;width:100%;float:none;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cbd-muted);padding:0;margin:0 0 7px}
.chrapatko-breed-directory-opts{display:flex;flex-wrap:wrap;gap:6px}
/* option pills */
.chrapatko-breed-directory-opts label{display:inline-flex;align-items:center;gap:0;margin:0;cursor:pointer;border:1px solid var(--cbd-border);border-radius:999px;padding:5px 12px;font-size:13px;line-height:1.2;color:var(--cbd-ink);white-space:nowrap;transition:background .12s,border-color .12s,color .12s}
.chrapatko-breed-directory-opts label:hover{border-color:var(--cbd-accent);color:var(--cbd-accent)}
.chrapatko-breed-directory-opts input{position:absolute;opacity:0;width:1px;height:1px}
.chrapatko-breed-directory-opts label:has(input:checked){background:var(--cbd-primary);border-color:var(--cbd-primary);color:#fff}
.chrapatko-breed-directory-opts label:has(input:focus-visible){outline:2px solid var(--cbd-accent);outline-offset:2px}
.chrapatko-breed-directory-filter select{width:100%;height:38px;border:1px solid var(--cbd-border);border-radius:9px;padding:0 8px;background:#fff;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--cbd-ink);margin-top:7px}
.chrapatko-breed-directory-filter select:focus{border-color:var(--cbd-accent);outline:none}
.chrapatko-breed-directory-az{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px}
.chrapatko-breed-directory-az-btn{min-width:32px;height:32px;border:1px solid var(--cbd-border);background:#fff;color:var(--cbd-primary);border-radius:7px;cursor:pointer;font-size:13px;transition:background .12s,border-color .12s,color .12s}
.chrapatko-breed-directory-az-btn:hover:not([disabled]){border-color:var(--cbd-accent);color:var(--cbd-accent)}
.chrapatko-breed-directory-az-btn[disabled]{opacity:.35;cursor:default}
.chrapatko-breed-directory-az-btn.is-active{background:var(--cbd-primary);color:#fff;border-color:var(--cbd-primary)}
.chrapatko-breed-directory-count{flex-basis:100%;margin:2px 0 0;font-size:14px;color:var(--cbd-muted)}

.chrapatko-breed-directory-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.chrapatko-breed-directory-card-item.is-hidden{display:none}
.chrapatko-breed-directory-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--cbd-border);border-radius:var(--cbd-radius);overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.chrapatko-breed-directory-card:hover{border-color:var(--cbd-accent);box-shadow:0 6px 18px rgba(0,49,64,.12);transform:translateY(-2px)}
.chrapatko-breed-directory-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e3edee;display:block}
.chrapatko-breed-directory-card-img--empty{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--cbd-accent)}
.chrapatko-breed-directory-card-name{font-weight:700;font-size:17px;padding:.6rem .8rem 0;color:var(--cbd-primary)}
.chrapatko-breed-directory-card-meta{font-size:13px;color:var(--cbd-muted);padding:.15rem .8rem 0}
.chrapatko-breed-directory-card-desc{font-size:14px;color:var(--cbd-ink);padding:.4rem .8rem;flex:1}
.chrapatko-breed-directory-card-more{font-size:14px;font-weight:600;color:var(--cbd-green);padding:0 .8rem .7rem}
.chrapatko-breed-directory-card-more::after{content:" →";transition:margin-left .12s}
.chrapatko-breed-directory-card:hover .chrapatko-breed-directory-card-more::after{margin-left:.2rem}

.chrapatko-breed-directory-faq-item{border:1px solid var(--cbd-border);border-radius:10px;padding:.8rem 1rem;margin:.6rem 0}
.chrapatko-breed-directory-faq-item h3{margin:0 0 .4rem;color:var(--cbd-primary)}
.chrapatko-breed-directory-fci ul{columns:2;max-width:60ch}
.chrapatko-breed-directory-vet{margin-top:2em;padding:1rem 1.25rem;background:var(--cbd-panel);border:1px solid var(--cbd-panel-border);border-radius:var(--cbd-radius)}

@media (max-width:640px){
  .chrapatko-breed-directory h1{font-size:27px}
  .chrapatko-breed-directory-fci ul{columns:1}
  .chrapatko-breed-directory-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .chrapatko-breed-directory-filter{flex-basis:100%}
}