/* Editor-only styles for the Relationscoachen editing layer.
   NOT part of the real public site. Kept in a separate file so
   /assets/css/site.css stays byte-identical to the clean scaffold.
   Only the editable Astro pages load this file. */

/* --- Top banner shown only on the editable pages --- */
.demo-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  padding: 10px 18px;
  background: #2a2622;
  color: #fff;
  font-family: Verdana, "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.demo-bar .demo-bar-text { opacity: 0.92; }
.demo-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.demo-btn {
  display: inline-block;
  padding: 8px 16px;
  background: #a4cd39;
  color: #1f2a12;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
}
.demo-btn:hover { background: #b6db5c; text-decoration: none; color: #1f2a12; }
.demo-btn.secondary { background: #fff; color: #2a2622; border: 1px solid #a4cd39; }
.demo-btn.secondary:hover { background: #f3f8e4; }

/* --- Optional descriptive footer text (only shown if filled in) --- */
.footer-note { margin-top: 14px; font-size: 15px; opacity: 0.9; }

/* --- Övningssida: keep the sandbox text column comfortably narrow --- */
.textsida-wrap {
  width: min(760px, 100%);
  margin: 0 auto;
}

/* --- Referenser (testimonials) editable list --- */
.ref-section { margin-top: 44px; clear: both; }
.ref-list {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
.ref-item {
  background: var(--rc-cream, #fff8f1);
  border-left: 3px solid var(--rc-border, #efc485);
  border-radius: 6px;
  padding: 16px 20px;
}
.ref-quote { margin: 0 0 8px; font-style: italic; }
.ref-source {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--rc-gold-dark, #a96e15);
}
.ref-photo {
  float: right;
  width: 90px;
  height: auto;
  margin: 0 0 10px 14px;
  border-radius: 6px;
}
.ref-empty { font-style: italic; color: #6b6b6b; }

/* --- Övningssida style presets (safe, fixed; no free CSS for the editor) --- */
.stil-rubrik {
  color: var(--rc-gold, #c5882c);
  font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.28;
  margin: 24px 0 12px;
}
.stil-underrubrik {
  color: var(--rc-gold, #c5882c);
  font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 20px 0 10px;
}
.stil-normal { margin: 0 0 18px; }
.stil-markerad {
  font-weight: 600;
  background: var(--rc-cream, #fff8f1);
  border-left: 3px solid var(--rc-border, #efc485);
  padding: 10px 14px;
  margin: 0 0 18px;
}
.stil-diskret { font-size: 15px; color: #888; margin: 0 0 18px; }

/* Colour presets (declared after the style presets so the colour wins). */
.farg-guldbrun { color: var(--rc-gold, #c5882c); }
.farg-gron { color: #3f7652; }
.stil-markerad.farg-guldbrun { border-left-color: var(--rc-gold, #c5882c); }
.stil-markerad.farg-gron { border-left-color: #3f7652; }