/* ═══════════════════════════════════════════════════════════════════
   AFVALOPHAALDIENST — gedeelde bevestigingspop-up + succes-overlay.
   Losstaand van bedankt.css (die blijft #pmBedankt-gescoped voor "moment 1");
   dit bestand draait ZONDER die wrapper, op elke pagina waar de "Direct
   inplannen"-knop kan verschijnen (bv. het AOD-voorstel in de aanvraag zelf).
   Zelfde look; eigen variabelen zodat er geen afhankelijkheid is van
   #pmBedankt se custom properties.
   ═══════════════════════════════════════════════════════════════════ */
.pmAfdWidget {
  --groen: #95C11F; --groen-donker: #7da31a;
  --inkt: #0f172a; --inkt-zacht: #1e293b;
  --grijs: #64748b; --lijn: #e2e8f0; --fond: #f8fafc;
  --radius: 22px;
  font-family: 'Albert Sans', -apple-system, sans-serif;
}
.pmAfdWidget, .pmAfdWidget *, .pmAfdWidget *::before, .pmAfdWidget *::after { box-sizing: border-box; }
.pmAfdWidget [hidden] { display: none !important; }

@keyframes pmAfdBoxIn { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }

/* ── Knop: EXACT dezelfde stijl als de bestaande "Kies deze ophaler" (.accept_proposal_btn
   in het thema, assets/css/style.css) — effen groen, geen gradient/glow/animatie, alleen
   de tekst is anders. Eigen classname (geen .accept_proposal_btn) om te voorkomen dat de
   click-handler van het thema (custom-script.js) hierop ook zou reageren. ── */
.pmAfdWidget .pmAfdKnop { display: block; width: 100%; background: #95C11F; color: #fff;
  font-weight: 600; font-size: 16px; font-family: inherit; padding: 12px 20px; border: none;
  border-radius: 12px; text-align: center; box-sizing: border-box; margin-bottom: 12px;
  box-shadow: 0 2px 0 rgba(0,0,0,.12); cursor: pointer; }
.pmAfdWidget .pmAfdKnop:hover { filter: brightness(1.05); }
.pmAfdWidget .pmAfdKnop:disabled { opacity: .65; cursor: default; }

/* ── Al geboekt: simpele grijze, uitgeschakelde knop met boekingsnummer erin ── */
.pmAfdWidget .pmAfdKnopGeboekt, .pmAfdKnopGeboekt { background: #e2e8f0 !important; color: #64748b !important;
  box-shadow: none !important; cursor: default; }
.pmAfdKnopGeboekt::after { display: none !important; }

/* ── Bevestigingspop-up ── */
.pmAfdModal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center;
  justify-content: center; padding: 18px; background: rgba(15,23,42,.55); }
.pmAfdModalKaart { position: relative; width: 100%; max-width: 420px; background: #fff;
  border-radius: var(--radius); border-top: 4px solid var(--groen); padding: 30px 24px 24px;
  box-shadow: 0 24px 60px rgba(15,23,42,.35); animation: pmAfdBoxIn .35s ease both; }
.pmAfdModalKop { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; margin-bottom: 6px; }
.pmAfdModalLogo { height: 26px !important; width: auto !important; max-width: 140px !important; }
.pmAfdModalKaart h3 { font: 900 21px 'Inter', sans-serif; color: var(--inkt); margin: 0; }
.pmAfdModalKaart p { font-size: 13.5px; color: var(--grijs); line-height: 1.6; text-align: center; margin: 0 0 20px; }
.pmAfdSluit { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; border-radius: 50%;
  border: none; background: var(--fond); color: var(--grijs); font-size: 18px; cursor: pointer; line-height: 1; }
.pmAfdRij { display: grid; grid-template-columns: 1.3fr 1fr; gap: 10px; }
.pmAfdVeld { margin-bottom: 14px; }
.pmAfdVeld label { display: flex; align-items: center; gap: 5px; font: 700 12px 'Inter', sans-serif; color: var(--inkt-zacht); margin-bottom: 5px; }
.pmAfdWaIcon { display: inline-flex; flex: 0 0 auto; width: 14px; height: 14px; }
.pmAfdWaIcon svg { width: 100%; height: 100%; display: block; }
.pmAfdVeldHint { display: block; font-size: 11.5px; color: var(--grijs); margin-top: 5px; line-height: 1.4; }
.pmAfdVeld input { width: 100%; padding: 11px 12px; border: 1px solid var(--lijn); border-radius: 10px;
  font: 500 14px 'Albert Sans', sans-serif; color: var(--inkt); }
.pmAfdVeld input:focus { outline: none; border-color: var(--groen); }
.pmAfdFout { font-size: 12.5px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca;
  border-radius: 10px; padding: 8px 11px; margin-bottom: 14px; }

/* ── Tegenbod hoort niet bij een partner-voorstel: verbergen zonder custom-functions.php
   aan te raken (die render 'm nog steeds, dit is puur cosmetisch via CSS). .partner staat
   al op de kaart-wrapper bij elk voorstel met partnerstatus=true. ── */
.proposalBox.partner .button-row .counter_bid_btn { display: none !important; }