/* CTA Button - prominent reminder button */
.wcrm-cta-remind{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:14px 28px;
	font-size:17px;
	font-weight:700;
	color:#1a1a1a;
	background:linear-gradient(135deg,#ffcc00 0%,#ffba00 100%);
	border:2px solid #e6a800;
	border-radius:50px;
	cursor:pointer;
	box-shadow:0 4px 16px rgba(255,186,0,.35),0 2px 4px rgba(0,0,0,.08);
	transition:all .2s ease;
	text-decoration:none;
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}
.wcrm-cta-remind:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(255,186,0,.45),0 3px 6px rgba(0,0,0,.1);
	background:linear-gradient(135deg,#ffd633 0%,#ffcc00 100%);
}
.wcrm-cta-remind:active{
	transform:translateY(0);
	box-shadow:0 2px 8px rgba(255,186,0,.3);
}

/* Modal styles */
.wcrm-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:99999}
.wcrm-modal.wcrm-hidden{display:none}
.wcrm-modal__dialog{background:#fff;max-width:520px;width:calc(100% - 32px);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden;font-family:inherit}
.wcrm-modal__header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
.wcrm-modal__title{margin:0;font-size:18px;font-weight:600}
.wcrm-modal__close{background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.wcrm-modal__body{padding:16px 20px}
.wcrm-modal__text{margin:0 0 12px;font-size:14px;color:#333}
.wcrm-actions{display:flex;gap:8px;flex-wrap:wrap}
.wcrm-btn{appearance:none;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}
.wcrm-btn--primary{background:#2e7d32;color:#fff}
.wcrm-btn--secondary{background:#f1f3f5;color:#111}
.wcrm-form{margin-top:12px;display:none}
.wcrm-form.wcrm-open{display:block}
.wcrm-form .wcrm-field{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.wcrm-form select,.wcrm-form input[type=number]{padding:6px 8px;border:1px solid #ddd;border-radius:6px}
.wcrm-form .wcrm-submit{margin-top:6px}

/* Notification method selection (supports both radio and checkbox) */
.wcrm-notify-method{margin:16px 0}
.wcrm-notify-method--inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.wcrm-notify-label{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}
.wcrm-notify-method--inline .wcrm-notify-label{margin:0}
.wcrm-notify-options{display:flex;gap:8px;flex-wrap:wrap}
.wcrm-notify-option{cursor:pointer}
.wcrm-notify-option input[type="radio"],
.wcrm-notify-option input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.wcrm-notify-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:500;transition:all .15s ease}
.wcrm-notify-option input[type="radio"]:checked + .wcrm-notify-btn,
.wcrm-notify-option input[type="checkbox"]:checked + .wcrm-notify-btn{border-color:#ffba00;background:#fffde7;box-shadow:0 2px 8px rgba(255,186,0,.2)}
.wcrm-notify-option:hover .wcrm-notify-btn{border-color:#d1d5db;background:#fafafa}
.wcrm-notify-option input[type="radio"]:checked + .wcrm-notify-btn:hover,
.wcrm-notify-option input[type="checkbox"]:checked + .wcrm-notify-btn:hover{border-color:#ffba00;background:#fffde7}

/* Existing reminders on thank you page */
.wcrm-existing-reminders{margin-bottom:12px;padding:10px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;font-size:13px;color:#495057}
.wcrm-existing-title{margin:0;display:flex;align-items:center;gap:6px;font-weight:500}
.wcrm-existing-icon{font-size:14px}
.wcrm-existing-toggle{background:none;border:none;cursor:pointer;font-size:10px;color:#6c757d;padding:2px 6px;margin-left:4px;transition:transform .2s ease}
.wcrm-existing-toggle.wcrm-open{transform:rotate(180deg)}
.wcrm-existing-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.wcrm-existing-list.wcrm-hidden{display:none}
.wcrm-existing-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#fff;border:1px solid #dee2e6;border-radius:6px}
.wcrm-existing-info{color:#495057;font-size:12px}
.wcrm-existing-cancel-form{display:inline;margin:0}
.wcrm-existing-cancel{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .15s ease;line-height:1;min-width:28px;min-height:28px}
.wcrm-existing-cancel:hover{background:#fee2e2;color:#dc2626}

/* Mobile Safari improvements */
@media (max-width: 600px) {
  .wcrm-modal__dialog{width:calc(100% - 24px);max-width:none;margin:12px}
  .wcrm-actions{flex-direction:column}
  .wcrm-btn{width:100%;text-align:center;padding:14px 16px}
  .wcrm-cta-remind{padding:12px 20px;font-size:15px}
  .wcrm-notify-options{width:100%}
  .wcrm-notify-option{flex:1;min-width:0}
  .wcrm-notify-btn{width:100%;justify-content:center;padding:12px 8px}
  .wcrm-existing-item{position:relative;padding-right:40px}
  .wcrm-existing-cancel{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
}