/* =========================================================
   ACCOUNT DELETION WIDGET — BASE STYLES
   Colors below are FALLBACKS — override live from the
   Elementor "Style" tab (Colors / Typography / Card / Button).
========================================================= */

.account-delete-page,
.account-delete-page *,
.account-delete-page *::before,
.account-delete-page *::after {
	box-sizing: border-box;
}

.account-delete-page {
	--pink: #c83d72;
	--pink-dark: #aa2e5e;
	--pink-light: #fff0f5;
	--text: #17171a;
	--muted: #737378;
	--border: #e7e5e7;
	--green: #16845b;
	--green-light: #edf9f4;

	position: relative;
	width: 100%;
	margin: 0;
	padding: 32px 20px 60px;
	overflow: hidden;
	background:
		radial-gradient(circle at 10% 10%, rgba(200,61,114,.08), transparent 30%),
		radial-gradient(circle at 90% 85%, rgba(200,61,114,.06), transparent 30%),
		#faf8f9;
	color: var(--text);
	font-family: inherit;
	isolation: isolate;
}

.account-delete-page input,
.account-delete-page button,
.account-delete-page textarea,
.account-delete-page select {
	font-family: inherit;
}

/* BACKGROUND DECOR */
.account-delete-page .delete-bg { position: absolute; border-radius: 50%; pointer-events: none; z-index: -1; }
.account-delete-page .delete-bg-1 { width: 450px; height: 450px; top: -240px; left: -200px; background: rgba(200,61,114,.07); }
.account-delete-page .delete-bg-2 { width: 380px; height: 380px; right: -190px; bottom: -160px; background: rgba(200,61,114,.06); }

/* CONTAINER */
.account-delete-page .delete-container { width: 100%; max-width: 900px; margin: 0 auto; }

/* HEADER */
.account-delete-page .delete-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 28px; }
.account-delete-page .delete-brand { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 0; color: var(--text) !important; text-decoration: none !important; font-size: 17px; font-weight: 700; }
.account-delete-page .delete-brand-icon { width: 35px; height: 35px; flex: 0 0 35px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--pink); color: #ffffff; font-size: 15px; font-weight: 700; }
.account-delete-page .delete-brand-icon svg,
.account-delete-page .delete-brand-icon i { width: 16px; height: 16px; font-size: 15px; }
.account-delete-page .delete-security { padding: 8px 14px; border: 1px solid var(--border); border-radius: 999px; background: rgba(255,255,255,.8); color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; }

/* CARD */
.account-delete-page .delete-card { width: 100%; margin: 0; padding: 52px; border: 1px solid rgba(30,30,30,.07); border-radius: 30px; background: rgba(255,255,255,.97); box-shadow: 0 30px 80px rgba(30,20,30,.08), 0 5px 20px rgba(30,20,30,.04); backdrop-filter: blur(18px); }

/* TOP ICON */
.account-delete-page .delete-icon-wrap { display: flex; justify-content: center; margin: 0 0 25px; }
.account-delete-page .delete-icon { width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; border-radius: 24px; background: var(--pink-light); color: var(--pink); font-size: 30px; }
.account-delete-page .delete-icon svg,
.account-delete-page .delete-icon i { display: block; width: 36px; height: 36px; margin: 0; font-size: 32px; }
.account-delete-page .delete-icon img { display: block; width: 40px; height: 40px; object-fit: contain; }

/* HEADING */
.account-delete-page .delete-heading { max-width: 650px; margin: 0 auto 42px; text-align: center; }
.account-delete-page .delete-label { display: inline-block; margin: 0 0 12px; color: var(--pink); font-size: 11px; line-height: 1.3; font-weight: 800; letter-spacing: 1.6px; }
.account-delete-page .delete-heading h1 { margin: 0 0 15px; padding: 0; color: var(--text); font-size: clamp(32px,5vw,48px); line-height: 1.08; letter-spacing: -1.8px; font-weight: 750; }
.account-delete-page .delete-heading p { margin: 0; padding: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.account-delete-page .delete-heading strong { color: var(--text); }

/* REQUEST BOX */
.account-delete-page .request-box { width: 100%; margin: 0; padding: 28px; border: 1px solid var(--border); border-radius: 22px; background: #fcfcfd; }
.account-delete-page .request-box-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 0 26px; }
.account-delete-page .request-box-header h2 { margin: 0 0 7px; padding: 0; color: var(--text); font-size: 21px; line-height: 1.3; font-weight: 700; }
.account-delete-page .request-box-header p { margin: 0; padding: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.account-delete-page .request-number { flex: 0 0 auto; color: var(--pink); font-size: 12px; font-weight: 800; }

/* FORM */
.account-delete-page .delete-request-form { width: 100%; margin: 0; padding: 0; }
.account-delete-page .form-label { display: block !important; width: 100% !important; margin: 0 0 9px !important; padding: 0 !important; border: 0 !important; color: var(--text) !important; background: transparent !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 650 !important; text-align: left !important; }

/* EMAIL FIELD (grid: icon column + input column) */
.account-delete-page .email-field { display: grid !important; grid-template-columns: 54px minmax(0,1fr) !important; align-items: stretch !important; width: 100% !important; height: 56px !important; min-height: 56px !important; margin: 0 0 7px !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: 13px !important; background: #ffffff !important; overflow: hidden !important; box-shadow: none !important; }
.account-delete-page .email-field-icon { position: static !important; width: 54px !important; height: 54px !important; min-width: 54px !important; max-width: 54px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #99999f !important; background: #ffffff !important; pointer-events: none !important; line-height: 0 !important; font-size: 18px; }
.account-delete-page .email-field-icon svg,
.account-delete-page .email-field-icon i { display: block !important; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; color: currentColor !important; font-size: 18px; }
.account-delete-page .email-field > input,
.account-delete-page .email-field > input[type="email"] { position: static !important; display: block !important; grid-column: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-left: 1px solid #eeeeef !important; border-radius: 0 !important; outline: none !important; background: #ffffff !important; color: var(--text) !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 54px !important; letter-spacing: normal !important; text-align: left !important; text-indent: 0 !important; vertical-align: middle !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; }
.account-delete-page .email-field input::placeholder { margin: 0 !important; padding: 0 !important; color: #a5a5aa !important; opacity: 1 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; text-align: left !important; }
.account-delete-page .email-field:hover { border-color: #d8d6d9 !important; }
.account-delete-page .email-field:focus-within { border-color: var(--pink) !important; box-shadow: 0 0 0 4px rgba(200,61,114,.10) !important; }
.account-delete-page .email-field input:focus { outline: none !important; border-left-color: #eeeeef !important; box-shadow: none !important; }
.account-delete-page .email-field.email-error { border-color: #dc2626 !important; box-shadow: 0 0 0 3px rgba(220,38,38,.08) !important; }
.account-delete-page .email-field input:-webkit-autofill { -webkit-text-fill-color: var(--text) !important; -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; box-shadow: 0 0 0 1000px #ffffff inset !important; }

.account-delete-page .form-error { display: block; width: 100%; min-height: 18px; margin: 0 0 4px; padding: 0; color: #c62828; font-size: 12px; line-height: 1.5; text-align: left; }

/* CHECKBOX */
.account-delete-page .confirm-check { position: relative; display: flex !important; align-items: flex-start !important; gap: 11px !important; width: 100% !important; margin: 10px 0 8px !important; padding: 0 !important; cursor: pointer; text-align: left !important; }
.account-delete-page .confirm-check input { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; }
.account-delete-page .custom-check { flex: 0 0 20px; width: 20px !important; height: 20px !important; min-width: 20px !important; margin: 1px 0 0 !important; padding: 0 !important; border: 1.5px solid #c8c8cc; border-radius: 6px; background: #ffffff; }
.account-delete-page .confirm-check input:checked + .custom-check { border-color: var(--pink); background: var(--pink); }
.account-delete-page .confirm-check input:checked + .custom-check::after { content: "✓"; display: block; width: 100%; height: 100%; color: #ffffff; text-align: center; font-size: 13px; line-height: 18px; font-weight: 700; }
.account-delete-page .confirm-text { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; color: var(--muted) !important; font-size: 13px !important; line-height: 1.6 !important; text-align: left !important; }

/* SUBMIT BUTTON */
.account-delete-page .delete-submit { width: 100% !important; height: 56px !important; min-height: 56px !important; margin: 17px 0 0 !important; padding: 0 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; border: 0 !important; border-radius: 13px !important; background: var(--pink) !important; color: #ffffff !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; }
.account-delete-page .delete-submit:hover { background: var(--pink-dark) !important; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(200,61,114,.20) !important; }
.account-delete-page .delete-submit:active { transform: translateY(0); }
.account-delete-page .delete-submit:disabled { opacity: .7; cursor: wait; transform: none !important; }
.account-delete-page .adw-btn-icon { display: inline-flex; align-items: center; justify-content: center; }
.account-delete-page .adw-btn-icon svg,
.account-delete-page .adw-btn-icon i { display: block !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; font-size: 16px; }

/* FORM NOTE */
.account-delete-page .form-note { margin: 12px 0 0 !important; padding: 0 !important; color: #929298 !important; font-size: 11px !important; line-height: 1.5 !important; text-align: center !important; }

/* SUCCESS */
.account-delete-page .delete-success { display: none; align-items: flex-start; gap: 15px; margin: 18px 0 0; padding: 18px; border: 1px solid #cceee0; border-radius: 16px; background: var(--green-light); }
.account-delete-page .delete-success.show { display: flex; }
.account-delete-page .success-icon { flex: 0 0 42px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--green); color: #ffffff; font-weight: 800; font-size: 16px; }
.account-delete-page .delete-success h3 { margin: 0 0 5px; color: #116846; font-size: 15px; }
.account-delete-page .delete-success p { margin: 0; color: #477563; font-size: 13px; line-height: 1.6; }

/* SECTIONS */
.account-delete-page .delete-process,
.account-delete-page .data-section { margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--border); }
.account-delete-page .section-title { display: flex; align-items: flex-start; gap: 15px; margin: 0 0 25px; }
.account-delete-page .section-title > span { flex: 0 0 auto; padding-top: 3px; color: var(--pink); font-size: 12px; font-weight: 800; }
.account-delete-page .section-title h2 { margin: 0 0 6px; padding: 0; color: var(--text); font-size: 22px; line-height: 1.3; }
.account-delete-page .section-title p { margin: 0; padding: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

/* PROCESS GRID */
.account-delete-page .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.account-delete-page .process-item { padding: 21px; border: 1px solid var(--border); border-radius: 17px; background: #ffffff; }
.account-delete-page .process-number { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin: 0 0 16px; border-radius: 10px; background: var(--pink-light); color: var(--pink); font-size: 12px; font-weight: 800; }
.account-delete-page .process-item h3 { margin: 0 0 7px; font-size: 15px; }
.account-delete-page .process-item p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

/* DATA LIST */
.account-delete-page .data-list { overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: #ffffff; }
.account-delete-page .data-row { display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--border); }
.account-delete-page .data-row:last-child { border-bottom: 0; }
.account-delete-page .data-check { flex: 0 0 25px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--green-light); color: var(--green); font-size: 11px; font-weight: 800; }
.account-delete-page .data-check svg,
.account-delete-page .data-check i { font-size: 11px; }
.account-delete-page .data-row strong { display: block; margin: 0 0 4px; font-size: 14px; }
.account-delete-page .data-row p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

/* RETENTION */
.account-delete-page .retention-section { display: flex; align-items: flex-start; gap: 17px; margin-top: 35px; padding: 23px; border: 1px solid #eadfe4; border-radius: 18px; background: #fff8fb; }
.account-delete-page .retention-icon { flex: 0 0 42px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #ffffff; color: var(--pink); font-size: 19px; }
.account-delete-page .retention-icon svg,
.account-delete-page .retention-icon i { width: 21px; height: 21px; }
.account-delete-page .retention-section h3 { margin: 0 0 8px; font-size: 15px; }
.account-delete-page .retention-section p { margin: 0 0 8px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.account-delete-page .retention-section p:last-child { margin-bottom: 0; }

/* IN APP */
.account-delete-page .in-app-section { display: flex; align-items: flex-start; gap: 16px; margin-top: 25px; padding: 22px; border: 1px solid var(--border); border-radius: 18px; background: #ffffff; }
.account-delete-page .in-app-icon { flex: 0 0 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--pink-light); color: var(--pink); font-weight: 800; font-size: 16px; }
.account-delete-page .in-app-section h3 { margin: 0 0 7px; font-size: 15px; }
.account-delete-page .in-app-section p { margin: 0 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.account-delete-page .app-path { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 9px 12px; border-radius: 10px; background: #f7f7f8; color: var(--text); font-size: 13px; font-weight: 650; }
.account-delete-page .path-arrow { color: var(--pink); font-weight: 800; }

/* SUPPORT */
.account-delete-page .support-section { margin-top: 35px; padding: 30px; border-radius: 20px; background: linear-gradient(135deg, #fff1f6, #fff9fb); text-align: center; }
.account-delete-page .support-section h2 { margin: 0 0 8px; font-size: 21px; }
.account-delete-page .support-section p { max-width: 550px; margin: 0 auto 15px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.account-delete-page .support-email { color: var(--pink) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; word-break: break-word; }
.account-delete-page .support-email:hover { text-decoration: underline !important; }

/* FOOTER */
.account-delete-page .delete-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 4px 0; color: #96969b; font-size: 12px; }
.account-delete-page .delete-footer div { display: flex; gap: 18px; }
.account-delete-page .delete-footer a { color: #77777c !important; text-decoration: none !important; }
.account-delete-page .delete-footer a:hover { color: var(--pink) !important; }

/* TABLET */
@media (max-width: 760px) {
	.account-delete-page .delete-card { padding: 35px 24px; border-radius: 24px; }
	.account-delete-page .process-grid { grid-template-columns: 1fr; }
	.account-delete-page .delete-security { display: none; }
}

/* MOBILE */
@media (max-width: 520px) {
	.account-delete-page { padding: 18px 12px 40px; }
	.account-delete-page .delete-card { padding: 30px 16px; border-radius: 22px; }
	.account-delete-page .delete-heading { margin-bottom: 30px; }
	.account-delete-page .delete-heading h1 { font-size: 32px; letter-spacing: -1px; }
	.account-delete-page .delete-heading p { font-size: 15px; }
	.account-delete-page .request-box { padding: 20px 15px; border-radius: 18px; }
	.account-delete-page .request-box-header { gap: 10px; }
	.account-delete-page .request-number { display: none; }

	.account-delete-page .email-field { grid-template-columns: 50px minmax(0,1fr) !important; height: 54px !important; min-height: 54px !important; }
	.account-delete-page .email-field-icon { width: 50px !important; min-width: 50px !important; height: 52px !important; }
	.account-delete-page .email-field > input,
	.account-delete-page .email-field > input[type="email"] { height: 52px !important; min-height: 52px !important; max-height: 52px !important; padding: 0 12px !important; font-size: 14px !important; line-height: 52px !important; }
	.account-delete-page .email-field input::placeholder { font-size: 14px !important; }

	.account-delete-page .retention-section,
	.account-delete-page .in-app-section { padding: 18px; }
	.account-delete-page .delete-footer { flex-direction: column; text-align: center; }
	.account-delete-page .delete-footer div { justify-content: center; flex-wrap: wrap; }
	.account-delete-page .app-path { width: 100%; justify-content: center; text-align: center; }
}

/* VERY SMALL MOBILE */
@media (max-width: 360px) {
	.account-delete-page .delete-card { padding: 25px 12px; }
	.account-delete-page .request-box { padding: 17px 12px; }
	.account-delete-page .delete-heading h1 { font-size: 29px; }
	.account-delete-page .confirm-text { font-size: 12px !important; }
	.account-delete-page .email-field { grid-template-columns: 46px minmax(0,1fr) !important; }
	.account-delete-page .email-field-icon { width: 46px !important; min-width: 46px !important; }
	.account-delete-page .email-field > input,
	.account-delete-page .email-field > input[type="email"] { padding: 0 10px !important; font-size: 13px !important; }
	.account-delete-page .email-field input::placeholder { font-size: 13px !important; }
}

/* Elementor editor: keep widget usable inside narrow preview panel */
.elementor-editor-active .account-delete-page { overflow: visible; }