/* v2 styles: custom forms (owner W2-S2-A). The page <style> blocks stay as they are; these rules override their old-look colours under .dp-v2. */

/* energy_form.html, energy_form_legacy.html: certificate fields when hidden */
.dp-v2 .cert-fields.hidden {
    background: var(--dp-muted);
}

/* energy_form_legacy.html: open accordion header and focus ring. Scoped to that page's four accordions;
   every other accordion keeps the theme's neutral look (styles/dp-v2/_layout.scss). */
.dp-v2 #electricityAccordion .accordion-button:not(.collapsed),
.dp-v2 #renewableAccordion .accordion-button:not(.collapsed),
.dp-v2 #renewableFuelAccordion .accordion-button:not(.collapsed),
.dp-v2 #fossilAccordion .accordion-button:not(.collapsed) {
    background-color: var(--dp-growth-tint);
    color: var(--dp-growth);
}

.dp-v2 #electricityAccordion .accordion-button:focus,
.dp-v2 #renewableAccordion .accordion-button:focus,
.dp-v2 #renewableFuelAccordion .accordion-button:focus,
.dp-v2 #fossilAccordion .accordion-button:focus {
    border-color: var(--dp-ring);
}

/* Tom Select (base.html loads its CDN CSS and static/css/styles.css before this file). styles.css:209-263
   sets a 40px control, 16px text, 6px radius, #fff and a .2rem focus ring at the same specificity as the
   theme's rules. :where(.dp-v2) adds no specificity, so these rules tie with styles.css and win by order.
   Page-specific v2 rules (forms-jhr.css, analytics.css) keep priority. */
:where(.dp-v2) .ts-wrapper.single .ts-control,
:where(.dp-v2) .ts-wrapper.multi .ts-control {
    min-height: 2rem;
    padding: .3125rem .625rem;
    border: 1px solid var(--dp-input-border);
    border-radius: var(--dp-radius-ctl);
    background-color: var(--dp-card);
    color: var(--dp-fg);
    box-shadow: none;
    font-size: var(--dp-font-size);
}

/* Keep room for the caret (styles.css::after, right .75rem) on single selects. */
:where(.dp-v2) .ts-wrapper.single .ts-control {
    padding-right: 2rem;
}

:where(.dp-v2) .ts-wrapper.single .ts-control .item {
    line-height: 1.5;
}

:where(.dp-v2) .ts-control input::placeholder,
:where(.dp-v2) .ts-control .placeholder {
    color: var(--dp-muted-fg);
}

:where(.dp-v2) .ts-wrapper.single.input-active .ts-control {
    border-color: var(--dp-ring);
    box-shadow: 0 0 0 2px var(--dp-ring);
}

/* location_details_form.html: activity cards and water cards */
.dp-v2 .activity-card,
.dp-v2 .water-card {
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius);
    background: var(--dp-card);
}

.dp-v2 .activity-card:hover,
.dp-v2 .water-card:hover {
    border-color: var(--bs-primary);
    background: var(--dp-accent);
}

.dp-v2 .activity-card.selected,
.dp-v2 .water-card.selected {
    border-color: var(--bs-primary);
    background: var(--dp-accent);
    box-shadow: 0 0 0 2px rgba(var(--dp-primary-rgb), .25);
}

.dp-v2 .activity-card-desc {
    color: var(--dp-muted-fg);
}