/**
 * CT Review Badge Block - Frontend Styles
 * 
 * This stylesheet defines the frontend appearance of the Review Badge Gutenberg block,
 * which displays editorial badges with provider information.
 * 
 * Block Features:
 * - Provider logo display with responsive sizing
 * - Editor's Choice badge (light blue pill with logo)
 * - Action text display (dark button with claim text and test date)
 * - Optional link wrapping (frontend only)
 * - Responsive mobile layout with stacked badge elements
 * 
 * Layout Components:
 * - .ct-review-badge-block: Container wrapper with flexbox layout
 * - .ct-review-badge: Main badge container with flex alignment
 * - .badge-image: Provider logo styling (responsive height/width)
 * - .badge-editor-choice: Editor's Choice pill badge styling
 * - .badge-action: Action text and test date button styling
 * 
 * The CSS handles:
 * - Responsive flex wrapping and spacing
 * - Badge element alignment and sizing
 * - Desktop and mobile breakpoints (640px max-width)
 * - SVG icon fill colors via .badge-editor-choice-text-logo-svg
 * 
 * CSS Classes Used by Renderer:
 * - badge-elements-{n}: Wrapper class indicating number of badge elements (1-3)
 * - badge-image: Provider logo
 * - badge-editor-choice: Editor's Choice badge
 * - badge-action: Action button with text and date
 * - badge-editor-choice-text-logo-svg: SVG fill color for logo
 */

.ct-review-badge-block{display:flex;flex-direction:row;gap:0;align-items:center;flex-wrap:wrap}.ct-review-badge{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:transparent;border:none;border-radius:0;padding:0;font-weight:600;color:#0f172a}.ct-review-badge.badge-elements-1{padding:8px 12px}.ct-review-badge .badge-image{max-height:40px;width:auto;object-fit:contain}.ct-review-badge .badge-editor-choice{display:inline-flex;align-items:center;gap:6px;background:#e6f4ff;color:#004a73;border:1px solid #b5d8f5;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.ct-review-badge .badge-editor-choice-text-logo svg{height:15px;width:auto}.badge-editor-choice-text-logo-svg{fill:#006c9b}.ct-review-badge .badge-action{display:inline-flex;flex-direction:column;gap:2px;background:#0f172a;color:#fff;border-radius:8px;padding:6px 10px;font-weight:700}.ct-review-badge .badge-action-text{font-size:13px;line-height:1.2}.ct-review-badge .badge-tested-text{font-size:11px;opacity:.9}

.ct-review-badge-block .ct053{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05)}.ct-review-badge-block .apps-availablebox{margin-bottom:10px}.ct-review-badge-block .apps-availablebox .ttl{margin:0 0 6px;font-weight:700;color:#0f172a}.ct-review-badge-block .available-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;list-style:none;padding:0;margin:0}.ct-review-badge-block .available-apps li{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;font-weight:600;color:#0f172a}.ct-review-badge-block .ct053-icons{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.ct-review-badge-block .ct053-icons svg{width:20px;height:20px}

.ct-review-badge-block .scores{margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px}.ct-review-badge-block .scores h4{margin:0 0 6px;font-weight:700;color:#0f172a}.ct-review-badge-block .provider-scores{width:100%;border-collapse:collapse}.ct-review-badge-block .provider-scores th,.ct-review-badge-block .provider-scores td{padding:6px 8px;text-align:left;border-bottom:1px solid #e2e8f0;font-weight:600;color:#0f172a}.ct-review-badge-block .provider-scores td strong{font-weight:800}

.ct-review-badge-block .infobox{margin-top:10px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#0f172a}.ct-review-badge-block .infobox p{margin:0 0 6px;font-weight:600}.ct-review-badge-block .infobox a{color:#0f62c8;text-decoration:none;font-weight:700}

.ct-review-badge-block .hotspot-shield-disclaimer{margin-top:12px;padding:10px;border-left:3px solid #0f62c8;background:#eef2ff;color:#0f172a;font-size:13px}

@media (max-width:640px){.ct-review-badge{gap:6px}.ct-review-badge .badge-action{width:100%;align-items:flex-start}.ct-review-badge .badge-editor-choice{width:100%;justify-content:center;text-align:center}}