/**
 * RCC blok-consistentie (los override-bestand, laadt NA main.css).
 * Fase 1: content-blok gelijkgetrokken met de nieuwe productpagina-stijl.
 * - Ronde foto's -> rechthoek met afronding (border-radius i.p.v. cirkel).
 * - Decoratieve cirkel-vormen (svg.shape) verbergen: geen cirkels op de pagina's.
 * Kan later netjes in _bootscore-custom.scss worden opgenomen.
 */
.block-content .image,
.block-content-cta .image {
  aspect-ratio: 3 / 2 !important;
  border-radius: 20px !important;
}
.block-content svg.shape,
.block-content-cta svg.shape {
  display: none !important;
}

/* Productpagina contactfoto (Karmen): cirkel -> rechthoek met afronding */
.sp-tech-specs__contact-img,
.sp-tech-specs__contact-img img {
  border-radius: 20px !important;
}
/* Stap-kaarten 'Hoe werkt het' gelijk aan de overige content-kaarten (16px -> 20px) */
.block-hoe-werkt-het .hwh__card {
  border-radius: 20px !important;
}

/* ============================================
   USP bar (Kasper-feedback): stays horizontal for
   any number of USPs via col-md auto columns in
   usp-bar.php; items vertically centered so a USP
   that wraps to two lines still lines up with the
   single-line ones (fixes the 4-USP outlining).
   ============================================ */
.block-usp-bar .row {
  align-items: center;
}

/* ============================================
   Checkout: Levering-radioveld (/afronden/)
   Het thema stylet ALLE inputs als volle "pill"-boxen (.form-control), waardoor de
   radio-opties als lege vakjes verschenen en de labels los eronder zweefden.
   Hier tonen we ze weer als echte, aanklikbare radio-opties, elk op een eigen regel.
   ============================================ */
#rcc-levering-checkout .woocommerce-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .6rem;
  margin-top: .5rem;
}
#rcc-levering-checkout .woocommerce-input-wrapper input[type="radio"] {
  -webkit-appearance: radio;
  appearance: auto;
  accent-color: #e30613;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  box-shadow: none;
}
#rcc-levering-checkout .woocommerce-input-wrapper label.radio {
  flex: 1 1 calc(100% - 40px);
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
}
/* Alleen de hoofdvraag houdt het verplicht-sterretje; niet elke losse optie. */
#rcc-levering-checkout .woocommerce-input-wrapper label.radio .required {
  display: none;
}