.copy-notification { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ff6347; color: white; padding: 20px 40px; font-size: 16px; z-index: 1000; display: none; text-align: center; }


.overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
.loader { display: none; position: fixed; left: 50%; top: 50%; z-index: 1001; width: 0; height: 0; margin: -25px 0 0 -25px; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 50px solid #239eeb; animation: spin 2s linear infinite; }

.triangle-loader-wrapper {width:60px;height:60px;border:3px solid #239eeb;border-radius:50%;display:flex;align-items:center;justify-content:center}.triangle-loader {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #239eeb;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.contact-info {color: #fff;}
.contact-info a.link-light-03 { color: #fff!important; }


/* ===== Pricing billing toggle (theme-proof) ===== */

.pricing-billing-toggle { display: flex; justify-content: center; align-items: center; gap: 12px; user-select: none; }

/* Labels */
.billing-label { font-weight: 600; font-size: 14px; color: #555; }

.billing-label-year { color: #000; }

/* Switch wrapper */
.billing-switch { position: relative; width: 56px; height: 30px; cursor: pointer; /* HARD OVERRIDE tegen theme */ border-radius: 999px !important; overflow: hidden !important; }

/* Achtergrond van de switch */
.billing-slider { position: absolute; inset: 0; background-color: #ddd; border-radius: 999px !important; transition: background-color .25s ease; }

/* Het “bolletje” */
.billing-knob { position: absolute; top: 4px; left: 4px; width: 22px; height: 22px; background: #fff; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0,0,0,.25); transition: transform .25s ease; }

/* ===== Actieve (JAAR) state ===== */
.billing-switch.is-year .billing-slider { background-color: #007bff; }

.billing-switch.is-year .billing-knob { transform: translateX(26px); }



/* Zorgt dat alle pricing cards even hoog zijn */
#pricingRows { display: flex; flex-wrap: wrap; }

#pricingRows > [class*="col-"] { display: flex; }

.pricing-table { display: flex; flex-direction: column; width: 100%; }



.year-benefit { visibility: hidden; font-size: 13px; line-height: 1.4; }

.year-benefit.is-visible { visibility: visible; }

.year-benefit .old-price { text-decoration: line-through; opacity: 0.7; margin-right: 6px; }

.year-benefit .discount { font-weight: 700; }



.pricing-table .pricing-list > li + li { margin-top: 12px; font-size: 1.2em; letter-spacing: 1px; }