/*
 * Urdu Biography Pro — tools-specific styles
 * Loaded after theme.css
 */

.ubp-pf__list { display: grid; gap: 10px; padding-inline-start: 22px; }
.ubp-pf__list li { padding: 12px 14px; background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 12px; }
.ubp-pf__rank { display: inline-block; background: var(--ubp-accent); color: #2a1f00; font-weight: 700; border-radius: 8px; padding: 1px 8px; font-family: var(--ubp-font-mono); font-size: 12px; margin-inline-end: 8px; }
.ubp-pf__title { font-weight: 700; }
.ubp-pf__why { color: var(--ubp-ink-soft); font-size: 13.5px; margin: 4px 0; }
.ubp-pf__cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

/* Loading shimmer */
@keyframes ubp-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.ubp-shimmer {
	background: linear-gradient(90deg, transparent 0, rgba(0,0,0,.08) 50%, transparent 100%);
	background-size: 200% 100%; animation: ubp-shimmer 1.2s infinite;
}

/* Tracker list item action */
.ubp-rtr__item-meta, .ubp-rn__item-meta { color: var(--ubp-gray); font-size: 12.5px; font-family: var(--ubp-font-mono); }
.ubp-rtr__del, .ubp-rn__del {
	background: none; border: 0; cursor: pointer; color: var(--ubp-maroon); font-size: 16px;
}

/* Compare drawer item */
.ubp-compare-drawer__item {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	background: var(--ubp-cream); padding: 8px 12px; border-radius: 10px; font-size: 13.5px;
}
.ubp-compare-drawer__item button { background: none; border: 0; color: var(--ubp-maroon); cursor: pointer; }

/* Quiz option selected/dim */
.ubp-quiz__option:disabled { opacity: .6; cursor: not-allowed; }

/* Personality card chip layout when saved */
.ubp-link--ghost.is-saved { color: var(--ubp-maroon); }

/* Map active region info */
.ubp-map__panel-title { color: var(--ubp-primary-dark); }

/* Result chips */
.ubp-result__chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }