:root{--auth-bg-primary:#ffffff;--auth-bg-secondary:#f9fafb;--auth-bg-tertiary:#f3f4f6;--auth-glass-bg:rgba(255, 255, 255, 0.98);--auth-bg-quatro:#6c6cd1;--auth-text-primary:#1f2937;--auth-text-secondary:#6b7280;--auth-text-tertiary:#9ca3af;--auth-border-light:#e5e7eb;--auth-border-medium:#d1d5db;--auth-success-bg:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);--auth-success-border:#22c55e;--auth-success-text:#15803d;--auth-error-bg:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--auth-error-border:#ef4444;--auth-error-text:#dc2626;--auth-warning-border:#fbbf24;--auth-terms-bg:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--auth-summary-bg:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);--auth-summary-border:#bae6fd;--auth-input-bg:linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);--auth-input-focus-bg:#ffffff;--auth-valid-bg:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);--auth-invalid-bg:linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);--auth-video-overlay:linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.15) 100%);--auth-progress-inactive:#e5e7eb;--auth-progress-inactive-text:#9ca3af;}
body.cekonay-dark-mode { --auth-bg-primary: #1f2937;
--auth-bg-secondary: #030712;
--auth-bg-tertiary: #374151;
--auth-glass-bg: rgba(31, 41, 55, 0.95);
--auth-bg-quatro: #7256b2; --auth-text-primary: #ffffff;
--auth-text-secondary: #9ca3af;
--auth-text-tertiary: #6b7280; --auth-border-light: #374151;
--auth-border-medium: #4b5563; --auth-success-bg: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.05) 100%);
--auth-success-border: rgba(34, 197, 94, 0.4);
--auth-success-text: #4ade80;
--auth-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.05) 100%);
--auth-error-border: rgba(239, 68, 68, 0.4);
--auth-error-text: #f87171;
--auth-warning-border: rgba(251, 191, 36, 0.4); --auth-terms-bg: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(251, 191, 36, 0.05) 100%);
--auth-summary-bg: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
--auth-summary-border: rgba(186, 230, 253, 0.3); --auth-input-bg: linear-gradient(135deg, #374151 0%, #1f2937 100%);
--auth-input-focus-bg: #1f2937;
--auth-valid-bg: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, #1f2937 100%);
--auth-invalid-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, #1f2937 100%); --auth-video-overlay: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.25) 100%); --auth-progress-inactive: #374151;
--auth-progress-inactive-text: #6b7280;
} *{box-sizing:border-box;}
.cekonay-video-container{z-index:1 !important;display:flex;min-height:100vh;position:relative;overflow:hidden;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}
.cekonay-auth-wrapper{width:540px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--auth-glass-bg);backdrop-filter:blur(12px);position:relative;z-index:10;box-shadow:4px 0 20px rgba(0, 0, 0, 0.08);order:1;}
.cekonay-auth-container{background:var(--auth-bg-primary);border-radius:24px;box-shadow:0 32px 80px rgba(0, 0, 0, 0.12), 0 8px 32px rgba(0, 0, 0, 0.08);padding:3rem 2.5rem;width:100%;max-width:480px;border:1px solid rgba(255, 255, 255, 0.3);position:relative;overflow:hidden;animation:slideInLeft 0.8s ease-out;}
body.cekonay-dark-mode .cekonay-auth-container{border:1px solid var(--auth-border-light);box-shadow:0 32px 80px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(0, 0, 0, 0.3);}
@keyframes slideInLeft {
from{opacity:0;transform:translateX(-60px);}
to{opacity:1;transform:translateX(0);}
}
.cekonay-auth-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);}
.cekonay-video-background{flex:1;position:relative;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);overflow:hidden;order:2;}
#cekonay-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1s ease-in-out;}
#cekonay-bg-video.loaded{opacity:1;}
.cekonay-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--auth-video-overlay);z-index:2;animation:overlayPulse 6s ease-in-out infinite alternate;}
@keyframes overlayPulse {
0%{background:rgba(102, 126, 234, 0.25);}
100%{background:rgba(118, 75, 162, 0.15);}
}
body.cekonay-dark-mode .cekonay-video-overlay{animation-name:overlayPulseDark;}
@keyframes overlayPulseDark {
0%{background:rgba(102, 126, 234, 0.15);}
100%{background:rgba(118, 75, 162, 0.25);}
} .cekonay-auth-header{text-align:center;margin-bottom:2rem;}
.cekonay-auth-header h1{color:var(--auth-text-primary) !important;font-size:2.4rem !important;font-weight:800 !important;margin-bottom:0.5rem !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;}
.cekonay-auth-header p{color:var(--auth-text-secondary) !important;font-size:1rem !important;margin:0.5rem 0 !important;font-weight:500;}
.cekonay-tagline{color:#667eea !important;font-size:0.9rem !important;font-weight:600 !important;font-style:italic !important;}
.cekonay-progress-bar{display:none;align-items:center;justify-content:center;margin-bottom:2rem;padding:1rem 0;}
.cekonay-progress-bar.visible{display:flex;}
.progress-step{width:36px;height:36px;border-radius:50%;background:var(--auth-progress-inactive);color:var(--auth-progress-inactive-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;transition:all 0.3s ease;}
.progress-step.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;transform:scale(1.1);}
.progress-step.completed{background:#10b981;color:white;}
.progress-step.completed::after{content:'✓';font-size:0.75rem;}
.progress-line{width:60px;height:2px;background:var(--auth-progress-inactive);transition:all 0.3s ease;}
.progress-line.completed{background:#10b981;}
.progress-line.completed::after{content:'';position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg, #10b981 0%, #667eea 100%);animation:progressSlide 0.6s ease-out;}
@keyframes progressSlide {
from{width:0;}
to{width:100%;}
} .cekonay-form-section{display:none;opacity:0;transform:translateY(20px);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cekonay-form-section.active{display:block !important;opacity:1 !important;transform:translateY(0) !important;}
.cekonay-step{display:none;opacity:0;transform:translateX(30px);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cekonay-step.active{display:block;opacity:1;transform:translateX(0);}
.cekonay-step.prev{transform:translateX(-30px);}
.step-header{text-align:center;margin-bottom:2rem;}
.step-header h3{color:var(--auth-text-primary);font-size:1.4rem;font-weight:700;margin-bottom:0.5rem;}
.step-header p{color:var(--auth-text-secondary);font-size:0.9rem;}
.cekonay-input-group{margin-bottom:1.5rem;position:relative;}
.cekonay-input-group input{width:100% !important;padding:1.1rem 1.3rem !important;border:2px solid var(--auth-border-light) !important;border-radius:14px !important;font-size:1rem !important;font-weight:500 !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;background:var(--auth-input-bg) !important;box-sizing:border-box !important;font-family:inherit !important;color:var(--auth-text-primary) !important;}
.cekonay-input-group input::placeholder{color:var(--auth-text-tertiary) !important;font-weight:500 !important;}
.cekonay-input-group input:focus{outline:none !important;border-color:#667eea !important;background:var(--auth-input-focus-bg) !important;box-shadow:0 0 0 4px rgba(102, 126, 234, 0.1), 0 4px 12px rgba(102, 126, 234, 0.15) !important;transform:translateY(-2px) !important;}
.cekonay-input-group input.cekonay-field-valid{border-color:#10b981 !important;background:var(--auth-valid-bg) !important;}
.cekonay-input-group input.cekonay-field-invalid{border-color:#ef4444 !important;background:var(--auth-invalid-bg) !important;}
.cekonay-field-feedback{position:absolute;bottom:-22px;left:1rem;font-size:0.8rem;color:#ef4444;font-weight:500;background:#fef2f2;padding:0.25rem 0.5rem;border-radius:6px;display:none;}
body.cekonay-dark-mode .cekonay-field-feedback{color:var(--auth-error-text);background:var(--auth-error-bg);}
.cekonay-password-strength{margin-top:0.6rem;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.8rem;font-weight:600;text-align:center;border:1px solid;display:none;}
.cekonay-password-strength.visible{display:block;animation:fadeIn 0.3s ease-out;}
.cekonay-remember-group{margin-bottom:2rem;}
.cekonay-checkbox{display:flex !important;align-items:center !important;cursor:pointer !important;font-size:0.9rem !important;color:var(--auth-text-secondary) !important;font-weight:500 !important;user-select:none !important;}
.cekonay-checkbox input{display:none !important;}
.checkmark{width:20px !important;height:20px !important;border:2px solid var(--auth-border-medium) !important;border-radius:5px !important;margin-right:0.8rem !important;position:relative !important;transition:all 0.3s ease !important;background:var(--auth-bg-primary) !important;}
.cekonay-checkbox input:checked + .checkmark{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border-color:#667eea !important;}
.cekonay-checkbox input:checked + .checkmark::after{content:'✓' !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;color:white !important;font-size:12px !important;font-weight:bold !important;}
.cekonay-step-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;border:none !important;padding:1rem 2rem !important;border-radius:12px !important;font-size:0.95rem !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5rem !important;width:100% !important;}
.cekonay-step-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(102, 126, 234, 0.3) !important;}
.cekonay-step-btn.secondary{background:var(--auth-bg-tertiary) !important;color:var(--auth-text-secondary) !important;width:auto !important;flex:1 !important;}
.cekonay-step-btn.secondary:hover{background:var(--auth-border-light) !important;color:var(--auth-text-primary) !important;}
.step-buttons{display:flex !important;gap:1rem !important;margin-top:1.5rem !important;}
.btn-arrow{transition:transform 0.3s ease !important;}
.cekonay-step-btn:hover .btn-arrow{transform:translateX(4px) !important;}
.cekonay-submit-btn{width:100% !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;border:none !important;padding:1.2rem 2rem !important;border-radius:14px !important;font-size:1rem !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:uppercase !important;letter-spacing:0.5px !important;position:relative !important;box-shadow:0 8px 24px rgba(102, 126, 234, 0.3) !important;}
.cekonay-submit-btn:hover:not(:disabled){transform:translateY(-3px) !important;box-shadow:0 12px 32px rgba(102, 126, 234, 0.4) !important;}
.cekonay-submit-btn:disabled{opacity:0.7 !important;cursor:not-allowed !important;}
.btn-loading{display:none;}
.cekonay-submit-btn.loading .btn-text{display:none;}
.cekonay-submit-btn.loading .btn-loading{display:inline;}
.cekonay-terms-group{margin-bottom:2rem;padding:1.2rem;background:var(--auth-terms-bg);border:1px solid var(--auth-warning-border);border-radius:12px;}
.cekonay-terms-checkbox{align-items:flex-start !important;line-height:1.5 !important;font-size:0.9rem !important;}
.cekonay-terms-checkbox .checkmark{margin-top:2px !important;flex-shrink:0;}
.terms-text{flex:1;}
.terms-text a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;border-bottom:1px solid transparent;transition:all 0.3s ease !important;}
.terms-text a:hover{color:#764ba2 !important;border-bottom-color:#764ba2 !important;}
.cekonay-terms-checkbox input:required:invalid + .checkmark{border-color:#ef4444 !important;box-shadow:0 0 0 2px rgba(239, 68, 68, 0.1) !important;}
.cekonay-terms-checkbox input:required:valid + .checkmark{border-color:#10b981 !important;}
.signup-summary{background:var(--auth-summary-bg);border:1px solid var(--auth-summary-border);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;}
.summary-item{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-size:0.9rem;}
.summary-item:last-child{margin-bottom:0;}
.summary-item strong{color:var(--auth-text-primary);}
.summary-item span{color:#667eea;font-weight:500;}
#cekonay-messages{margin-bottom:1.5rem;}
.cekonay-message{padding:1rem !important;margin-bottom:1rem !important;border-radius:12px !important;border-left:4px solid !important;font-size:0.9rem !important;font-weight:500;animation:slideDown 0.3s ease-out;}
.cekonay-message--success{background:var(--auth-success-bg) !important;border-color:var(--auth-success-border) !important;color:var(--auth-success-text) !important;}
.cekonay-message--error{background:var(--auth-error-bg) !important;border-color:var(--auth-error-border) !important;color:var(--auth-error-text) !important;}
.cekonay-form-footer{text-align:center !important;padding-top:2rem !important;border-top:1px solid var(--auth-border-light) !important;margin-top:2rem !important;}
.cekonay-forgot a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;font-size:0.9rem !important;transition:color 0.3s ease !important;}
.cekonay-forgot a:hover{color:#764ba2 !important;}
.cekonay-switch-btn{background:transparent !important;border:2px solid var(--auth-border-light) !important;color:var(--auth-text-secondary) !important;cursor:pointer !important;font-size:0.9rem !important;font-weight:500 !important;padding:0.8rem 1.5rem !important;border-radius:10px !important;transition:all 0.3s ease !important;margin-top:1rem !important;}
.cekonay-switch-btn:hover{border-color:#667eea !important;color:#667eea !important;background:rgba(102, 126, 234, 0.05) !important;}
.cekonay-switch-btn strong{color:#667eea !important;font-weight:700 !important;}
.cekonay-hidden-form{display:none;}
@media(max-width:1024px){
.cekonay-video-container{flex-direction:column;}
.cekonay-auth-wrapper{width:100%;min-height:auto;padding:2rem 1rem;order:1;}
.cekonay-video-background{order:2;min-height:40vh;}
}
@media(max-width:768px){
.cekonay-auth-wrapper{padding:1rem;margin-top:60px;}
.cekonay-auth-container{padding:2rem 1.5rem;border-radius:20px;}
.cekonay-auth-header h1{font-size:2rem !important;}
.step-buttons{flex-direction:column !important;}
.cekonay-step-btn.secondary{width:100% !important;}
}
@media(max-width:480px){
.cekonay-auth-container{padding:1.5rem 1rem;border-radius:16px;}
.cekonay-auth-header h1{font-size:1.8rem !important;}
.cekonay-input-group input{padding:1rem !important;font-size:0.95rem !important;}
.progress-step{width:32px;height:32px;font-size:0.8rem;}
.progress-line{width:40px;}
.cekonay-terms-checkbox{font-size:0.85rem !important;}
.terms-text{line-height:1.4 !important;}
.terms-text a{display:inline-block;margin:0 2px;}
} .et_pb_post .entry-title{display:none !important;}
@keyframes slideDown {
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.cekonay-auth-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:center;position:relative;flex-wrap:wrap;}
.cekonay-auth-header h1{margin:0;}
#cekonay-dark-toggle{position:absolute;top:0;right:0;}
#cekonay-subtitle,
.cekonay-tagline{width:100%;text-align:center;}
.cekonay-dark-toggle{padding:0.5rem;border-radius:0.5rem;background-color:var(--auth-bg-quatro);border:none;cursor:pointer;transition:all 0.2s ease;color:#d5d8f5;}
@media print {
.cekonay-header, .cekonay-back-btn, .cekonay-dark-toggle, .cekonay-fab, .cekonay-btn, .cekonay-social-share, .cekonay-mobile-menu-btn{display:none !important;}
.cekonay-card{break-inside:avoid;box-shadow:none;border:1px solid #000;}
}  :root{--cekonay-primary:#764ba2;--cekonay-primary-dark:#5e3b81;--cekonay-secondary:#667eea;--cekonay-secondary-dark:#3f56bd;--cekonay-gradient:linear-gradient(to right, var(--cekonay-primary), var(--cekonay-secondary));--cekonay-success:#22c55e;--cekonay-error:#ef4444;--cekonay-warning:#fb923c;--cekonay-info:#3b82f6;}
.woocommerce form, .woocommerce-form{background:transparent;border:none;padding:0;}
.woocommerce-form-row, .woocommerce form .form-row{margin-bottom:1.5rem;}
.woocommerce form .form-row.form-row-wide{width:100%;}
.woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last{width:48%;float:left;}
.woocommerce form .form-row.form-row-last{float:right;}
@media(max-width:768px){
.woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last{width:100%;float:none;}
} .woocommerce-form-row label,
.woocommerce form label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-primary);margin-bottom:0.5rem;transition:color 0.3s ease;}
.woocommerce-form-row label abbr, .woocommerce form label abbr{color:var(--cekonay-error);text-decoration:none;font-weight:bold;margin-left:0.25rem;}
.woocommerce-input-wrapper input[type="text"],
.woocommerce-input-wrapper input[type="email"],
.woocommerce-input-wrapper input[type="password"],
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper select, .woocommerce-input-wrapper textarea, .woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form select, .woocommerce form textarea{width:100%;padding:0.75rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:0.875rem;transition:all 0.2s ease;box-shadow:none;outline:none;}
.woocommerce-input-wrapper input:focus, .woocommerce form input:focus, .woocommerce-input-wrapper select:focus, .woocommerce form select:focus, .woocommerce-input-wrapper textarea:focus, .woocommerce form textarea:focus{border-color:var(--cekonay-primary);box-shadow:0 0 0 3px rgba(118, 75, 162, 0.1);background-color:var(--bg-secondary);}
.woocommerce-invalid input, .woocommerce form .form-row.woocommerce-invalid input{border-color:var(--cekonay-error);box-shadow:0 0 0 3px rgba(239, 68, 68, 0.1);}
body.cekonay-dark-mode .woocommerce-input-wrapper input, body.cekonay-dark-mode .woocommerce form input, body.cekonay-dark-mode .woocommerce-input-wrapper select, body.cekonay-dark-mode .woocommerce form select, body.cekonay-dark-mode .woocommerce-input-wrapper textarea, body.cekonay-dark-mode .woocommerce form textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);}
.woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit,
.woocommerce-page a.button, .woocommerce .button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s ease;text-decoration:none;text-align:center;background:var(--cekonay-gradient);color:white;box-shadow:var(--shadow);}
.woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce .button:hover{background:linear-gradient(to right, var(--cekonay-primary-dark), var(--cekonay-secondary-dark));transform:translateY(-1px);box-shadow:var(--shadow-lg);color:white;text-decoration:none;}
.woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.alt, .woocommerce .button.alt{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);}
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce .button.alt:hover{background-color:var(--bg-tertiary);color:var(--text-primary);}
.woocommerce .remove, .woocommerce-remove-link{background:var(--cekonay-error) !important;color:white !important;border:none !important;border-radius:50% !important;width:2rem !important;height:2rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:1rem !important;padding:0 !important;text-decoration:none !important;transition:all 0.2s ease !important;}
.woocommerce .remove:hover, .woocommerce-remove-link:hover{background:#dc2626 !important;transform:scale(1.1) !important;}
.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info{padding:1rem 1.5rem;border-radius:0.5rem;margin-bottom:1.5rem;border:none;font-size:0.875rem;position:relative;overflow:hidden;}
.woocommerce-message, .woocommerce .woocommerce-message{background:rgba(34, 197, 94, 0.1);color:var(--cekonay-success);border-left:4px solid var(--cekonay-success);}
body.cekonay-dark-mode .woocommerce-message, body.cekonay-dark-mode .woocommerce .woocommerce-message{background:rgba(34, 197, 94, 0.2);color:#4ade80;}
.woocommerce-error, .woocommerce .woocommerce-error{background:rgba(239, 68, 68, 0.1);color:var(--cekonay-error);border-left:4px solid var(--cekonay-error);}
body.cekonay-dark-mode .woocommerce-error, body.cekonay-dark-mode .woocommerce .woocommerce-error{background:rgba(239, 68, 68, 0.2);color:#f87171;}
.woocommerce-info, .woocommerce .woocommerce-info{background:rgba(59, 130, 246, 0.1);color:var(--cekonay-info);border-left:4px solid var(--cekonay-info);}
body.cekonay-dark-mode .woocommerce-info, body.cekonay-dark-mode .woocommerce .woocommerce-info{background:rgba(59, 130, 246, 0.2);color:#60a5fa;}
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a{color:inherit;text-decoration:underline;font-weight:500;}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button{margin-left:1rem;font-size:0.75rem;padding:0.5rem 1rem;}
.woocommerce table.shop_table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);width:100%;margin-bottom:1.5rem;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;}
.woocommerce table.shop_table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;}
.woocommerce table.shop_table tbody tr:last-child th, .woocommerce table.shop_table tbody tr:last-child td{border-bottom:none;}
@media(max-width:768px){
.woocommerce table.shop_table{font-size:0.875rem;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{padding:0.75rem 0.5rem;}
}  .woocommerce-address-fields{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;}
.woocommerce-address-fields h3{margin:0 0 1rem 0;color:var(--text-primary);font-size:1.125rem;font-weight:600;}
.woocommerce form::after, .woocommerce-address-fields::after{content:"";display:table;clear:both;}
.woocommerce nav.woocommerce-pagination{text-align:center;margin:2rem 0;}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;gap:0.5rem;list-style:none;padding:0;margin:0;}
.woocommerce nav.woocommerce-pagination ul li{margin:0;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 0.75rem;border-radius:0.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;font-weight:500;transition:all 0.2s ease;}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--cekonay-primary);color:white;border-color:var(--cekonay-primary);transform:translateY(-1px);}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--cekonay-gradient);color:white;border-color:var(--cekonay-primary);}
.woocommerce .select2-container{width:100% !important;}
.woocommerce .select2-container .select2-selection--single{height:auto !important;padding:0.75rem 1rem !important;border:1px solid var(--border-color) !important;border-radius:0.5rem !important;background-color:var(--bg-secondary) !important;color:var(--text-primary) !important;}
.woocommerce .select2-container .select2-selection--single:focus{border-color:var(--cekonay-primary) !important;box-shadow:0 0 0 3px rgba(118, 75, 162, 0.1) !important;}
.woocommerce form input[type="checkbox"],
.woocommerce form input[type="radio"]{width:1.25rem;height:1.25rem;margin-right:0.5rem;accent-color:var(--cekonay-primary);border-radius:0.25rem;}
.woocommerce a{color:var(--cekonay-primary);text-decoration:none;transition:color 0.2s ease;}
.woocommerce a:hover{color:var(--cekonay-primary-dark);text-decoration:underline;}
.woocommerce .blockUI.blockOverlay{background:rgba(255, 255, 255, 0.8) !important;backdrop-filter:blur(4px) !important;}
body.cekonay-dark-mode .woocommerce .blockUI.blockOverlay{background:rgba(0, 0, 0, 0.8) !important;}
.woocommerce .loader{border:3px solid var(--border-color);border-top:3px solid var(--cekonay-primary);border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;}
@keyframes spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
} @media(max-width:767px){
.woocommerce-address-fields{padding:1rem;}
.woocommerce button.button, .woocommerce input.button, .woocommerce .button{width:100%;margin-bottom:0.5rem;}
.woocommerce table.shop_table{border-radius:0.75rem;}
}  .woocommerce,
.woocommerce *{font-family:var(--font-system);}
.woocommerce-address-fields, .woocommerce table.shop_table, .woocommerce form{animation:fadeInUp 0.5s ease-out;}
.woocommerce .woocommerce-breadcrumb{display:none;}
.woocommerce form .required{color:var(--cekonay-error);}
.ckn-passwrap{position:relative;display:flex;align-items:center}
.ckn-passwrap input[type="password"],
.ckn-passwrap input[type="text"]{width:100%;padding-right:2.5rem}
.ckn-pass-toggle{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#6b7280}
.ckn-pass-toggle:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}
.cekonay-dark-mode .ckn-pass-toggle{color:#d1d5db}