/* Remove any decorative arrow/caret on tooltips */
.field-error-tooltip::before{display:none!important;content:none!important}
.paddle-plans{margin:1.5rem 0}
.paddle-plans .paddle-plans-list{max-width:1160px;margin:0 auto}
.paddle-plans.layout-grid .paddle-plans-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch}
.paddle-plans.layout-list .paddle-plans-list{display:block}
.paddle-plan-card{position:relative;border:1px solid var(--wp--preset--color--contrast-3,#e5e7eb);border-radius:16px;padding:28px;background:#fff;box-shadow:0 6px 20px rgba(17,24,39,0.06);display:flex;flex-direction:column;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.paddle-plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,24,39,0.10);border-color:rgba(17,24,39,0.12)}
.paddle-plan-card .paddle-plan-title{color:var(--site-primary, var(--global-palette1, #1d4ed8));text-transform:none;letter-spacing:0;text-align:left;font-weight:700}
.paddle-plan-card .paddle-plan-desc{margin:0 0 0 0;text-align:left;color:#6b7280;border:1px solid var(--wp--preset--color--contrast-3,#ccc);border-left:0;border-right:0;padding:15px 0}
.paddle-plan-card .paddle-plan-price{text-align:left;margin:8px 0;display:flex;align-items:flex-end;gap:6px}
.paddle-plan-card .paddle-plan-price .amount{font-size:36px;line-height:1;font-weight:800;color:#111827}
.paddle-plan-card .paddle-plan-price .period{font-size:14px;line-height:1.6;color:#6b7280;font-weight:600}
.paddle-plan-card .paddle-plan-features{list-style:none;margin:12px 0 20px 0;padding:0;flex:1}
.paddle-plan-card .paddle-plan-features li{display:flex;align-items:center;margin:10px 0;color:#374151}
.paddle-plan-card .paddle-plan-features li:before,
.paddle-precheckout__features li:before{content:"";display:inline-block;width:16px;height:16px;margin-right:12px;flex:0 0 16px;background-color:var(--paddle-icon, #9ca3af);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" fill="%23000"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" fill="%23000"/></svg>')}
/* green checkmarks */
.paddle-plan-card .paddle-plan-features li:before{background-color:#10b981}
.paddle-plan-card .button{display:block;margin-top:16px;background:var(--site-primary, var(--global-palette1, #1d4ed8));color:#fff;border:none;padding:14px 22px;border-radius:12px;text-align:center;font-weight:700}
.paddle-plan-card .button:hover{opacity:.95}
.paddle-plan-card.featured{border:2px solid var(--site-primary, var(--global-palette1, #1d4ed8));box-shadow:0 14px 36px rgba(29,78,216,0.14)}
.paddle-plan-card.featured .paddle-plan-title{color:var(--site-primary, var(--global-palette1, #1d4ed8))}
.paddle-plan-card.featured .paddle-plan-desc{color:#6b7280}
.paddle-plan-card.featured .paddle-plan-features li{color:#111827}
.paddle-plan-card.featured .paddle-plan-features li:before{background-color:#10b981}
.paddle-plan-card.featured .button{background:var(--site-primary, var(--global-palette1, #1d4ed8));color:#fff}
.paddle-plan-card.featured::before{content:"Most popular";position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--site-primary, var(--global-palette1, #1d4ed8));color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 6px 12px rgba(29,78,216,0.25);white-space:nowrap}
.paddle-plan-header .paddle-plan-title{margin:0 0 6px 0;font-size:1.125rem}
.paddle-plan-desc{color:var(--wp--preset--color--contrast,#6b7280);font-size:.9rem}
.paddle-plan-actions{margin-top:12px}
.paddle-plans-interval-wrap{display:block;margin:0 auto 30px auto;width:-moz-fit-content;width:fit-content}
.paddle-plans-interval{display:inline-flex;border:1px solid var(--wp--preset--color--contrast-3,#e5e7eb);border-radius:999px;padding:4px;gap:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.04);align-items:center}
.paddle-plans-interval .interval-toggle{position:relative;background:transparent;border:0;padding:8px 16px;border-radius:999px;cursor:pointer;color:#374151;font-weight:700}
.paddle-plans-interval .interval-toggle .discount-badge{margin-left:8px;background:var(--paddle-discount-bg,#dcfce7);color:var(--paddle-discount-text,#166534);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}
.paddle-plans-interval .interval-toggle.active{background:var(--site-primary, var(--global-palette1, #1d4ed8));color:#fff}
.paddle-plans-interval .interval-toggle.active .discount-badge{background:rgba(255,255,255,0.25);color:#fff}

/* Toggle knob effect (visual parity with screenshot) */
.paddle-plans-interval .interval-toggle::after{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04)}
.paddle-plans-interval .interval-toggle.active .discount-badge{background:rgba(255,255,255,0.25);color:#fff}

/* Pre-checkout modal (block) */
/* New class-based selectors */
.paddle-precheckout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.paddle-precheckout-card{position:relative;background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:95vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:0}
.paddle-precheckout__header{margin-bottom:8px}
.paddle-precheckout__title{margin:0;font-size:20px}
.paddle-precheckout__form{display:block}
.paddle-precheckout__layout{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:stretch}
.paddle-precheckout__sidebar{position:relative;background:linear-gradient(240deg,var(--global-palette-3,#151a44) 0%,rgb(76,96,209) 100%);border-radius:12px 0 0 12px;padding:24px;color:#fff;overflow:hidden}
.paddle-precheckout__sidebar:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:rgba(255,255,255,0.1);border-radius:50%;z-index:1}
.paddle-precheckout__sidebar:after{content:"";position:absolute;bottom:-30px;left:-30px;width:150px;height:150px;background:rgba(255,255,255,0.05);border-radius:50%;z-index:1}
.paddle-precheckout__content{padding:40px 24px 24px 24px}
.paddle-precheckout__plan-name{font-weight:700;margin-bottom:8px;color:#fff;font-size:22px}
.paddle-precheckout__price{font-size:22px;font-weight:700;margin-bottom:10px}
.paddle-precheckout__desc{font-size:14px;color:rgba(255,255,255,0.85);margin:8px 0 12px 0}
.paddle-precheckout__features{list-style:disc;padding-left:20px;margin:0}
.paddle-precheckout__features li{display:flex;align-items:center;margin:8px 0}
.paddle-precheckout__features li:before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;flex:0 0 16px;background-color:#ffffff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" fill="%23000"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" fill="%23000"/></svg>')}
.paddle-precheckout__summary{position:relative;z-index:2}
.paddle-precheckout__summary:before{content:"";position:absolute;top:-16px;left:-16px;width:0;height:0}
.paddle-precheckout__content{min-width:0}
.paddle-precheckout__row{margin-bottom:12px}
.paddle-precheckout__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.paddle-precheckout__form input[type="text"],
.paddle-precheckout__form input[type="tel"],
.paddle-precheckout__form textarea{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .15s ease-in-out}
.paddle-precheckout__domain{display:flex;align-items:stretch;border:1px solid #ced4da;border-radius:6px;overflow:visible;flex-wrap:wrap}
.paddle-precheckout__domain.is-checking{position:relative}
.paddle-precheckout__domain.is-checking::after{content:"";position:absolute;right:10px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(107,114,128,0.4);border-top-color:#6b7280;border-radius:50%;animation:paddle-spin .8s linear infinite}
.paddle-precheckout__domain input{border:none}
.paddle-precheckout__domain input{border:0 !important;flex:1;padding:12px 16px}
.paddle-precheckout__domain-suffix{padding:12px 16px;background:#f8f9fa;border-left:none;color:#6c757d;white-space:nowrap}
.paddle-precheckout__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}
.paddle-precheckout__actions .button[disabled]{opacity:.7;cursor:not-allowed}
.paddle-precheckout__actions .paddle-form-submit-btn.is-loading{position:relative;pointer-events:none}
.paddle-precheckout__actions .paddle-form-submit-btn.is-loading::after{content:"";position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,0.6);border-top-color:#fff;border-radius:50%;animation:paddle-spin .8s linear infinite}
.paddle-precheckout__form .error{border-color:#dc2626 !important}
.paddle-precheckout__terms label.error{color:#dc2626}
.paddle-precheckout__terms label.error input[type="checkbox"]{border-color:#dc2626;outline:2px solid rgba(220,38,38,0.2);outline-offset:2px}
.field-error-placeholder{position:relative;height:0;margin:0;display:block}
/* Domain row allows overflow so absolute tooltip can render outside flex */
.paddle-precheckout__domain{overflow:visible}
.paddle-precheckout__domain .field-error-placeholder{flex-basis:100%;height:0;margin:0}
.field-error-tooltip{position:absolute;top:100%;left:0;transform:translateY(4px);color:#fff;font-size:12px;line-height:1.2;background:#dc2626;padding:4px 8px;border:1px solid #b91c1c;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.08);white-space:normal;z-index:5}
@media (max-width:768px){.paddle-precheckout-overlay{padding:10px}.paddle-precheckout-card{border-radius:8px;width:100%;max-width:100%}.paddle-precheckout__layout{grid-template-columns:1fr}.paddle-precheckout__sidebar{border-radius:12px 12px 0 0}.paddle-precheckout__content{padding:20px}.paddle-precheckout__grid{grid-template-columns:1fr}}
@media (max-width:1024px){.paddle-plans.layout-grid .paddle-plans-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.paddle-plans.layout-grid .paddle-plans-list{grid-template-columns:1fr}.paddle-plan-card{padding:24px;border-radius:12px}.paddle-precheckout__features{display:none}}

/* Close (X) button */
.paddle-precheckout__close{padding:0;position:absolute;top:10px;right:10px;background:transparent !important;border:0 !important;color:#ccc !important;font-size:24px;line-height:1;cursor:pointer;z-index:3}
.paddle-precheckout__close:hover{opacity:.8}

/* Back-compat for earlier block builds during transition */
#paddle-pre-checkout-form-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
#paddle-pre-checkout-form-wrapper.show{display:flex}
#paddle-pre-checkout-form-wrapper>div{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:95vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:0}
#paddle-pre-checkout-form{display:block}
#paddle-pre-checkout-form input[type="text"],
#paddle-pre-checkout-form input[type="tel"],
#paddle-pre-checkout-form textarea{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .15s ease-in-out}
#paddle-pre-checkout-form .paddle-form-submit-btn{padding:10px 16px;background:var(--global-palette1, #3182CE);color:#fff;border:none;border-radius:6px;cursor:pointer}
#paddle-pre-checkout-form #paddle-precheckout-cancel{padding:10px 16px;background:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer}
#paddle-pre-checkout-form .error{border-color:#dc2626 !important}
#paddle-pre-checkout-form .field-error-tooltip{margin-top:-3px;color:#fff;background:#dc2626;border:1px solid #b91c1c;padding:4px 8px;border-radius:4px;font-size:12px}
@keyframes paddle-spin{to{transform:rotate(360deg)}}
@media (max-width:768px){#paddle-pre-checkout-form-wrapper{padding:10px}#paddle-pre-checkout-form-wrapper>div{border-radius:8px}}

