/* UnitedRigs Facility Reviews — built on the theme's tokens.
   No prefers-color-scheme block: the theme doesn't switch, so neither do we. */

.urf-wrap { padding-block: clamp(20px, 4vw, 40px); }

.urf-head { margin-bottom: clamp(16px, 3vw, 26px); }
.urf-title, .urf-ftitle {
	font-family: var(--display, "Barlow Condensed", sans-serif);
	font-weight: 900; text-transform: uppercase; letter-spacing: .015em;
	font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.05; margin: 0 0 .4rem;
	overflow-wrap: anywhere;
}
.urf-sub, .urf-fwhere { color: var(--muted, #5a6475); margin: 0; }

/* Notices ---------------------------------------------------------------- */
.urf-note { border-radius: var(--radius-sm, 10px); padding: .85rem 1rem; margin: 0 0 1.2rem; border: 1px solid transparent; }
.urf-note--ok { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.urf-note--err { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.urf-note--ask { background: #fff7ed; border-color: #fed7aa; color: #7c2d12; }
.urf-note--ask p { margin: 0 0 .6rem; }
.urf-note__found a { font-weight: 700; }
.urf-note__dist { display: block; font-size: .88rem; color: #9a3412; }
.urf-note__actions { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin: 0; }
.urf-note__or { color: #9a3412; font-size: .9rem; }
.urf-note__new { background: none; border: 0; padding: 0; color: #7c2d12; text-decoration: underline;
	text-underline-offset: 3px; cursor: pointer; font-size: .92rem; }
.urf-note__new:focus-visible { outline: 2px solid var(--accent, #f58220); outline-offset: 3px; }

/* Search and sort -------------------------------------------------------- */
.urf-search { margin: 0 0 1rem; }
.urf-search label { display: block; font-weight: 700; margin-bottom: .4rem; }
.urf-search__row { display: flex; gap: .5rem; flex-wrap: wrap; }
.urf-search__row input { flex: 1 1 16rem; min-width: 0; font: inherit; padding: .7em 1em;
	border-radius: 999px; border: 1px solid var(--line, #e3e7ed); background: var(--surface, #fff); }
.urf-search__row input:focus { outline: none; border-color: var(--primary, #1d4ed8);
	box-shadow: 0 0 0 4px var(--primary-soft, #eaf0fc); }

.urf-sorts { display: flex; gap: .3rem; flex-wrap: wrap; margin: 0 0 .8rem; }
.urf-sorts a { padding: .45em .9em; border-radius: 999px; text-decoration: none;
	color: var(--ink-2, #1f2a3d); font-weight: 600; font-size: .9rem; white-space: nowrap; }
.urf-sorts a[aria-current] { background: var(--primary-soft, #eaf0fc); color: var(--primary, #1d4ed8); }
.urf-count { color: var(--muted, #5a6475); font-size: .9rem; margin: 0 0 1rem; }

/* The list --------------------------------------------------------------- */
.urf-list { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .7rem; }
.urf-card { background: var(--surface, #fff); border: 1px solid var(--line, #e3e7ed);
	border-radius: var(--radius-sm, 10px); padding: 1rem 1.1rem;
	display: grid; gap: .35rem; transition: border-color .15s ease, transform .15s ease; }
.urf-card:hover { border-color: var(--ink-2, #1f2a3d); transform: translateY(-1px); }
.urf-card__link { text-decoration: none; display: block; }
.urf-card__name { display: block; font-family: var(--display, inherit); font-weight: 700;
	text-transform: uppercase; font-size: 1.25rem; line-height: 1.15; color: var(--ink, #0b1424); }
.urf-card__where { display: block; color: var(--muted, #5a6475); font-size: .88rem; }
.urf-card__score { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; font-size: .9rem; }
.urf-card__n { color: var(--muted, #5a6475); }
.urf-card__verdict { color: var(--ink-2, #1f2a3d); font-size: .92rem; }

/* Stars ------------------------------------------------------------------ */
.urf-stars { white-space: nowrap; letter-spacing: 1px; }
.urf-star { color: #cbd5e1; }
.urf-star.is-on { color: var(--accent, #f58220); }
.urf-num { font-weight: 700; }

/* Facility page ---------------------------------------------------------- */
.urf-crumb { font-size: .88rem; margin: 0 0 .4rem; }
.urf-crumb a { text-decoration: none; }
.urf-fscore { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin: .6rem 0 0; }
.urf-fn { color: var(--muted, #5a6475); font-size: .9rem; }

.urf-glance { list-style: none; margin: 1.4rem 0; padding: 0;
	display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.urf-glance__item { background: var(--surface, #fff); border: 1px solid var(--line, #e3e7ed);
	border-left: 4px solid var(--primary, #1d4ed8);
	border-radius: var(--radius-sm, 10px); padding: .8rem .9rem; }
.urf-glance__item.is-cost { border-left-color: var(--accent, #f58220); }
.urf-glance__k { display: block; font-size: .78rem; text-transform: uppercase;
	letter-spacing: .05em; color: var(--muted, #5a6475); font-weight: 700; }
.urf-glance__v { display: block; font-weight: 700; margin-top: .2rem; }

.urf-scores h2, .urf-reviews h2, .urf-write h2, .urf-add h2 {
	font-family: var(--display, inherit); font-weight: 900; text-transform: uppercase;
	font-size: 1.45rem; margin: 1.8rem 0 .8rem; }
.urf-scores__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.urf-score { display: flex; justify-content: space-between; align-items: center; gap: 1rem;
	padding: .55rem .8rem; background: var(--surface, #fff);
	border: 1px solid var(--line, #e3e7ed); border-radius: var(--radius-sm, 10px); }
.urf-score__k { font-weight: 600; }

/* Reviews ---------------------------------------------------------------- */
.urf-reviews__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.urf-review { background: var(--surface, #fff); border: 1px solid var(--line, #e3e7ed);
	border-radius: var(--radius-sm, 10px); padding: 1rem 1.1rem; }
.urf-review__top { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-bottom: .5rem; }
.urf-review__who { font-weight: 700; }
.urf-review__when { color: var(--muted, #5a6475); font-size: .86rem; }
.urf-review__facts { list-style: none; display: flex; gap: .4rem; flex-wrap: wrap; margin: 0 0 .6rem; padding: 0; }
.urf-review__facts li { font-size: .8rem; padding: .22em .6em; border-radius: 999px;
	background: var(--primary-soft, #eaf0fc); color: var(--primary, #1d4ed8); font-weight: 600; }
.urf-review__facts li.is-cost { background: #fff1e6; color: var(--accent-text, #c2410c); }
.urf-review__text p { margin: 0 0 .6rem; }
.urf-review__photos { list-style: none; display: flex; gap: .5rem; flex-wrap: wrap; margin: .6rem 0 0; padding: 0; }
.urf-review__photos img { width: 150px; height: 110px; object-fit: cover; border-radius: 8px; display: block; }
.urf-review__flag { margin: .7rem 0 0; }
.urf-review__flag button { background: none; border: 0; padding: 0; cursor: pointer;
	color: var(--muted, #5a6475); font-size: .82rem; text-decoration: underline; text-underline-offset: 3px; }
.urf-review__flag button:hover { color: var(--accent-text, #c2410c); }
.urf-review__flag button:focus-visible { outline: 2px solid var(--primary, #1d4ed8); outline-offset: 2px; }

/* Forms ------------------------------------------------------------------ */
.urf-add, .urf-write { background: var(--surface, #fff); border: 1px solid var(--line, #e3e7ed);
	border-radius: var(--radius, 18px); padding: clamp(16px, 3vw, 26px); margin: 1.8rem 0; }
.urf-field { margin: 0 0 1rem; }
.urf-field label { display: block; font-weight: 700; margin-bottom: .35rem; }
.urf-field input[type="text"], .urf-field input[type="search"], .urf-field input[type="number"],
.urf-field select, .urf-field textarea {
	width: 100%; max-width: 100%; font: inherit; padding: .65em .9em;
	border: 1px solid var(--line, #e3e7ed); border-radius: var(--radius-sm, 10px);
	background: var(--bg, #f4f6f9); color: var(--ink, #0b1424); }
.urf-field input:focus, .urf-field select:focus, .urf-field textarea:focus {
	outline: none; border-color: var(--primary, #1d4ed8); box-shadow: 0 0 0 4px var(--primary-soft, #eaf0fc);
	background: #fff; }
.urf-two { display: grid; gap: 0 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.urf-hint { display: block; color: var(--muted, #5a6475); font-size: .85rem; margin-top: .3rem; }

.urf-where { border: 1px dashed var(--line, #e3e7ed); border-radius: var(--radius-sm, 10px);
	padding: 1rem; margin: 0 0 1.2rem; background: var(--bg, #f4f6f9); }
.urf-where__lead { font-weight: 700; margin: 0 0 .6rem; }
.urf-where__gps { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.urf-gps__state { font-size: .88rem; color: var(--muted, #5a6475); }
.urf-gps__state.is-good { color: #047857; font-weight: 700; }
.urf-gps__state.is-bad { color: var(--accent-text, #c2410c); }
.urf-where__hint { color: var(--muted, #5a6475); font-size: .86rem; margin: .6rem 0 0; }
.urf-where__or { margin: 1rem 0 .4rem; font-weight: 700; color: var(--muted, #5a6475); font-size: .9rem; }

/* Choices and stars ------------------------------------------------------ */
.urf-choice { border: 0; padding: 0; margin: 0 0 1.1rem; }
.urf-choice legend { font-weight: 700; padding: 0; margin-bottom: .4rem; }
.urf-choice__opts { display: flex; gap: .4rem; flex-wrap: wrap; }
.urf-choice__opts input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.urf-choice__opts label { padding: .45em .9em; border-radius: 999px; cursor: pointer;
	border: 1px solid var(--line, #e3e7ed); background: var(--bg, #f4f6f9);
	font-size: .9rem; font-weight: 600; }
.urf-choice__opts input:checked + label { background: var(--primary, #1d4ed8); color: #fff;
	border-color: var(--primary, #1d4ed8); }
.urf-choice__opts input:focus-visible + label { outline: 2px solid var(--accent, #f58220); outline-offset: 2px; }

.urf-pick { border: 0; padding: 0; margin: 0 0 1rem; }
.urf-pick legend { font-weight: 700; padding: 0; margin-bottom: .3rem; }
.urf-pick__help { display: block; font-weight: 400; color: var(--muted, #5a6475); font-size: .85rem; }
.urf-pick__stars { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: .1rem; }
.urf-pick__stars input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.urf-pick__stars label { font-size: 1.9rem; line-height: 1; color: #cbd5e1; cursor: pointer; padding: 0 .06em; }
.urf-pick__stars input:checked ~ label,
.urf-pick__stars label:hover, .urf-pick__stars label:hover ~ label { color: var(--accent, #f58220); }
.urf-pick__stars input:focus-visible + label { outline: 2px solid var(--primary, #1d4ed8); outline-offset: 2px; }

.urf-money { border: 1px solid var(--accent, #f58220); border-radius: var(--radius-sm, 10px);
	padding: 1rem; margin: 0 0 1.2rem; background: #fffaf5; }
.urf-money h3 { font-family: var(--display, inherit); font-weight: 900; text-transform: uppercase;
	font-size: 1.15rem; margin: 0 0 .2rem; }
.urf-money__lead { color: var(--accent-text, #c2410c); font-size: .88rem; margin: 0 0 .9rem; }
.urf-money__input { display: flex; align-items: center; gap: .4rem; }
.urf-money__input input { max-width: 9rem; }
.urf-yesno h3 { font-family: var(--display, inherit); font-weight: 900; text-transform: uppercase;
	font-size: 1.15rem; margin: 0 0 .8rem; }

.urf-check { margin: 0 0 .9rem; }
.urf-check label { font-weight: 600; }
.urf-legal { color: var(--muted, #5a6475); font-size: .84rem; line-height: 1.55; margin: 1.6rem 0 0; }
.urf-empty, .urf-reviews__none, .urf-write__done, .urf-write__out, .urf-add__out {
	color: var(--muted, #5a6475); }

@media (max-width: 480px) {
	.urf-pick__stars label { font-size: 2.2rem; }
	.urf-choice__opts label { font-size: .86rem; padding: .5em .8em; }
	.urf-write__go, .urf-add__go, .urf-gps { width: 100%; justify-content: center; }
	.urf-review__photos img { width: 120px; height: 90px; }
}

/* Homepage block --------------------------------------------------------- */
/* Matches the white card the broker and company blocks sit in, so the three
   read as one family down the homepage. */
.urf-home { padding-top: 8px; }
/* Same inset as the broker and company wraps, so the three panels line up. */
.urf-home .urf-wrap { padding-block: 0; padding-inline: 16px; box-sizing: border-box; }
.urf-home__panel {
	background: var(--surface, #fff);
	border: 1px solid var(--line, #e3e7ed);
	border-radius: var(--radius, 18px);
	box-shadow: var(--shadow, 0 1px 2px rgba(11, 20, 36, .06), 0 8px 24px rgba(11, 20, 36, .06));
	padding: clamp(18px, 3vw, 28px);
}
.urf-home__head { display: flex; flex-wrap: wrap; align-items: baseline;
	justify-content: space-between; gap: 6px 16px; margin-bottom: 14px; }
.urf-home__head .section-title { margin: 0; }
.urf-home__stats { color: var(--muted, #5a6475); font-size: .9rem; margin: 0; font-weight: 700; }
.urf-home__empty { color: var(--muted, #5a6475); margin: 0 0 1rem; }
.urf-home__foot { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 1rem 0 0; }
/* White on white would vanish, so tint the cards inside the panel. */
.urf-home__panel .urf-list { margin-bottom: 0; }
.urf-home__panel .urf-card { background: #f8fafc; }
.urf-home__panel .urf-card:hover { background: var(--surface, #fff); }

/* Editing your own review ------------------------------------------------ */
.urf-write__again { background: var(--primary-soft, #eaf0fc); border: 1px solid #c7d7f5;
	border-radius: var(--radius-sm, 10px); padding: .8rem 1rem; margin: 0 0 1.2rem;
	color: var(--ink-2, #1f2a3d); font-size: .95rem; }
.urf-review__edited { color: var(--muted, #5a6475); font-size: .85rem; font-style: italic; }

.urf-keepshots { border: 1px solid var(--line, #e3e7ed); border-radius: var(--radius-sm, 10px);
	padding: .9rem 1rem; margin: 0 0 1rem; }
.urf-keepshots legend { font-weight: 700; padding: 0 .4rem; }
.urf-keepshots__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; }
.urf-keepshots__list li { margin: 0; }
.urf-keepshots__list label { display: grid; gap: .4rem; cursor: pointer; font-size: .85rem; }
.urf-keepshots__list img { display: block; width: 110px; height: 84px; object-fit: cover;
	border-radius: var(--radius-sm, 10px); border: 1px solid var(--line, #e3e7ed); }
.urf-keepshots__list span { display: flex; align-items: center; gap: .35rem; color: var(--ink-2, #1f2a3d); }
