/* ==========================================================================
   pb-doodle-reuen.css
   Doodle reuen (.p-doodle-reuen): dog-grid / dog-grid-card.
   Link samen met pb-common.css (pb-common.css eerst).
   ========================================================================== */

.pb-main .dog-tag{display:inline-flex;align-items:center;height:24px;padding-top:0;padding-right:8px;padding-bottom:0;padding-left:8px;border-radius:3px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.05em;box-shadow:0 5px 12px rgba(38,27,20,.18);text-transform:uppercase;line-height:1;border:0;white-space:nowrap}
.pb-main .dog-tag.dark{background:rgba(108,77,56,.92);color:#fff}
.pb-main .dog-tag{display:inline-flex;align-items:center;height:22px;padding-top:0;padding-right:7px;padding-bottom:0;padding-left:7px;border-radius:3px;background:var(--accent);color:#fff;border:0;font-size:9px;line-height:22px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 5px 12px rgba(38,27,20,.18)}
.pb-main .dog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:0;padding-right:18px;padding-bottom:18px;padding-left:18px;overflow-x:visible;overflow-y:visible}
.pb-main .dog-grid-card{height:210px;border-radius:var(--r);overflow-x:hidden;overflow-y:hidden;position:relative;background:#ddd;box-shadow:0 10px 22px rgba(77,51,34,.12);display:block}
.pb-main .dog-grid-card img{width:100%;height:100%;object-fit:cover}
.pb-main .dog-grid-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.62));z-index:1}
.pb-main .dog-grid-card .card-link{position:absolute;inset:0;z-index:4;font-size:0;line-height:0}
.pb-main .dog-grid-card .dog-card-copy{position:absolute;left:10px;right:10px;bottom:11px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pb-main .dog-grid-card .dog-title{color:#fff;font-family:Fraunces,serif;font-weight:700;line-height:.98;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.32);margin:0;font-size:20px}
@media (min-width:768px) and (max-width:1024px){
  .pb-main .dog-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .pb-main .dog-grid{grid-template-columns:1fr 1fr}
}
.pb-main .dog-grid-card .dog-tag{max-width:100%;height:auto;min-height:22px;line-height:1.2;white-space:normal;padding-top:3px;padding-bottom:3px}