/* --- Card shell ---------------------------------------------------------- */
.wawp-card{
	max-width:400px;margin:24px auto;padding:24px;
	background:#fff;border:1px solid #e3e8ef;border-radius:12px;
	box-shadow:0 4px 12px rgba(12, 26, 71, .06);font-family:inherit
}
.wawp-card-title{margin:0 0 16px;font-size:1.25rem;font-weight:600}

/* --- Switch row ---------------------------------------------------------- */
.wawp-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}

/* --- Slider switch ------------------------------------------------------- */
.wawp-switch{position:relative;display:inline-block;width:46px;height:24px}
.wawp-switch input{opacity:0;width:0;height:0}
.wawp-slider{
	position:absolute;inset:0;cursor:pointer;background:#c7d1db;
	border-radius:34px;transition:.3s
}
.wawp-slider:before{
	content:"";position:absolute;height:18px;width:18px;
	inset-inline-start:4px;bottom:3px;background:#fff;border-radius:50%;
	box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.3s
}
.wawp-switch input:checked + .wawp-slider{background:#04b97f}
.wawp-switch input:checked + .wawp-slider:before{transform:translateX(22px)}
.rtl .wawp-switch input:checked + .wawp-slider:before{transform:translateX(-22px)}

/* --- Button & toast ------------------------------------------------------ */
.wawp-btn-primary{
	display:inline-block;padding:8px 18px;border:none;border-radius:6px;
	background:#04b97f;color:#fff;font-weight:600;cursor:pointer
}
.wawp-btn-primary:hover{background:#049a6b}

.wawp-toast{margin-left:8px;font-size:.9rem;vertical-align:middle}
.wawp-toast.wawp-ok{color:#04b97f}
.wawp-toast.wawp-err{color:#d93025}