:root{
  --rbe-bg:#090909;
  --rbe-surface:#11100f;
  --rbe-panel-blue:#101b24;
  --rbe-panel-blue-2:#0d161d;
  --rbe-text:#f0e7d7;
  --rbe-muted:#9b9183;
  --rbe-accent:#d7a45b;
  --rbe-line:#312d28;
}

.rbe-section,
.rbe-card,
.rbe-note,
.rbe-heading,
.rbe-buttons,
.rbe-section *,
.rbe-card *,
.rbe-note *,
.rbe-heading *,
.rbe-buttons *{box-sizing:border-box}

/* Hoofdvlak: gelijk aan Retro Records .rr-storefront */
.rbe-section{
  position:relative;
  width:100%;
  color:var(--rbe-text);
  font-family:Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at 20% 0,#181511 0,transparent 34%),linear-gradient(180deg,#0d0c0b,#080808);
  border:1px solid #24211e;
  border-radius:0;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  overflow:visible;
}
.rbe-section--padded{padding:42px}
.rbe-section > *:first-child{margin-top:0}
.rbe-section > *:last-child{margin-bottom:0}
.rbe-section a{color:inherit}

/* Kop: rechtstreeks gebaseerd op .rr-storefront__head */
.rbe-heading{
  margin:0 0 34px;
  color:var(--rbe-text);
  font-family:Arial,Helvetica,sans-serif;
}
.rbe-heading__kicker,
.rbe-card__kicker,
.rbe-note__label{
  display:block;
  margin:0 0 8px;
  color:var(--rbe-accent);
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.rbe-heading__title{
  margin:8px 0 12px;
  color:var(--rbe-text);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(26px,3vw,38px);
  font-weight:500;
  line-height:1;
  letter-spacing:0;
}
.rbe-heading__rule{
  display:block;
  width:84px;
  height:2px;
  margin:0;
  background:var(--rbe-accent);
  box-shadow:none;
}

/* Algemene inhoudskaart: dezelfde vormentaal als de storefront, niet afgerond. */
.rbe-card{
  position:relative;
  width:100%;
  padding:42px;
  color:var(--rbe-text);
  font-family:Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at 20% 0,#181511 0,transparent 34%),linear-gradient(180deg,#0d0c0b,#080808);
  border:1px solid #24211e;
  border-radius:0;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.rbe-card__kicker{margin-bottom:8px}
.rbe-card__title{
  margin:8px 0 12px;
  color:var(--rbe-text);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(26px,3vw,38px);
  font-weight:500;
  line-height:1;
  letter-spacing:0;
}
.rbe-card--bordered .rbe-card__title:after{
  content:"";
  display:block;
  width:84px;
  height:2px;
  margin-top:18px;
  background:var(--rbe-accent);
}
.rbe-card--bordered:before{display:none!important;content:none!important}
.rbe-card__body{
  margin-top:28px;
  color:var(--rbe-muted);
  font-family:Arial,Helvetica,sans-serif;
  font-size:1rem;
  line-height:1.65;
}
.rbe-card__body > *:first-child{margin-top:0}
.rbe-card__body > *:last-child{margin-bottom:0}
.rbe-card__body strong{color:var(--rbe-text)}

/* Knoppen: exact dezelfde hoekige Retro Records-vorm. */
.rbe-buttons{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:18px 0;
  font-family:Arial,Helvetica,sans-serif;
}
.rbe-button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin:0;
  padding:0 13px;
  border:1px solid var(--rbe-accent);
  border-radius:0;
  background-image:none;
  box-shadow:none;
  font:800 10.5px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.105em;
  text-decoration:none!important;
  text-transform:uppercase;
  transition:none;
}
.rbe-button:hover,.rbe-button:focus,.rbe-button:active{transform:none;box-shadow:none}
.rbe-button--primary{
  background:var(--rbe-accent);
  color:#0b0a09!important;
}
.rbe-button--primary:hover,.rbe-button--primary:focus{
  background:var(--rbe-accent);
  border-color:var(--rbe-accent);
  color:#0b0a09!important;
}
.rbe-button--secondary{
  background:transparent;
  color:var(--rbe-text)!important;
}
.rbe-button--secondary:hover,.rbe-button--secondary:focus{
  background:rgba(215,164,91,.1);
  border-color:var(--rbe-accent);
  color:var(--rbe-text)!important;
}

/* Notitie/liner notes: zelfde donkere, hoekige paneelstijl. */
.rbe-note{
  position:relative;
  padding:28px 30px;
  color:var(--rbe-text);
  font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(145deg,var(--rbe-panel-blue),var(--rbe-panel-blue-2));
  border:1px solid rgba(255,255,255,.08);
  border-radius:0;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.rbe-note:after{display:none!important;content:none!important}
.rbe-note__label{margin-bottom:9px}
.rbe-note__text{
  max-width:none;
  margin:0;
  color:var(--rbe-text);
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  line-height:1.75;
}

/* Core-blokken binnen een Retro sectie volgen dezelfde typografie. */
.rbe-section .wp-block-separator{border:0;border-top:1px solid var(--rbe-line)}
.rbe-section .wp-block-quote{margin-left:0;border-left:2px solid var(--rbe-accent);padding-left:18px;color:var(--rbe-muted)}
.rbe-section h1,.rbe-section h2,.rbe-section h3,.rbe-section h4,.rbe-section h5,.rbe-section h6{
  color:var(--rbe-text);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
}
.rbe-section p,.rbe-section li{color:var(--rbe-muted);font-family:Arial,Helvetica,sans-serif}

@media(max-width:700px){
  .rbe-section--padded,.rbe-card{padding:24px 18px}
  .rbe-heading__title,.rbe-card__title{font-size:clamp(25px,7vw,32px)}
  .rbe-note{padding:22px 18px}
  .rbe-buttons{gap:8px}
}


/* Nette woordafbreking voor lange koppen */
.rrbe-title,
.rrbe-heading,
.rrbe-block-title,
.rrbe-preview-title,
.rr-title,
.rr-card-title,
.rr-song-title,
.rr-section-title {
  overflow-wrap: normal;
  word-break: normal;
  -webkit-hyphens: auto;
  hyphens: auto;
}
