/* PartyPrent Boekingsformulier — styles (scoped met ppbf- prefix) */

.ppbf-wrapper{
  --ppbf-red:#EA3323;
  --ppbf-red-dark:#C92A1C;
  --ppbf-orange:#FF6A1A;
  --ppbf-orange-light:#FF8A3D;
  --ppbf-orange-soft:#FFE8D9;
  --ppbf-salmon:#F5A89C;
  --ppbf-salmon-text:#A8341E;
  --ppbf-cream:#FFF8F3;
  --ppbf-ink:#272320;
  --ppbf-gray-700:#4d4845;
  --ppbf-gray-500:#7a746f;
  --ppbf-gray-300:#d9d3cd;
  --ppbf-gray-200:#ece6e0;
  --ppbf-gray-100:#f6f2ee;
  --ppbf-radius-lg:18px;
  --ppbf-radius-md:12px;
  --ppbf-radius-sm:8px;
  --ppbf-shadow:0 10px 30px -12px rgba(40,20,10,0.18);
  --ppbf-shadow-primary:rgba(234,51,35,0.45);

  font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
  color:var(--ppbf-ink);
  max-width:1080px;
  margin:0 auto;
}
.ppbf-wrapper *{box-sizing:border-box;}
.ppbf-wrapper h1,.ppbf-wrapper h2,.ppbf-wrapper h3{font-family:'Baloo 2','Poppins',sans-serif;margin:0;}
.ppbf-wrapper button{font-family:inherit;}

/* ============================================================
   GEEN VREEMDE RANDEN OF GLOED
   WordPress-thema's en browsers zetten standaard een gele of blauwe
   focusrand en een blauwe gloed op velden, knoppen en kaarten.
   Die passen niet in de huisstijl; hieronder worden ze uitgezet en
   vervangen door onze eigen (oranje) accenten.
   ============================================================ */
.ppbf-wrapper *,
.ppbf-wrapper *::before,
.ppbf-wrapper *::after{-webkit-tap-highlight-color:transparent;}
.ppbf-wrapper input,
.ppbf-wrapper select,
.ppbf-wrapper textarea,
.ppbf-wrapper button,
.ppbf-wrapper label,
.ppbf-wrapper a,
.ppbf-wrapper div,
.ppbf-wrapper span,
.ppbf-wrapper img{outline:0 !important;outline-offset:0 !important;}
/* geen (blauwe) gloed van het thema om kaarten, blokken en labels */
div.ppbf-wrapper,
div.ppbf-wrapper:hover,
.ppbf-wrapper div,
.ppbf-wrapper span,
.ppbf-wrapper a,
.ppbf-wrapper img,
.ppbf-wrapper label,
.ppbf-wrapper li,
.ppbf-wrapper div:hover,
.ppbf-wrapper span:hover,
.ppbf-wrapper a:hover,
.ppbf-wrapper img:hover,
.ppbf-wrapper label:hover,
.ppbf-wrapper li:hover{box-shadow:none !important;}
/* ...maar onze eigen schaduwen blijven staan */
.ppbf-wrapper .ppbf-card-frame,
.ppbf-wrapper .ppbf-summary-panel,
.ppbf-wrapper .ppbf-calendar-popup{box-shadow:var(--ppbf-shadow) !important;}
.ppbf-wrapper .ppbf-price-card.ppbf-selected{box-shadow:0 6px 18px -12px rgba(40,20,10,0.35) !important;}
.ppbf-wrapper .ppbf-fabric{box-shadow:0 3px 8px rgba(0,0,0,0.18) !important;}
.ppbf-wrapper .ppbf-cal-day.ppbf-cal-today{box-shadow:inset 0 0 0 1.5px var(--ppbf-orange) !important;}
.ppbf-wrapper *:focus,
.ppbf-wrapper *:focus-visible,
.ppbf-wrapper *:focus-within,
.ppbf-wrapper *:active,
.ppbf-wrapper *:hover{outline:0 !important;outline-offset:0 !important;}
.ppbf-wrapper input,
.ppbf-wrapper select,
.ppbf-wrapper textarea,
.ppbf-wrapper input:hover,
.ppbf-wrapper select:hover,
.ppbf-wrapper textarea:hover,
.ppbf-wrapper input:focus,
.ppbf-wrapper select:focus,
.ppbf-wrapper textarea:focus{box-shadow:none !important;}
.ppbf-wrapper button,
.ppbf-wrapper button:hover,
.ppbf-wrapper button:focus,
.ppbf-wrapper button:active,
.ppbf-wrapper label:focus-within{box-shadow:none;}
/* onze eigen knopschaduw blijft wel staan */
.ppbf-wrapper .ppbf-btn-primary,
.ppbf-wrapper .ppbf-btn-primary:hover,
.ppbf-wrapper .ppbf-btn-primary:focus,
.ppbf-wrapper .ppbf-btn-primary:active{box-shadow:0 8px 20px -6px var(--ppbf-shadow-primary,rgba(234,51,35,0.45));}
.ppbf-wrapper .ppbf-btn-primary:disabled{box-shadow:none;}
/* toetsenbordgebruikers houden een zichtbaar, maar wél passend accent */
.ppbf-wrapper input:focus-visible,
.ppbf-wrapper select:focus-visible,
.ppbf-wrapper textarea:focus-visible{border-color:var(--ppbf-orange) !important;}
.ppbf-wrapper button:focus-visible{box-shadow:0 0 0 2px var(--ppbf-orange) !important;}

.ppbf-page-title{font-size:30px;font-weight:700;margin-bottom:20px;}
.ppbf-progress-track{height:9px;width:100%;background:var(--ppbf-gray-200);border-radius:999px;overflow:hidden;margin-bottom:10px;}
.ppbf-progress-fill{height:100%;background:linear-gradient(90deg,var(--ppbf-orange) 0%,var(--ppbf-red) 100%);border-radius:999px;transition:width .35s ease;}
.ppbf-step-label{font-size:14.5px;color:var(--ppbf-gray-500);margin-bottom:24px;}

.ppbf-card-frame{background:#fff;border:2.5px solid var(--ppbf-orange);border-radius:var(--ppbf-radius-lg);padding:36px;box-shadow:var(--ppbf-shadow);}
@media (max-width:600px){.ppbf-card-frame{padding:20px;} .ppbf-page-title{font-size:24px;}}

.ppbf-btn{font-weight:700;font-size:15.5px;border-radius:999px;padding:14px 32px;cursor:pointer;border:none;transition:transform .12s ease, box-shadow .12s ease, opacity .15s ease;}
.ppbf-btn:active{transform:scale(0.97);}
.ppbf-btn-primary{background:linear-gradient(90deg,var(--ppbf-orange) 0%,var(--ppbf-red) 100%);color:#fff;box-shadow:0 8px 20px -6px var(--ppbf-shadow-primary);}
.ppbf-btn-primary:disabled{opacity:0.42;cursor:not-allowed;box-shadow:none;}
.ppbf-btn-outline{background:#fff;color:var(--ppbf-red);border:2px solid var(--ppbf-red);}
.ppbf-btn-outline:hover{background:var(--ppbf-cream);}
.ppbf-btn-row{display:flex;justify-content:space-between;margin-top:26px;gap:14px;}
@media (max-width:520px){.ppbf-btn{padding:13px 20px;font-size:14.5px;flex:1;}}

.ppbf-error-banner{margin-top:20px;background:#fff;border:1px solid var(--ppbf-red);border-radius:var(--ppbf-radius-sm);padding:16px 20px;text-align:center;color:var(--ppbf-red);font-weight:600;font-size:14.5px;}

/* step 1 */
.ppbf-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:880px){.ppbf-pricing-grid{grid-template-columns:1fr;}}
.ppbf-price-card{position:relative;border:2px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-md);padding:22px 20px 24px;display:flex;flex-direction:column;text-align:center;transition:border-color .15s ease, box-shadow .15s ease;cursor:pointer;}
.ppbf-price-card:hover{border-color:var(--ppbf-orange-light);}
/* Geselecteerd = alleen een nette rand in de huisstijlkleur, geen gloedring eromheen. */
.ppbf-price-card.ppbf-selected{border-color:var(--ppbf-orange);box-shadow:0 6px 18px -12px rgba(40,20,10,0.35);}
.ppbf-badge-popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--ppbf-salmon);color:var(--ppbf-salmon-text);font-size:11.5px;font-weight:800;letter-spacing:0.4px;padding:6px 16px;border-radius:999px;white-space:nowrap;}
.ppbf-price-illustration{width:100%;aspect-ratio:3/2;height:auto;border-radius:var(--ppbf-radius-sm);margin-bottom:16px;overflow:hidden;position:relative;background:linear-gradient(180deg,#bfe1c9 0%,#8fc79f 62%,#6fb583 100%);background-size:cover;background-position:center;}
.ppbf-price-illustration .ppbf-fabric{position:absolute;top:10%;left:18%;right:18%;bottom:30%;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,0.18);}
.ppbf-price-card h3{font-size:20px;margin-bottom:6px;}
.ppbf-price-card .ppbf-price{font-family:'Baloo 2',sans-serif;font-size:28px;font-weight:700;color:var(--ppbf-orange);margin-bottom:14px;}
.ppbf-price-card ul{list-style:none;margin:0 0 20px;padding:0;text-align:left;flex:1;}
.ppbf-price-card ul li{font-size:14px;color:var(--ppbf-gray-700);padding:6px 0 6px 22px;position:relative;line-height:1.4;}
.ppbf-price-card ul li::before{content:"•";color:var(--ppbf-orange);font-weight:800;position:absolute;left:4px;top:5px;}
.ppbf-kies-btn{width:100%;background:var(--ppbf-red);color:#fff;border:none;border-radius:999px;padding:13px 0;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s ease;}
.ppbf-kies-btn:hover{background:var(--ppbf-red-dark);}
.ppbf-kies-btn.ppbf-chosen{background:var(--ppbf-orange);}

/* step 2 — accordion */
.ppbf-accordion-item{border-radius:var(--ppbf-radius-sm);overflow:hidden;margin-bottom:14px;border:1px solid var(--ppbf-gray-200);}
.ppbf-accordion-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--ppbf-gray-100);color:var(--ppbf-gray-700);font-weight:700;font-size:16px;cursor:pointer;user-select:none;}
.ppbf-accordion-item.ppbf-open .ppbf-accordion-head{background:var(--ppbf-orange);color:#fff;}
.ppbf-toggle-icon{font-size:18px;font-weight:700;width:22px;text-align:center;}
.ppbf-accordion-body{max-height:0;overflow:hidden;transition:max-height .28s ease;background:#fff;}
.ppbf-accordion-item.ppbf-open .ppbf-accordion-body{padding:24px;}

.ppbf-swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
@media (max-width:760px){.ppbf-swatch-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:480px){.ppbf-swatch-grid{grid-template-columns:repeat(2,1fr);}}
.ppbf-swatch-card{cursor:pointer;border:2.5px solid transparent;border-radius:var(--ppbf-radius-sm);padding:6px;text-align:center;transition:border-color .15s ease, transform .1s ease;}
.ppbf-swatch-card:hover{transform:translateY(-2px);}
.ppbf-swatch-card.ppbf-selected{border-color:var(--ppbf-orange);}
.ppbf-swatch-visual{width:100%;aspect-ratio:1/0.85;border-radius:7px;overflow:hidden;position:relative;background:linear-gradient(180deg,#bfe1c9 0%,#8fc79f 62%,#6fb583 100%);}
.ppbf-swatch-visual .ppbf-fabric{position:absolute;top:8%;left:14%;right:14%;bottom:30%;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,0.18);}
.ppbf-swatch-card .ppbf-swatch-label{display:block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--ppbf-gray-700);}
.ppbf-swatch-check{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--ppbf-orange);border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;}
.ppbf-swatch-card.ppbf-selected .ppbf-swatch-check{opacity:1;}

.ppbf-fabric-goud{background:repeating-radial-gradient(circle at 6px 6px,#FFE066 0 2.6px,#C9960B 2.6px 7px);}
.ppbf-fabric-zilver{background:repeating-radial-gradient(circle at 6px 6px,#F2F2F2 0 2.6px,#A9A9A9 2.6px 7px);}
.ppbf-fabric-groen{background:linear-gradient(135deg,#19B65C,#0D8C44);}
.ppbf-fabric-zwart{background:linear-gradient(135deg,#2b2b2b,#0a0a0a);}
.ppbf-fabric-zwart2{background:linear-gradient(135deg,#3a3a3a 0%,#111 55%,#000 100%);}

.ppbf-layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:760px){.ppbf-layout-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:480px){.ppbf-layout-grid{grid-template-columns:repeat(2,1fr);}}

.ppbf-orientation-intro{font-size:14px;font-weight:600;color:var(--ppbf-gray-700);margin:0 0 14px;}
.ppbf-orientation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:420px;}
.ppbf-orientation-card{cursor:pointer;border:2.5px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-md);padding:22px 14px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700;font-size:14.5px;color:var(--ppbf-ink);transition:border-color .15s ease,transform .1s ease;}
.ppbf-orientation-card:hover{transform:translateY(-2px);border-color:var(--ppbf-orange-light);}
.ppbf-orientation-icon{border:2px solid var(--ppbf-gray-500);border-radius:4px;background:var(--ppbf-gray-100);}
.ppbf-orientation-icon.ppbf-orientation-liggend{width:64px;height:44px;}
.ppbf-orientation-icon.ppbf-orientation-staand{width:44px;height:64px;}
.ppbf-orientation-back{background:none;border:none;color:var(--ppbf-orange);font-weight:700;font-size:13.5px;cursor:pointer;padding:0;margin-bottom:12px;}
.ppbf-orientation-back:hover{text-decoration:underline;}
@media (max-width:480px){.ppbf-orientation-grid{grid-template-columns:1fr;max-width:none;}}
.ppbf-layout-card{cursor:pointer;border:2.5px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-sm);padding:14px 8px 12px;text-align:center;background:#fafafa;transition:border-color .15s ease, transform .1s ease;}
.ppbf-layout-card:hover{transform:translateY(-2px);}
.ppbf-layout-card.ppbf-selected{border-color:var(--ppbf-orange);background:#fff;}
.ppbf-layout-preview{height:128px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.ppbf-strip-frame{background:#fff;border:1px solid #ccc;border-radius:3px;padding:5px 6px;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;}
.ppbf-strip-frame.ppbf-dual{flex-direction:row;}
.ppbf-strip-col{display:flex;flex-direction:column;gap:4px;}
.ppbf-strip-frame .ppbf-slot{width:40px;height:12px;background:#666;border-radius:1px;}
.ppbf-landscape-frame{background:#fff;border:1px solid #ccc;border-radius:3px;padding:6px;width:84px;display:flex;flex-direction:column;gap:5px;}
.ppbf-landscape-frame .ppbf-slot{width:100%;height:46px;background:#666;border-radius:1px;}
.ppbf-frame-caption{font-size:8px;color:#999;text-align:center;font-weight:600;letter-spacing:0.3px;}
.ppbf-layout-photo{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;object-fit:contain;}
.ppbf-layout-card .ppbf-layout-label{font-size:12.5px;font-weight:600;color:var(--ppbf-gray-700);}

.ppbf-upload-zone{border:2px dashed var(--ppbf-gray-300);border-radius:var(--ppbf-radius-sm);padding:34px 18px;text-align:center;background:var(--ppbf-gray-100);}
.ppbf-upload-zone svg{width:38px;height:38px;color:var(--ppbf-gray-500);margin-bottom:10px;}
.ppbf-choose-file-btn{background:#fff;border:1.5px solid var(--ppbf-gray-300);border-radius:999px;padding:11px 22px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ppbf-ink);display:inline-block;}
.ppbf-choose-file-btn:hover{border-color:var(--ppbf-orange);}
.ppbf-file-status{margin-top:14px;font-size:14px;color:var(--ppbf-gray-500);display:block;}
.ppbf-file-preview{margin-top:16px;display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-sm);padding:8px 14px;}
.ppbf-file-preview img{width:36px;height:36px;border-radius:6px;object-fit:cover;}
.ppbf-file-size-note{margin-top:12px;font-size:12px;color:var(--ppbf-gray-500);}

/* step 3 */
.ppbf-step3-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:start;}
@media (max-width:900px){.ppbf-step3-grid{grid-template-columns:1fr;}}
.ppbf-step3-grid h2{font-size:21px;margin-bottom:18px;}
.ppbf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.ppbf-form-field{display:flex;flex-direction:column;gap:6px;}
.ppbf-form-field.ppbf-full{grid-column:1/-1;}
.ppbf-form-field label{font-size:14px;font-weight:600;color:var(--ppbf-gray-700);}
.ppbf-form-field label .ppbf-req{color:var(--ppbf-red);}
.ppbf-form-field input{border:1.5px solid var(--ppbf-gray-300);border-radius:var(--ppbf-radius-sm);padding:11px 13px;font-size:14.5px;font-family:inherit;color:var(--ppbf-ink);outline:none;transition:border-color .15s ease;width:100%;}
.ppbf-form-field select{border:1.5px solid var(--ppbf-gray-300);border-radius:var(--ppbf-radius-sm);padding:11px 13px;font-size:14.5px;font-family:inherit;color:var(--ppbf-ink);outline:none;transition:border-color .15s ease;width:100%;background:#fff;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%237a746f'><path d='M5 7l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;}
.ppbf-form-field select:focus{border-color:var(--ppbf-orange);}
.ppbf-form-field select.ppbf-input-error{border-color:var(--ppbf-red);}
.ppbf-form-field input:focus{border-color:var(--ppbf-orange);}
.ppbf-form-field input.ppbf-input-error{border-color:var(--ppbf-red);}
.ppbf-field-error{font-size:12px;color:var(--ppbf-red);}
.ppbf-field-hint{font-size:12px;color:var(--ppbf-gray-500);line-height:1.4;}
@media (max-width:560px){.ppbf-form-grid{grid-template-columns:1fr;}}

.ppbf-summary-panel{background:#fff;border:1px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-md);overflow:hidden;box-shadow:var(--ppbf-shadow);}
.ppbf-summary-top-bar{height:6px;background:linear-gradient(90deg,var(--ppbf-orange),var(--ppbf-red));}
.ppbf-summary-inner{padding:24px;}
.ppbf-summary-inner h2{font-size:20px;margin-bottom:6px;}
.ppbf-summary-sub{font-size:13px;color:var(--ppbf-gray-500);margin-bottom:18px;}
.ppbf-summary-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--ppbf-gray-100);gap:10px;}
.ppbf-summary-row:last-of-type{border-bottom:none;}
.ppbf-summary-row .ppbf-s-label{font-size:13.5px;color:var(--ppbf-gray-500);}
.ppbf-summary-row .ppbf-s-value{font-size:13.5px;font-weight:700;color:var(--ppbf-ink);text-align:right;}
.ppbf-s-value.ppbf-placeholder{color:var(--ppbf-gray-300);font-weight:500;}
.ppbf-pill-value{background:var(--ppbf-cream);color:var(--ppbf-orange-light);border:1.5px solid var(--ppbf-orange-light);font-weight:800;font-size:11.5px;letter-spacing:0.4px;padding:5px 13px;border-radius:999px;}
.ppbf-info-box{margin-top:16px;background:var(--ppbf-gray-100);border-radius:var(--ppbf-radius-sm);padding:15px 16px;font-size:12.5px;color:var(--ppbf-gray-700);line-height:1.55;}

.ppbf-success-screen{text-align:center;padding:46px 16px 26px;}
.ppbf-success-screen .ppbf-check-circle{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--ppbf-orange),var(--ppbf-red));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:34px;}
.ppbf-success-screen h2{font-size:24px;margin-bottom:10px;}
.ppbf-success-screen p{color:var(--ppbf-gray-500);font-size:14.5px;max-width:420px;margin:0 auto;}

.ppbf-hp-field{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;}

.ppbf-logo{display:block;max-height:46px;margin-bottom:14px;}

/* eigen kalenderwidget (vervangt de browser-datumkiezer), in de huisstijlkleur */
.ppbf-datefield-wrap{position:relative;}
#ppbf-datum-display{cursor:pointer;background:#fff;}
.ppbf-calendar-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:300px;background:#fff;border:1.5px solid var(--ppbf-gray-200);border-radius:var(--ppbf-radius-md);box-shadow:var(--ppbf-shadow);padding:16px 16px 18px;}
.ppbf-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ppbf-cal-title{font-weight:700;font-size:15px;color:var(--ppbf-ink);text-transform:capitalize;}
.ppbf-cal-nav{background:var(--ppbf-orange-soft);color:var(--ppbf-orange);border:none;width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0;}
.ppbf-cal-nav:hover{background:var(--ppbf-orange);color:#fff;}
.ppbf-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;}
.ppbf-cal-weekdays span{text-align:center;font-size:11px;font-weight:700;color:var(--ppbf-gray-500);text-transform:uppercase;}
.ppbf-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.ppbf-cal-day{aspect-ratio:1/1;border:none;background:transparent;border-radius:50%;font-size:13px;font-weight:600;color:var(--ppbf-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;padding:0;}
.ppbf-cal-day:hover:not(:disabled){background:var(--ppbf-orange-soft);}
.ppbf-cal-day.ppbf-cal-empty{cursor:default;visibility:hidden;}
.ppbf-cal-day.ppbf-cal-disabled{color:var(--ppbf-gray-300);cursor:not-allowed;}
.ppbf-cal-day.ppbf-cal-today{box-shadow:inset 0 0 0 1.5px var(--ppbf-orange);}
.ppbf-cal-day.ppbf-cal-selected{background:linear-gradient(135deg,var(--ppbf-orange),var(--ppbf-red));color:#fff;box-shadow:none;}
@media (max-width:480px){.ppbf-calendar-popup{width:260px;left:auto;right:0;}}

.ppbf-timefield-wrap{position:relative;}
#ppbf-tijd-display{cursor:pointer;background:#fff;}
.ppbf-time-popup{width:220px;}
.ppbf-time-hint{font-size:11.5px;color:var(--ppbf-gray-500);margin:0 0 12px;line-height:1.4;}
.ppbf-time-columns{display:flex;gap:10px;}
.ppbf-time-col{flex:1;}
.ppbf-time-col-label{font-size:11px;font-weight:700;color:var(--ppbf-gray-500);text-transform:uppercase;text-align:center;margin-bottom:6px;}
.ppbf-time-col-scroll{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--ppbf-gray-200);border-radius:8px;padding:4px;scroll-behavior:auto;}
.ppbf-time-opt{border:none;background:transparent;border-radius:6px;padding:7px 0;font-size:13.5px;font-weight:600;color:var(--ppbf-ink);cursor:pointer;transition:background .12s ease,color .12s ease;}
.ppbf-time-opt:hover{background:var(--ppbf-orange-soft);}
.ppbf-time-opt.ppbf-time-selected{background:linear-gradient(135deg,var(--ppbf-orange),var(--ppbf-red));color:#fff;}