/* AdMindra Reviews. Themes override the custom properties below. */
:root {
	--admr-accent: #111111;
	--admr-empty: #dededb;
	--admr-text: inherit;
	--admr-muted: #5c5c57;
	--admr-line: #e4e4de;
	--admr-surface: #f7f7f3;
	--admr-button: #111111;
	--admr-button-text: #ffffff;
	--admr-radius: 14px;
}

/* Stars */
.admr-stars { display: inline-flex; gap: calc(var(--admr-size, 20px) * .14); vertical-align: middle; line-height: 0; }
.admr-star {
	width: var(--admr-size, 20px); height: var(--admr-size, 20px); flex: none;
	border-radius: 30%;
	background: linear-gradient(90deg, var(--admr-accent) 0 var(--admr-fill), var(--admr-empty) var(--admr-fill) 100%);
	display: inline-flex; align-items: center; justify-content: center;
}
.admr-star svg { width: 72%; height: 72%; fill: #fff; stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; }
@media (forced-colors: active) {
	.admr-star { forced-color-adjust: none; border: 1px solid CanvasText; }
}

.admr-rating-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .95em; }
.admr-rating-line__avg { font-weight: 700; }
.admr-rating-line__count { color: inherit; }

/* Section */
.admr { margin: 2rem 0; color: var(--admr-text); }
.admr__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
@media (min-width: 900px) { .admr__layout { grid-template-columns: 340px minmax(0, 1fr); gap: 3.5rem; } }
.admr__summary { display: flex; flex-direction: column; gap: 1.25rem; align-self: start; }
.admr__heading { margin: 0; font-size: 1.6em; line-height: 1.15; }
.admr__subheading { margin: 0 0 .75rem; font-size: 1.1em; }
.admr__score { display: flex; align-items: center; gap: 1rem; }
.admr__avg { font-size: 3.2em; font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.admr__score-meta { display: flex; flex-direction: column; gap: .4rem; }
.admr__count { font-size: .9em; color: var(--admr-muted); }

.admr__dist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .35rem; }
.admr__dist-row { display: grid; grid-template-columns: 5.5em minmax(0, 1fr) 3em; align-items: center; gap: .75rem; min-height: 32px; color: inherit; text-decoration: none; font-size: .9em; border-radius: 8px; }
a.admr__dist-row:hover .admr__dist-label, .admr__dist-row.is-active .admr__dist-label { text-decoration: underline; }
.admr__dist-row.is-empty { color: var(--admr-muted); }
.admr__bar { height: 10px; border-radius: 6px; background: var(--admr-line); overflow: hidden; display: block; }
.admr__bar span { display: block; height: 100%; background: var(--admr-accent); border-radius: 6px; }
.admr__dist-pct { text-align: right; color: var(--admr-muted); }

.admr__ai { background: var(--admr-surface); border-radius: var(--admr-radius); padding: 1rem 1.1rem; }
.admr__ai p { margin: 0; }
.admr__ai-label { font-weight: 700; font-size: .85em; margin-bottom: .35rem !important; }

.admr__button {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.4rem;
	border-radius: var(--admr-radius); border: 1px solid var(--admr-button);
	background: var(--admr-button); color: var(--admr-button-text); font-weight: 700; text-decoration: none; cursor: pointer; font: inherit; font-weight: 700;
}
.admr__button:hover { opacity: .9; color: var(--admr-button-text); }
.admr__button--ghost { background: transparent; color: var(--admr-button); }
.admr__button--ghost:hover { color: var(--admr-button); background: var(--admr-surface); }
.admr__policy { margin: 0; font-size: .85em; color: var(--admr-muted); }
.admr__empty { color: var(--admr-muted); }

.admr__photo-strip { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .6rem; }
.admr__photo { display: block; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: var(--admr-surface); }
.admr__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.admr__filters { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--admr-line); }
.admr__chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border-radius: 999px; border: 1px solid var(--admr-line); color: inherit; text-decoration: none; font-size: .9em; font-weight: 600; }
.admr__chip:hover { border-color: currentColor; }
.admr__chip.is-active { background: var(--admr-button); border-color: var(--admr-button); color: var(--admr-button-text); }
.admr__sort { margin-left: auto; }
.admr__sort label { display: flex; align-items: center; gap: .5rem; font-size: .9em; color: var(--admr-muted); }
.admr__sort select { min-height: 40px; border-radius: 10px; }

.admr__list { list-style: none; margin: 0; padding: 0; }
.admr__pages { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
.admr__page-of { color: var(--admr-muted); font-size: .9em; }

/* Card */
.admr-card { display: flex; flex-direction: column; gap: .7rem; padding: 1.4rem 0; border-bottom: 1px solid var(--admr-line); }
.admr-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.admr-card__date { font-size: .85em; color: var(--admr-muted); }
.admr-card__title { margin: 0; font-size: 1.05em; }
.admr-card__text { max-width: 68ch; line-height: 1.6; }
.admr-card__text p { margin: 0 0 .6em; }
.admr-card__text p:last-child { margin-bottom: 0; }
.admr-card__media { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.admr-card__media a { display: block; width: 76px; height: 76px; border-radius: 12px; overflow: hidden; background: var(--admr-surface); }
.admr-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.admr-card__foot { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; font-size: .85em; color: var(--admr-muted); }
.admr-card__name { font-weight: 700; color: var(--admr-text); }
.admr-card__verified { display: inline-flex; align-items: center; gap: .3rem; font-weight: 600; color: var(--admr-text); }
.admr-card__verified svg { width: 15px; height: 15px; }
.admr-card__verified circle { fill: var(--admr-accent); }
.admr-card__verified path { fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.admr-card__product { color: inherit; }
.admr-card__helpful { margin-left: auto; min-height: 36px; padding: 0 .8rem; border-radius: 10px; border: 1px solid var(--admr-line); background: transparent; color: inherit; font: inherit; cursor: pointer; }
.admr-card__helpful[aria-pressed="true"] { border-color: currentColor; font-weight: 700; }
.admr-card__reply { margin-left: 1.5rem; padding: .9rem 1rem; background: var(--admr-surface); border-radius: 12px; font-size: .95em; }
.admr-card__reply p { margin: 0 0 .4em; }
.admr-card__reply-from { font-weight: 700; font-size: .9em; }

.admr__lightbox { border: 0; padding: 0; border-radius: 16px; max-width: min(92vw, 1100px); background: #000; }
.admr__lightbox::backdrop { background: rgba(0, 0, 0, .75); }
.admr__lightbox img { display: block; max-width: 100%; max-height: 86vh; }
.admr__lightbox-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .9); font-size: 26px; line-height: 1; cursor: pointer; }

/* Form */
.admr-form { max-width: 560px; display: flex; flex-direction: column; gap: 1.25rem; }
.admr-form__product { display: flex; align-items: center; gap: .9rem; }
.admr-form__product img { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; }
.admr-form__product-name { font-weight: 700; font-size: 1.1em; }
.admr-form__meta { font-size: .85em; color: var(--admr-muted); }
.admr-form fieldset { border: 0; margin: 0; padding: 0; }
.admr-form legend { font-size: 1.4em; font-weight: 800; padding: 0; margin-bottom: .6rem; }
.admr-pick { display: flex; gap: .5rem; }
.admr-pick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.admr-pick label { width: 52px; height: 52px; border-radius: 16px; background: var(--admr-empty); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.admr-pick label svg { width: 64%; height: 64%; fill: #fff; stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; }
.admr-pick label.is-on { background: var(--admr-accent); }
.admr-pick input:focus-visible + label { outline: 3px solid var(--admr-accent); outline-offset: 3px; }
.admr-pick__word { font-weight: 700; margin-top: .5rem; min-height: 1.4em; }
.admr-form label.admr-field { display: flex; flex-direction: column; gap: .35rem; font-weight: 600; font-size: .95em; }
.admr-form input[type="text"], .admr-form input[type="email"], .admr-form textarea {
	width: 100%; box-sizing: border-box; padding: .75rem .9rem; border: 1px solid #cfcfc8; border-radius: var(--admr-radius); font: inherit; font-weight: 400; font-size: 16px; background: #fff;
}
.admr-form textarea { min-height: 8rem; resize: vertical; }
.admr-form__hint { font-size: .8em; color: var(--admr-muted); font-weight: 400; }
.admr-upload { display: flex; flex-wrap: wrap; gap: .5rem; }
.admr-upload__add { width: 76px; height: 76px; box-sizing: border-box; border: 1.5px dashed #9a9a93; border-radius: 14px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: .75em; font-weight: 600; cursor: pointer; }
.admr-upload__add input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.admr-upload__thumb { position: relative; width: 76px; height: 76px; border-radius: 14px; overflow: hidden; background: var(--admr-surface); }
.admr-upload__thumb img { width: 100%; height: 100%; object-fit: cover; }
.admr-upload__thumb button { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .65); color: #fff; cursor: pointer; }
.admr-hp { position: absolute !important; left: -9999px !important; }
.admr-notice { padding: 1rem 1.1rem; border-radius: var(--admr-radius); background: var(--admr-surface); }
.admr-notice--error { background: #fdecea; color: #7a1c12; }