/* Rated Local Trades AI — front-end styles.
   Palette matches the site brand: navy #12244B, accent blue #1E63C8. */

.rltai-card {
	--rltai-navy: #12244B;
	--rltai-blue: #1E63C8;
	--rltai-sky: #EAF1FB;
	--rltai-line: #E2E6ED;
	--rltai-slate: #5B6472;
	background: #fff;
	border: 1px solid var(--rltai-line);
	border-radius: 14px;
	padding: 22px 22px 20px;
	margin: 22px 0;
	box-shadow: 0 2px 10px rgba(18, 36, 75, 0.05);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--rltai-navy);
	max-width: 860px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
}

.rltai-listing-panels { margin-top: 26px; }
.rltai-off { color: var(--rltai-slate); }

.rltai-badge {
	display: inline-block;
	background: var(--rltai-blue);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 2px 8px;
	border-radius: 999px;
	vertical-align: middle;
	margin-right: 4px;
}

.rltai-h {
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 6px;
	color: var(--rltai-navy);
	font-weight: 700;
}
.rltai-sub { margin: 0 0 14px; color: var(--rltai-slate); font-size: 15px; }

.rltai-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--rltai-navy);
	margin: 0 0 12px;
}
.rltai-row { display: flex; gap: 14px; flex-wrap: wrap; }
.rltai-row .rltai-label { flex: 1 1 220px; }

.rltai-input {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 11px 13px;
	font-size: 15px;
	font-family: inherit;
	color: var(--rltai-navy);
	background: #fff;
	border: 1px solid var(--rltai-line);
	border-radius: 10px;
	box-sizing: border-box;
	font-weight: 400;
}
.rltai-input:focus {
	outline: none;
	border-color: var(--rltai-blue);
	box-shadow: 0 0 0 3px rgba(30, 99, 200, 0.15);
}
textarea.rltai-input { resize: vertical; }

.rltai-btn {
	appearance: none;
	border: 0;
	cursor: pointer;
	background: var(--rltai-blue);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 20px;
	border-radius: 10px;
	margin-top: 4px;
	transition: background .15s ease, transform .05s ease;
}
.rltai-btn:hover { background: #174E9E; }
.rltai-btn:active { transform: translateY(1px); }
.rltai-btn:disabled { opacity: .7; cursor: default; }
.rltai-btn-light {
	background: var(--rltai-sky);
	color: #174E9E;
}
.rltai-btn-light:hover { background: #dbe8fb; }

.rltai-fineprint { font-size: 12.5px; color: var(--rltai-slate); margin: 10px 0 0; }

.rltai-result { margin-top: 16px; }
.rltai-answer {
	background: var(--rltai-sky);
	border: 1px solid #d5e3f7;
	border-radius: 10px;
	padding: 16px 18px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--rltai-navy);
}
.rltai-answer p { margin: 0 0 10px; }
.rltai-answer p:last-child { margin-bottom: 0; }
.rltai-lead { font-size: 16px; }
.rltai-muted { color: var(--rltai-slate); font-size: 14px; }

.rltai-list { margin: 4px 0 12px; padding-left: 20px; }
.rltai-list li { margin: 3px 0; }

.rltai-matches { margin: 0; padding-left: 20px; }
.rltai-matches li { margin: 8px 0; }
.rltai-reason { display: block; color: var(--rltai-slate); font-size: 14px; margin-top: 2px; }

.rltai-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.rltai-chip {
	display: inline-block;
	background: #fff;
	border: 1px solid #cddcf3;
	color: #174E9E !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 13px;
	border-radius: 999px;
}
.rltai-chip:hover { background: #fff; border-color: var(--rltai-blue); }

.rltai-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 999px;
	text-transform: capitalize;
}
.rltai-u-emergency, .rltai-s-negative { background: #FBE7E7; color: #B42318; }
.rltai-u-soon, .rltai-s-mixed { background: #FEF3D7; color: #92600A; }
.rltai-u-routine, .rltai-s-positive { background: #E3F5EC; color: #1E7A47; }

.rltai-quote {
	border-top: 1px solid #d5e3f7;
	margin-top: 12px;
	padding-top: 10px;
}
.rltai-quote h4 { margin: 0 0 6px; font-size: 15px; color: var(--rltai-navy); }

.rltai-copy { margin-top: 12px; }

@media (max-width: 600px) {
	.rltai-card { padding: 18px 16px; }
	.rltai-row { flex-direction: column; gap: 0; }
}

/* --- AI Listing Builder --- */
.rltai-builder select.rltai-input{appearance:auto;background:#fff}
.rltai-preview{
	background:#fff;border:1px solid #d5e3f7;border-left:4px solid #1E63C8;
	border-radius:12px;padding:20px 22px;margin-top:6px;
}
.rltai-preview-badge{
	display:inline-block;background:#EAF1FB;color:#174E9E;font-weight:700;
	font-size:12px;letter-spacing:.04em;padding:4px 10px;border-radius:999px;margin-bottom:10px;
}
.rltai-preview-title{font-size:19px;font-weight:800;color:#12244B;margin:0 0 4px}
.rltai-preview-cat{
	display:inline-block;vertical-align:middle;background:#1E63C8;color:#fff;
	font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;margin-left:6px;
}
.rltai-preview-tag{color:#5B6472;font-style:italic;margin:0 0 12px}
.rltai-preview p{margin:0 0 10px;color:#3B4453}
.rltai-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rltai-publish{background:#1E9E5A}
.rltai-publish:hover{background:#187e48}

.rltai-filled-banner{
	max-width:860px;margin:0 auto 18px;box-sizing:border-box;
	background:#E3F5EC;border:1px solid #b8e6cd;color:#1E7A47;
	border-radius:10px;padding:13px 18px;font-weight:600;
	font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* Listing tier badges (Stripe billing) */
.rlt-tierbadge{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.85rem;letter-spacing:.02em}
.rlt-tierbadge--verified{background:#EAF7EF;color:#1E9E5A;border:1px solid #b7e6c8}
.rlt-tierbadge--featured{background:#FFF6E0;color:#8a6100;border:1px solid #f2d98a}

/* --- AI Listing Builder: guided wizard --- */
.rltai-wizard{padding:26px 26px 24px}
.rltai-wz-head{text-align:center;margin-bottom:18px}
.rltai-wz-head .rltai-h{font-size:22px;justify-content:center}
.rltai-wz-head .rltai-sub{max-width:560px;margin:0 auto}

/* progress */
.rltai-wz-progress{margin:6px 0 22px}
.rltai-wz-dots{display:flex;justify-content:space-between;gap:4px;margin-bottom:12px}
.rltai-wz-dot{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.rltai-wz-n{
	display:flex;align-items:center;justify-content:center;
	width:30px;height:30px;border-radius:999px;
	border:2px solid var(--rltai-line);background:#fff;color:var(--rltai-slate);
	font-style:normal;font-weight:700;font-size:14px;transition:all .25s ease;
}
.rltai-wz-dot em{font-style:normal;font-size:12px;color:var(--rltai-slate);font-weight:600;line-height:1.2}
.rltai-wz-dot.is-on .rltai-wz-n{background:var(--rltai-blue);border-color:var(--rltai-blue);color:#fff}
.rltai-wz-dot.is-on em{color:var(--rltai-navy)}
.rltai-wz-dot.is-current .rltai-wz-n{box-shadow:0 0 0 4px rgba(30,99,200,.15)}
.rltai-wz-bar{height:6px;border-radius:999px;background:var(--rltai-line);overflow:hidden}
.rltai-wz-fill{display:block;height:100%;background:var(--rltai-blue);border-radius:999px;width:20%;transition:width .35s cubic-bezier(.4,0,.2,1)}
.rltai-wz-count{text-align:right;font-size:12.5px;color:var(--rltai-slate);margin-top:7px;font-weight:600}
.rltai-wz-count b{color:var(--rltai-blue)}

/* steps */
.rltai-wz-step{display:none}
.rltai-wz-step.is-active{display:block;animation:rltai-wz-in .3s ease}
@keyframes rltai-wz-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rltai-wz-ico{
	width:58px;height:58px;margin:2px auto 14px;border-radius:16px;
	display:flex;align-items:center;justify-content:center;
	background:var(--rltai-sky);color:var(--rltai-blue);
}
.rltai-wz-ico svg{width:30px;height:30px}
.rltai-wz-q{font-size:21px;font-weight:800;color:var(--rltai-navy);text-align:center;margin:0 0 6px;line-height:1.3}
.rltai-wz-help{font-size:14.5px;color:var(--rltai-slate);text-align:center;max-width:520px;margin:0 auto 18px;line-height:1.5}
.rltai-wz-input{font-size:16.5px;padding:14px 15px}
select.rltai-wz-select{appearance:auto;background:#fff}
.rltai-wz-about{font-size:15.5px}

/* example / tip pill */
.rltai-wz-eg{margin-top:12px;background:var(--rltai-sky);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--rltai-navy)}
.rltai-wz-eg-l{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rltai-blue);margin-right:8px}

/* chips */
.rltai-wz-chips{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 6px;justify-content:center}
.rltai-wz-chip{
	appearance:none;cursor:pointer;background:#fff;border:1.5px solid #cddcf3;color:#174E9E;
	font-family:inherit;font-size:14.5px;font-weight:600;padding:9px 15px;border-radius:999px;
	transition:all .15s ease;
}
.rltai-wz-chip:hover{border-color:var(--rltai-blue);background:var(--rltai-sky)}
.rltai-wz-chip.is-sel{background:var(--rltai-blue);border-color:var(--rltai-blue);color:#fff}
.rltai-wz-addchip.is-added{background:#E3F5EC;border-color:#b8e6cd;color:#1E7A47}
.rltai-wz-morelabel{display:block;text-align:center;font-size:13px;color:var(--rltai-slate);font-weight:600;margin:14px 0 8px}

/* about example box */
.rltai-wz-count-chars{text-align:right;font-size:12px;color:var(--rltai-slate);margin-top:5px}
.rltai-wz-example{margin-top:14px;border:1px dashed #cddcf3;background:#fafcff;border-radius:12px;padding:14px 16px}
.rltai-wz-example-h{font-size:13px;font-weight:700;color:var(--rltai-navy);margin-bottom:6px}
.rltai-wz-example-t{font-size:14px;font-style:italic;color:var(--rltai-slate);margin:0 0 10px;line-height:1.55}
.rltai-wz-usereg{appearance:none;cursor:pointer;background:none;border:0;padding:0;color:var(--rltai-blue);font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:underline}

/* review box */
.rltai-wz-review{margin-top:18px;border:1px solid var(--rltai-line);border-radius:12px;padding:14px 16px;background:#fff}
.rltai-wz-review-h{font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--rltai-blue);margin-bottom:8px}
.rltai-wz-review-list{list-style:none;margin:0;padding:0}
.rltai-wz-review-list li{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-bottom:1px solid #f0f3f8;font-size:14.5px}
.rltai-wz-review-list li:last-child{border-bottom:0}
.rltai-wz-review-list span{color:var(--rltai-slate)}
.rltai-wz-review-list b{color:var(--rltai-navy);text-align:right;font-weight:700}

/* nav */
.rltai-wz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.rltai-wz-spacer{flex:0 0 auto}
.rltai-wz-next,.rltai-wz-back{font-size:15px;padding:12px 22px}
.rltai-wz-build{background:#1E9E5A;font-size:16px;padding:14px 26px}
.rltai-wz-build:hover{background:#187e48}

/* validation */
.rltai-wz-invalid{border-color:#B42318 !important;box-shadow:0 0 0 3px rgba(180,35,24,.12) !important}
.rltai-wz-err .rltai-wz-input,.rltai-wz-err .rltai-wz-chips{animation:rltai-shake .4s ease}
@keyframes rltai-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

@media (max-width:600px){
	.rltai-wizard{padding:20px 15px}
	.rltai-wz-dot em{display:none}
	.rltai-wz-q{font-size:19px}
	.rltai-wz-nav{gap:8px}
	.rltai-wz-next,.rltai-wz-back,.rltai-wz-build{padding:12px 16px;font-size:14.5px}
}

/* wizard: extra field types (v1.4 richer profile) */
.rltai-wz-sublabel{display:block;text-align:left;font-size:13.5px;font-weight:700;color:var(--rltai-navy);margin:16px 0 6px}
.rltai-wz-check{display:flex;align-items:center;gap:10px;margin:16px 0 4px;font-size:15px;color:var(--rltai-navy);cursor:pointer;font-weight:600;text-align:left}
.rltai-wz-check input{width:20px;height:20px;accent-color:var(--rltai-blue);flex:0 0 auto}
.rltai-wz-uplabel{text-align:left;font-size:13.5px;font-weight:700;color:var(--rltai-navy);margin:18px 0 8px}
.rltai-wz-drop{display:block;position:relative;border:2px dashed #cddcf3;border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;background:#fafcff;transition:border-color .15s,background .15s}
.rltai-wz-drop:hover{border-color:var(--rltai-blue);background:var(--rltai-sky)}
.rltai-wz-file{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.rltai-wz-drophint{display:block;color:#174E9E;font-weight:700;font-size:14.5px}
.rltai-wz-thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.rltai-wz-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--rltai-line)}

/* wizard photo gallery (v1.6 add/remove/reorder) */
.rltai-wz-galhint{text-align:left;font-size:12.5px;color:var(--rltai-slate);margin-top:8px}
.rltai-wz-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rltai-wz-gcell{position:relative;width:90px;height:90px;border-radius:10px;overflow:hidden;border:1px solid var(--rltai-line);background:#f4f7fb}
.rltai-wz-gallery:not(.rltai-wz-gallery--logo) .rltai-wz-gcell{cursor:grab}
.rltai-wz-gcell:active{cursor:grabbing}
.rltai-wz-gimg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.rltai-wz-gctrl{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;padding:4px;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.rltai-wz-gbtn{appearance:none;border:0;cursor:pointer;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.92);color:#12244B;font-size:15px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.rltai-wz-gbtn:hover{background:#fff}
.rltai-wz-gbtn--del{color:#B42318}