/* Shop-by-Brand logo wall (template-brands.php) — matches the browse (.lfb) look. */

.lmb{max-width:1400px;margin:0 auto;padding:0 20px 60px;}

.lmb-crumbs{display:flex;gap:8px;align-items:center;padding:14px 0;font-size:13px;color:#777;}
.lmb-crumbs a{color:#777;text-decoration:none;}
.lmb-crumbs a:hover{color:var(--lm-blue-dk);}
.lmb-crumbs b{color:#222;font-weight:600;}

.lmb-head{margin:4px 0 22px;}
.lmb-head h1{font-family:var(--lm-head);text-transform:uppercase;font-size:30px;letter-spacing:.02em;margin:0 0 4px;color:var(--lm-ink);}
.lmb-head p{margin:0;color:#666;font-size:14px;}

.lmb-empty{color:#666;padding:40px 0;}

.lmb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}

.lmb-tile{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;}
.lmb-tile:hover{border-color:var(--lm-blue);box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px);}

.lmb-logo{display:flex;align-items:center;justify-content:center;height:110px;padding:16px;background:#fff;border-bottom:1px solid #f0f0f0;}
.lmb-logo img{max-width:100%;max-height:100%;object-fit:contain;}

/* Typographic fallback tile — looks intentional, not missing. */
.lmb-word{font-family:var(--lm-head);text-transform:uppercase;font-weight:600;font-size:19px;line-height:1.15;letter-spacing:.03em;color:var(--lm-gray);text-align:center;transition:color .15s;}
.lmb-tile:hover .lmb-word{color:var(--lm-blue-dk);}

.lmb-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;}
.lmb-name{font-size:13px;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lmb-count{font-size:12px;color:#888;white-space:nowrap;}

/* White/light artwork sits on a dark tile ({slug}--dark files). */
.lmb-tile--dark .lmb-logo{background:var(--lm-black);border-bottom-color:#1e1e1e;}

/* House brand gets the blue treatment. */
.lmb-tile--house{border-color:var(--lm-blue);}
.lmb-tile--house .lmb-word{color:var(--lm-blue-dk);}
.lmb-tile--house .lmb-count{color:var(--lm-blue-dk);font-weight:600;}

@media (max-width:600px){
	.lmb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
	.lmb-logo{height:86px;padding:12px;}
	.lmb-word{font-size:16px;}
}