/* Shared approved directory grid: homepage and all individual casino profiles. */
.casino-grid.directory-casino-grid { display:grid; margin-top:16px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:stretch; }
.casino-grid.directory-casino-grid .casino-card.bonus-card { display:grid; grid-template-rows:subgrid; grid-row:span 9; row-gap:0; min-width:0; padding:9px; background:var(--field-lavender-light); border:1px solid var(--ink); color:var(--ink); box-shadow:none; }
.casino-grid.directory-casino-grid .casino-card.bonus-card:hover { box-shadow:2px 2px 0 var(--field-lavender); }
.directory-casino-grid .bonus-profile { display:grid; grid-template-rows:subgrid; grid-row:span 2; row-gap:0; margin:0; }
.casino-grid.directory-casino-grid .bonus-logo { display:flex; align-items:center; justify-content:center; height:80px; padding:2px; border:1px solid var(--ink); }
.casino-grid.directory-casino-grid .bonus-logo img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; object-position:center; }
.directory-casino-grid .bonus-profile h3 { font:700 17px/1.25 var(--sans); color:var(--ink); margin:6px 0 4px; min-height:0; }
.directory-casino-grid .bonus-rating { justify-content:flex-start; gap:6px; color:var(--ink); font-size:13px; line-height:1.3; }
.directory-casino-grid .bonus-rating strong { font-size:13px; white-space:nowrap; }
.directory-casino-grid .bonus-stars { display:block; flex:none; width:85px; height:17px; }
.directory-casino-grid .bonus-stars-track { fill:#b4a9c2; }
.directory-casino-grid .bonus-stars-fill { fill:#b74a15; }
.directory-casino-grid .bonus-offer { background:#e4efd9; border:1px solid #45633d; border-left-width:3px; padding:7px; margin:6px 0; flex:0 0 auto; min-height:0; }
.directory-casino-grid .bonus-offer>span { color:var(--ink); font-size:11px; line-height:1.3; }
.directory-casino-grid .bonus-offer>strong { color:var(--ink); font:700 14px/1.35 var(--sans); margin-top:2px; overflow-wrap:anywhere; white-space:normal; }
.directory-casino-grid .bonus-facts { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:subgrid; grid-row:span 3; gap:0; margin:0; }
.directory-casino-grid .bonus-facts>div,.directory-casino-grid .bonus-facts>div:last-child { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:4px; align-items:start; align-content:start; border:0; border-bottom:1px solid #b4a9c2; padding:4px 0; }
.directory-casino-grid .bonus-facts dt { font:500 11px/1.35 var(--sans); color:var(--ink); }
.directory-casino-grid .bonus-facts dd { font:600 12px/1.35 var(--sans); margin:0; color:var(--ink); text-align:right; overflow-wrap:anywhere; }
.directory-casino-grid .bonus-payments { margin-block:5px; }
.directory-casino-grid .bonus-payments>span { color:var(--ink); font-size:11px; line-height:1.3; }
.directory-casino-grid .bonus-payments>div { flex-wrap:wrap; gap:3px; margin:2px 0 0; }
.directory-casino-grid .bonus-payments img { width:30px; height:20px; }
.directory-casino-grid .bonus-bottom { margin-top:0; align-self:end; }
.casino-grid.directory-casino-grid .bonus-button { display:flex; justify-content:center; align-items:center; width:100%; min-height:44px; padding:8px 4px; font-size:14px; border-radius:0; }
.casino-grid.directory-casino-grid .profile-bonus>p:last-child { color:var(--ink); font-size:11px!important; line-height:1.3; margin:3px 0 0; }
@media(min-width:1360px) {
 .casino-grid.directory-casino-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:959px) {
 .casino-grid.directory-casino-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:719px) {
 .casino-grid.directory-casino-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .casino-grid.directory-casino-grid .casino-card.bonus-card { padding:6px; }
 .casino-grid.directory-casino-grid .bonus-logo { height:64px; padding:2px; }
 .directory-casino-grid .bonus-profile h3 { font-size:15px; margin:5px 0 3px; }
 .directory-casino-grid .bonus-rating { gap:4px; }
 .directory-casino-grid .bonus-rating,.directory-casino-grid .bonus-rating strong { font-size:12px; }
 .directory-casino-grid .bonus-stars { width:70px; height:14px; }
 .directory-casino-grid .bonus-offer { padding:5px; margin:5px 0; }
 .directory-casino-grid .bonus-offer>strong { font-size:13px; }
 .directory-casino-grid .bonus-facts>div,.directory-casino-grid .bonus-facts>div:last-child { padding:3px 0; }
 .directory-casino-grid .bonus-facts dd { font-size:11px; }
 .directory-casino-grid .bonus-payments { margin-block:4px; }
 .casino-grid.directory-casino-grid .bonus-button { font-size:13px; }
}
@media(max-width:359px) {
 .casino-grid.directory-casino-grid { gap:8px; }
 .casino-grid.directory-casino-grid .casino-card.bonus-card { padding:5px; }
 .casino-grid.directory-casino-grid .bonus-logo { height:56px; }
 .directory-casino-grid .bonus-profile h3 { font-size:14px; }
 .directory-casino-grid .bonus-rating,.directory-casino-grid .bonus-rating strong { font-size:11px; }
 .directory-casino-grid .bonus-stars { width:65px; height:13px; }
 .directory-casino-grid .bonus-offer { padding:4px; }
 .directory-casino-grid .bonus-offer>strong { font-size:12px; }
 .directory-casino-grid .bonus-payments img { width:28px; height:18px; }
}