/* ================================================================ZIELAAN FAST CHECKOUT PAGE STYLES (checkout.php)================================================================ */.checkout-wrapper{max-width:1160px;margin:2rem auto 4rem;padding:0 1.25rem;font-family:inherit;}
.checkout-header{text-align:center;margin-bottom:2.25rem;}
.checkout-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 0.95rem;background:rgba(56,189,248,0.12);border:1px solid rgba(56,189,248,0.3);border-radius:999px;color:#38bdf8;font-size:0.85rem;font-weight:700;margin-bottom:0.85rem;}
.checkout-header h1{font-size:2.2rem;font-weight:800;color:#ffffff;margin-bottom:0.5rem;letter-spacing:-0.02em;}
.checkout-header p{color:#94a3b8;font-size:1.05rem;max-width:650px;margin:0 auto;}
.checkout-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:2rem;align-items:flex-start;}
.checkout-card{background:rgba(15,23,42,0.75);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:1.75rem;backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,0.25);margin-bottom:1.5rem;}
.checkout-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:1px solid rgba(255,255,255,0.08);}
.checkout-card-header h2{font-size:1.15rem;font-weight:700;color:#ffffff;display:flex;align-items:center;gap:0.6rem;margin:0;}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#ffffff;font-size:0.85rem;font-weight:800;}
.packages-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;}
.pkg-option-card{position:relative;background:rgba(30,41,59,0.6);border:2px solid rgba(255,255,255,0.1);border-radius:14px;padding:1.1rem 0.85rem;cursor:pointer;text-align:center;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;justify-content:space-between;}
.pkg-option-card:hover{border-color:rgba(56,189,248,0.4);transform:translateY(-2px);background:rgba(30,41,59,0.85);}
.pkg-option-card.selected{border-color:#38bdf8;background:rgba(2,132,199,0.15);box-shadow:0 0 0 1px #38bdf8,0 8px 20px rgba(2,132,199,0.25);}
.pkg-badge-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#0284c7,#38bdf8);color:#ffffff;font-size:0.68rem;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap;}
.pkg-name{font-size:0.95rem;font-weight:700;color:#f1f5f9;margin-bottom:0.35rem;}
.pkg-duration{font-size:0.78rem;color:#94a3b8;margin-bottom:0.6rem;}
.pkg-price-box{margin-top:auto;}
.pkg-orig-price{font-size:0.82rem;text-decoration:line-through;color:#64748b;margin-right:4px;}
.pkg-main-price{font-size:1.35rem;font-weight:800;color:#ffffff;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.form-group{margin-bottom:1rem;}
.form-group label{display:block;font-size:0.85rem;font-weight:600;color:#cbd5e1;margin-bottom:0.4rem;}
.form-input{width:100%;padding:0.75rem 0.95rem;background:rgba(15,23,42,0.8);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#ffffff;font-size:0.95rem;outline:none;transition:all 0.2s ease;box-sizing:border-box;}
.form-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,0.2);background:rgba(15,23,42,0.95);}
.auth-toggle-link{font-size:0.85rem;color:#38bdf8;text-decoration:none;cursor:pointer;font-weight:600;transition:color 0.2s;}
.auth-toggle-link:hover{text-decoration:underline;color:#7dd3fc;}
.logged-in-box{display:flex;align-items:center;justify-content:space-between;background:rgba(30,41,59,0.6);border:1px solid rgba(56,189,248,0.25);border-radius:12px;padding:0.95rem 1.15rem;}
.logged-in-user-info{display:flex;align-items:center;gap:0.85rem;}
.user-avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#ffffff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}
.pay-method-card{display:flex;align-items:center;gap:0.85rem;padding:0.8rem 1rem;background:rgba(30,41,59,0.6);border:2px solid rgba(255,255,255,0.08);border-radius:12px;cursor:pointer;transition:all 0.2s ease;}
.pay-method-card:hover{border-color:rgba(56,189,248,0.4);background:rgba(30,41,59,0.85);}
.pay-method-card.selected{border-color:#38bdf8;background:rgba(2,132,199,0.15);box-shadow:0 0 0 1px #38bdf8;}
.pay-method-card input[type="radio"]{display:none;}
.pay-method-card img{height:24px;width:auto;object-fit:contain;}
.pay-method-card span{font-size:0.9rem;font-weight:600;color:#f1f5f9;}
.summary-card{position:sticky;top:90px;background:rgba(15,23,42,0.85);border:1px solid rgba(56,189,248,0.25);border-radius:18px;padding:1.75rem;backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(0,0,0,0.35);}
.summary-header{font-size:1.2rem;font-weight:800;color:#ffffff;margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:1px solid rgba(255,255,255,0.08);}
.selected-pkg-highlight{background:rgba(30,41,59,0.8);border-radius:12px;padding:1rem;margin-bottom:1.25rem;}
.pkg-highlight-title{font-size:1.05rem;font-weight:800;color:#38bdf8;margin-bottom:0.4rem;}
.pkg-perks-list{list-style:none;padding:0;margin:0.6rem 0 0;font-size:0.82rem;color:#cbd5e1;}
.pkg-perks-list li{display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:0.4rem;line-height:1.35;}
.pkg-perks-list li i{color:#10b981;font-size:0.78rem;margin-top:0.15rem;flex-shrink:0;}
.coupon-box{display:flex;gap:0.5rem;margin-bottom:1.25rem;}
.coupon-input{flex:1;padding:0.65rem 0.85rem;background:rgba(15,23,42,0.8);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#ffffff;font-size:0.88rem;text-transform:uppercase;}
.coupon-btn{padding:0.65rem 1.25rem;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;color:#ffffff;border-radius:10px;font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(2,132,199,0.25);}
.coupon-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);transform:translateY(-1px);box-shadow:0 6px 16px rgba(2,132,199,0.35);}
.price-breakdown{border-top:1px solid rgba(255,255,255,0.08);padding-top:1rem;margin-bottom:1.25rem;}
.price-row{display:flex;justify-content:space-between;font-size:0.9rem;color:#94a3b8;margin-bottom:0.6rem;}
.price-row.total{font-size:1.2rem;font-weight:800;color:#ffffff;border-top:1px dashed rgba(255,255,255,0.15);padding-top:0.75rem;margin-top:0.75rem;}
.price-row.total .total-price-val{color:#38bdf8;}
.terms-label{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.82rem;color:#94a3b8;line-height:1.4;cursor:pointer;margin-bottom:1.25rem;}
.terms-label input{margin-top:2px;accent-color:#0284c7;}
.checkout-pay-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid rgba(255,255,255,0.3);border-radius:14px;color:#ffffff;font-size:1.125rem;font-weight:800;font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0.3px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px rgba(2,132,199,0.45);display:flex;align-items:center;justify-content:center;gap:0.65rem;position:relative;overflow:hidden;}
.checkout-pay-btn::after{content:'';position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:rotate(25deg);transition:left 0.75s ease;}
.checkout-pay-btn:hover::after{left:120%;}
.checkout-pay-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,132,199,0.6);}
.checkout-pay-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}
.checkout-ssl-guarantee{display:flex;align-items:center;justify-content:center;gap:0.45rem;margin-top:0.85rem;font-size:0.82rem;color:#94a3b8;font-weight:500;text-align:center;}
.trust-badges-list{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;font-size:0.76rem;color:#94a3b8;}
.trust-badge-item{display:flex;align-items:center;gap:0.45rem;}
.trust-badge-item i{color:#10b981;}
.checkout-alert{padding:0.85rem 1rem;border-radius:10px;font-size:0.88rem;margin-bottom:1.25rem;display:none;}
.checkout-alert.error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.35);color:#fca5a5;display:block;}
.checkout-alert.success{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.35);color:#6ee7b7;display:block;}
.checkout-alert a,.checkout-alert-link{color:#ffffff;text-decoration:underline;font-weight:700;margin-left:6px;transition:opacity 0.2s ease,color 0.2s ease;}
.checkout-alert a:hover,.checkout-alert-link:hover{opacity:0.85;}
/* ================================================================LIGHT THEME FULL STYLING OVERRIDES================================================================ */html:not([data-theme="dark"]) .checkout-alert.error{background:#fef2f2 !important;border:1.5px solid #f87171 !important;color:#991b1b !important;font-weight:600 !important;box-shadow:0 4px 14px rgba(239,68,68,0.08) !important;}
html:not([data-theme="dark"]) .checkout-alert.error a,html:not([data-theme="dark"]) .checkout-alert.error .checkout-alert-link{color:#991b1b !important;text-decoration:underline !important;}
html:not([data-theme="dark"]) .checkout-alert.error a:hover,html:not([data-theme="dark"]) .checkout-alert.error .checkout-alert-link:hover{color:#7f1d1d !important;}
html:not([data-theme="dark"]) .checkout-alert.success{background:#ecfdf5 !important;border:1.5px solid #34d399 !important;color:#065f46 !important;font-weight:600 !important;box-shadow:0 4px 14px rgba(16,185,129,0.08) !important;}
html:not([data-theme="dark"]) .checkout-alert.success a,html:not([data-theme="dark"]) .checkout-alert.success .checkout-alert-link{color:#065f46 !important;text-decoration:underline !important;}
html:not([data-theme="dark"]) .checkout-alert.success a:hover,html:not([data-theme="dark"]) .checkout-alert.success .checkout-alert-link:hover{color:#047857 !important;}
html:not([data-theme="dark"]) .checkout-header h1{color:#0f172a !important;}
html:not([data-theme="dark"]) .checkout-header p{color:#475569 !important;}
html:not([data-theme="dark"]) .checkout-badge-pill{background:#e0f2fe !important;border:1px solid #bae6fd !important;color:#0369a1 !important;font-weight:700 !important;}
html:not([data-theme="dark"]) .checkout-card,html:not([data-theme="dark"]) .summary-card{background:#ffffff !important;border:1px solid #e2e8f0 !important;box-shadow:0 10px 30px rgba(0,0,0,0.05) !important;}
html:not([data-theme="dark"]) .checkout-card-header{border-bottom:1px solid #f1f5f9 !important;}
html:not([data-theme="dark"]) .checkout-card-header h2{color:#0f172a !important;}
html:not([data-theme="dark"]) .form-group label{color:#1e293b !important;}
html:not([data-theme="dark"]) .form-input,html:not([data-theme="dark"]) .coupon-input{background:#f8fafc !important;border:1.5px solid #cbd5e1 !important;color:#0f172a !important;}
html:not([data-theme="dark"]) .form-input::placeholder,html:not([data-theme="dark"]) .coupon-input::placeholder{color:#94a3b8 !important;}
html:not([data-theme="dark"]) .form-input:focus,html:not([data-theme="dark"]) .coupon-input:focus{border-color:#0284c7 !important;background:#ffffff !important;box-shadow:0 0 0 3px rgba(2,132,199,0.15) !important;}
html:not([data-theme="dark"]) .pkg-option-card{background:#f8fafc !important;border:2px solid #e2e8f0 !important;}
html:not([data-theme="dark"]) .pkg-option-card:hover{border-color:#93c5fd !important;background:#f0f9ff !important;}
html:not([data-theme="dark"]) .pkg-option-card.selected{background:#f0f9ff !important;border-color:#0284c7 !important;box-shadow:0 0 0 1px #0284c7,0 8px 20px rgba(2,132,199,0.15) !important;}
html:not([data-theme="dark"]) .pkg-name{color:#0f172a !important;}
html:not([data-theme="dark"]) .pkg-duration{color:#64748b !important;}
html:not([data-theme="dark"]) .pkg-orig-price{color:#94a3b8 !important;}
html:not([data-theme="dark"]) .pkg-main-price{color:#0f172a !important;}
html:not([data-theme="dark"]) .pay-method-card{background:#f8fafc !important;border:2px solid #e2e8f0 !important;}
html:not([data-theme="dark"]) .pay-method-card:hover{border-color:#93c5fd !important;background:#f0f9ff !important;}
html:not([data-theme="dark"]) .pay-method-card.selected{background:#f0f9ff !important;border-color:#0284c7 !important;box-shadow:0 0 0 1px #0284c7 !important;}
html:not([data-theme="dark"]) .pay-method-card span{color:#0f172a !important;}
html:not([data-theme="dark"]) .logged-in-box{background:#f8fafc !important;border:1px solid #e2e8f0 !important;}
html:not([data-theme="dark"]) .logged-in-box div div:first-child{color:#0f172a !important;}
html:not([data-theme="dark"]) .logged-in-box div div:last-child{color:#64748b !important;}
html:not([data-theme="dark"]) .summary-header{color:#0f172a !important;border-bottom:1px solid #f1f5f9 !important;}
html:not([data-theme="dark"]) .selected-pkg-highlight{background:#f8fafc !important;border:1px solid #e2e8f0 !important;}
html:not([data-theme="dark"]) .pkg-highlight-title{color:#0284c7 !important;}
html:not([data-theme="dark"]) #summary-pkg-duration{color:#64748b !important;}
html:not([data-theme="dark"]) .pkg-perks-list{color:#334155 !important;}
html:not([data-theme="dark"]) .coupon-btn{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 12px rgba(2,132,199,0.25) !important;}
html:not([data-theme="dark"]) .coupon-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%) !important;}
html:not([data-theme="dark"]) .price-breakdown{border-top:1px solid #f1f5f9 !important;}
html:not([data-theme="dark"]) .price-row{color:#475569 !important;}
html:not([data-theme="dark"]) .price-row.total{color:#0f172a !important;border-top:1px dashed #cbd5e1 !important;}
html:not([data-theme="dark"]) .price-row.total .total-price-val{color:#0284c7 !important;}
html:not([data-theme="dark"]) .terms-label{color:#334155 !important;}
html:not([data-theme="dark"]) .terms-label a{color:#0284c7 !important;}
html:not([data-theme="dark"]) .trust-badges-list{color:#64748b !important;}
@media (max-width:900px){.checkout-grid{grid-template-columns:1fr;}
.packages-selector{grid-template-columns:1fr;}
.form-row{grid-template-columns:1fr;}
.payment-grid{grid-template-columns:1fr;}
.summary-card{position:static;}
}