/* Mondiale Werken — Recurring donate styles */
.mowe-recurring-block{ --gap:1rem; --radius:1rem; --purple: var(--mowe-primary, #6a3ea1); --ink:#2b1f1a; --muted:#6b5f59; --bg:#faf7f5; }
.mowe-recurring-block{ padding:1rem 0 2rem; color:var(--ink); }

.mowe-tiles{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:var(--gap); margin-bottom:1rem; }
@media (max-width: 900px){ .mowe-tiles{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 520px){ .mowe-tiles{ grid-template-columns: 1fr; } }

.mowe-tile{ border:2px solid #e7ded9; border-radius:var(--radius); background:#fff; padding:.9rem; text-align:left; display:flex; flex-direction:column; gap:.4rem; cursor:pointer; position:relative; transition:.2s border-color, .2s box-shadow; }
.mowe-tile:hover{ border-color:#d7ccc6; box-shadow:0 3px 12px rgba(0,0,0,.06); }
.mowe-tile.is-selected{ border-color:var(--purple); box-shadow:0 4px 14px rgba(106,62,161,.18); }

.mowe-tile-img{ width:100%; height:120px; object-fit:cover; border-radius:.75rem; }
.mowe-tile-amount{ font-weight:800; font-size:1.35rem; color:var(--purple); }
.mowe-tile-label{ color:var(--muted); font-size:.95rem; }

.mowe-tile--custom{ cursor:default; }
.mowe-tile--custom .mowe-custom-inner{ display:flex; flex-direction:column; gap:.45rem; }
.mowe-inputline{ display:flex; align-items:center; gap:.4rem; border:2px solid #e7ded9; border-radius:.6rem; padding:.45rem .6rem; background:#fff; }
.mowe-inputline .prefix{ font-weight:700; color:var(--purple); }
.mowe-input-amount{ border:none; outline:none; font-weight:700; width:100%; background:transparent; font-size:1.1rem; }
.mowe-input-frequency{ width:100%; padding:.3rem; border:none; background:transparent; font-weight:600; }

.mowe-subscriber{ margin-top:.75rem; }
.mowe-row{ display:grid; grid-template-columns: 1fr 1fr; gap:var(--gap); margin-bottom:1rem; }
@media (max-width: 700px){ .mowe-row{ grid-template-columns: 1fr; } }
.mowe-field label{ font-weight:700; display:block; margin-bottom:.25rem; }
.mowe-field input{ width:100%; border:2px solid #e7ded9; border-radius:.6rem; padding:.55rem .7rem; }
.mowe-field small{ color:var(--muted); display:block; margin-top:.3rem; }

.mowe-actions{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin:.3rem 0 1rem; }
.mowe-btn{ border:none; border-radius:.8rem; padding:.8rem 1rem; font-weight:800; cursor:pointer; }
.mowe-btn--primary{ background:var(--purple); color:#fff; }
.mowe-btn[disabled]{ opacity:.5; cursor:not-allowed; }
.mowe-meta{ color:var(--muted); font-weight:600; }

.mowe-readmore{ border:2px solid #e7ded9; border-radius:var(--radius); padding:.8rem 1rem; background:#fff; }
.mowe-readmore > summary{ list-style:none; cursor:pointer; font-weight:800; color:#8b2f2f; }
.mowe-readmore > summary::-webkit-details-marker{ display:none; }
.mowe-readmore[open]{ box-shadow:0 4px 14px rgba(0,0,0,.06); }
.mowe-readmore-body{ margin-top:.8rem; display:grid; gap:.8rem; }

.mowe-copygrid{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
@media (max-width: 700px){ .mowe-copygrid{ grid-template-columns: 1fr; } }
.mowe-copyfield{ position:relative; border:2px solid #e7ded9; border-radius:.6rem; padding:.6rem .9rem .6rem  .9rem; background:#fff; }
.mowe-copyfield .label{ display:block; font-size:.85rem; color:var(--muted); margin-bottom:.2rem; }
.mowe-copyfield .value{ font-weight:800; font-size:1.05rem; }
.mowe-copyfield button.copy{ position:absolute; top:.45rem; right:.45rem; border:none; background:transparent; padding:.25rem; cursor:pointer; }
.mowe-copyfield button.copy svg{ width:20px; height:20px; fill:currentColor; opacity:.7; }
.mowe-copyfield button.copy.is-copied svg{ opacity:1; }

.mowe-bank-steps h4{ margin:.3rem 0; }
.mowe-bank-steps .small{ color:var(--muted); font-size:.9rem; }

/* TIJDELIJK: VERBERG OPTIES */
/* ==== TEMP MODE: show ONLY the manual Caritas option ==== */

/* Hide the amount tiles (incl. custom), subscriber fields, and Mollie CTA */
.mowe-recurring-block .mowe-tiles{ display:none !important; }
.mowe-recurring-block .mowe-subscriber .mowe-row{ display:none !important; }
.mowe-recurring-block .mowe-actions{ display:none !important; }

/* Turn the read-more into a static, open section */
.mowe-recurring-block .mowe-readmore{ border:0; padding:0; margin-top:0; }
.mowe-recurring-block .mowe-readmore > summary{ display:none !important; }
.mowe-recurring-block .mowe-readmore .mowe-readmore-body{ display:block !important; margin:0 !important; }

/* Optional: drop the Bedrag/Frequentie “echo” line from the step list,
   since users won't select an amount/frequency here */
.mowe-recurring-block .mowe-bank-steps ol li:nth-child(4){ display:none !important; }

/* Make sure IBAN/reference are fully visible */
.mowe-recurring-block .mowe-copyfield .value{
  display:block !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  padding-right:2.4rem; /* room for the copy icon */
}
.mowe-recurring-block .mowe-copyfield button.copy{
  position:absolute; top:.45rem; right:.45rem; z-index:2;
}