/* Front styles */
:root { --cr-radius: 14px; --cr-gap: 14px; --cr-border: #e5e7eb; --cr-text:#111827; --cr-sub:#6b7280; }
.cr-box{border:1px solid var(--cr-border);border-radius:var(--cr-radius);padding:16px;background:#fff;}
.cr-box__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cr-gap);margin-bottom:12px;}
.cr-box__title{font-weight:600;color:var(--cr-text);}
.cr-badge{--cr-badge:#111827;display:inline-flex;align-items:baseline;gap:6px;border-radius:999px;padding:6px 10px;background:var(--cr-badge);color:#fff;line-height:1;}
.cr-badge strong{font-size:20px;}
.cr-badge em{font-style:normal;opacity:.85}
.cr-badge--compact{padding:4px 8px;font-size:13px}
.cr-badge__link{text-decoration:none}
.cr-breakdown{display:flex;flex-direction:column;gap:14px}
.cr-item__head{display:flex;align-items:center;justify-content:space-between;color:var(--cr-text)}
.cr-item__name{font-weight:600}
.cr-item__score{font-variant-numeric:tabular-nums;color:var(--cr-sub)}
.cr-meter{height:9px;border-radius:999px;background:#f3f4f6;overflow:hidden;margin-top:6px}
.cr-meter__bar{display:block;height:100%;background:#22c55e;}
.cr-reason summary{cursor:pointer;color:#505050;margin-top:6px}
.cr-reason__text{color:#374151}

/* Keep badge compact inside Spectra/Astra loops/containers */
.wp-block-cr-casino-rating-badge,
.cr-badge__link,
.cr-badge { display:inline-flex !important; width:auto !important; max-width:none !important; align-self:flex-start !important; vertical-align:middle; }
.uagb-container .cr-badge__link,
.uagb-post-grid .cr-badge__link,
.uagb-query-loop .cr-badge__link { display:inline-flex !important; width:auto !important; max-width:none !important; padding:0 !important; }
.wp-block-cr-casino-rating-badge { margin:0; }


/* Alignment helpers for Badge */
.cr-align { display:block; }
.cr-align--left   { text-align:left; }
.cr-align--center { text-align:center; }
.cr-align--right  { text-align:right; }

/* Se till att själva badgen förblir kompakt */
.cr-align .cr-badge__link,
.cr-align .cr-badge { display:inline-flex !important; }