.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-archived.form-item-archived {
    display: inline-block;
}

body {
    background: #e2eff5;
}

#views-exposed-form-shows-page-1 div#edit-actions--4 {
    display: inline-block;
    top: -3px;
    position: relative;
}

.form--inline #edit-actions {
    display: inline-block;
    position: relative;
    top: 19px;
    /*left: -58px;*/
}

.menu--account ul.menu {
    list-style: none;
    display: inline-block;
}

.menu--account ul.menu li {
    display: inline-block;
}

.menu--account ul.menu li:after {
    content: " | ";
    color: #e5eff5;
}
.menu--account ul.menu li a {
    color: #e5eff5;
}
nav.menu--account {
    float: right;
}

.block-system-branding-block {
    display: inline-block;
}
/* Page title styling - supports both claro (D11) and adminimal_theme (legacy) base themes */
body #block-claro-page-title h1.page-title,
body #block-adminimal-theme-page-title h1.page-title {
    color: #82aac7;
    padding-top: 12px;
}

/* menu css */

#edit-header {
    position: sticky;
    display: block;
    top: 60px;
    background: white;
    z-index: 1;
    padding: 1rem 0;
    padding-bottom: 0;
    border-bottom: 1px solid lightgray;
}

:root {
    /* Kept in sync with the VBO bulk-actions bar's live height by
       cpl_alter.js (0 when that bar isn't sticky/visible). */
    --vbo-bar-height: 0px;
}

/* NCDU-22 follow-up: the black VBO bulk-actions bar (Add New Activity /
   Clone / Delete / Restore / etc) and this export/reports bar both sit at
   the bottom of the viewport, and z-index ordering alone just decides
   which one covers the other's links/buttons -- it doesn't stop them
   overlapping. Push this bar up by the VBO bar's current height (tracked
   live in cpl_alter.js) so the two stack cleanly instead of overlapping,
   whatever the VBO bar's height happens to be. */
#block-cpl-cplactivitylistfootermenu {
    background-color: #e5eff5;
    position: fixed;
    bottom: calc(var(--vbo-bar-height, 0px) + 40px);
    left: 0;
    width: 100%;
    padding: 0 0 10px 40px;
    margin: 0;
    z-index: 999;
    display: flex;
    gap: 2rem;
    transition: bottom 0.15s ease-out;
}

/* Defensive fallback only: if the two bars ever transiently overlap
   (e.g. mid-animation before the height above is measured), make sure the
   bulk-actions bar's own buttons stay clickable rather than the reverse. */
.path-activity-list
    #vbo-action-form-wrapper.views-bulk-actions[data-drupal-sticky-vbo="true"] {
    z-index: 1000;
}

/* NCDU-40 (#3) / NCDU-22: the Export/Reports bar above is position:fixed at
   the viewport bottom, so without reserved space the last activity rows
   scroll behind it and their checkboxes/links can't be clicked. Reserve a
   fixed block of space below the results so the last rows can always scroll
   clear of the fixed bar. (Deliberately a fixed value, not tied to
   --vbo-bar-height, to avoid a feedback loop with the clearance script that
   would otherwise push the export bar up over the rows.)
   Was 160px, which undershot the real combined stack height -- the
   Export/Reports panel (~100px) + the 40px gap above the sticky
   bulk-actions bar + that bar's own height (~65-100px) totals ~200-240px,
   not 160px. That shortfall only became visible on shorter viewports (it's
   not width-specific -- any viewport short enough that the reserved space
   runs into real rows will show it), which is exactly the client's report
   of overlap at some window sizes but not others. Bumped to a safe
   worst-case value with headroom.) */
.path-activity-list .view-activity-from-activity-node {
    padding-bottom: 260px;
}

/* NCDU-40 (#3): stop the table's column-heading row from sticking and
   overlapping body rows (its select-all checkbox was covering row
   checkboxes, making them unclickable per QA). Let the header scroll with
   the table instead. */
.path-activity-list .view-activity-from-activity-node table thead {
    position: static;
}

ul.cpl_activity_menulist,
.cpl_activity_menulist li {
    list-style: none;
    margin-left: 0;
}

.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    li:first-child {
    margin-bottom: 0.75em;
}

#block-cpl-cplactivitylistfootermenu .export-options h4,
#block-cpl-cplactivitylistfootermenu .half h4 {
    border-bottom: 1px solid darkgray;
}

#block-cpl-cplactivitylistfootermenu .cpl_activity_menulist {
    display: flex;
    gap: 1.4rem;
    padding: 0;
}

#block-cpl-cplactivitylistfootermenu .cpl_activity_menulist li a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dialog-off-canvas-main-canvas {
    background: #e2eff5;
}
.page-content {
    padding-top: 40px;
}
.page-content .region.region-content {
    display: flex;
    gap: 2.8rem;
}

#block-cpl-content {
    background: white;
    padding: 1rem 2rem;
    border-radius: 6px;
    width: 100%;
}

body:not(.user-logged-in) #block-cpl-content {
    display: none;
}

body.path-user #block-cpl-content {
    display: block;
    background: unset;
}

body:not(.user-logged-in) .user-login-form input {
    width: 100%;
}

body.path-user .user-login-form input {
    width: unset;
}

.page-content .region.region-content #block-cpl-cplactivitylistleftmenu {
    width: 20%;
    min-width: 180px;
    flex-shrink: 0;
}

.path-activity-list .vbo-table thead {
    position: sticky;
    top: 132px;
    z-index: 1;
}

.page-content .region.region-content #block-cpl-cplactivitylistleftmenu li {
    list-style: none;
    margin-bottom: 0.75em;
}

.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    .activity_left_menu
    > li:first-child {
    margin-bottom: 2em;
}

.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    .activity_left_menu
    ul.cpl_activity_left_menulist.export_as,
.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    .half
    .cpl_activity_menulist {
    padding: 0;
    margin: 0;
}

.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    .activity_left_menu
    ul.cpl_activity_left_menulist.export_as
    label[for="include_attachment"] {
    display: inline-block;
}

.page-content .region.region-content #block-cpl-cplactivitylistleftmenu li a {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 14px;
}

.page-content
    .region.region-content
    #block-cpl-cplactivitylistleftmenu
    li
    a
    svg {
    width: 16px;
}

.page-content .region.region-content #block-cpl-cplactivitylistleftmenu h4 {
    border-bottom: 1px solid darkgray;
}

/* Form */

.activity-info-container {
    display: flex;
    gap: 2rem;
}

.activity-info-container #edit-field-activity-date-0 {
    border: unset;
}

.activity-info-container input,
.activity-info-container select {
    width: 100%;
}

.activity-info-half-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.activity-info-half-wrapper > div {
    width: 48%;
}

.activity-info-half-wrapper .form-item {
    margin: 0;
}

.activity-info-left-wrapper {
    flex: 1;
}

#edit-title-wrapper {
    /* width: calc(100% - 2rem); */
}

#edit-langcode-wrapper {
    display: none;
}

.activity-info-container div.autocomplete-deluxe-multiple {
    padding: unset;
    background: unset;
}

div.autocomplete-deluxe-container input.autocomplete-deluxe-form {
    min-height: 2.7em;
    padding-top: 0;
    padding-bottom: 0;
}

#edit-field-parent-0-target-id,
#edit-field-service-note-0-subform-field-legacy-id-0-value,
#edit-field-service-note-1-subform-field-legacy-id-0-value,
#edit-field-legacy-id-0-value,
#edit-field-room-set,
#edit-title-0-value,
#edit-field-seed-venue-0-value,
#edit-report-venue {
    width: 100%;
}

#edit-field-activity-date-0-value,
#edit-field-activity-date-0-end-value {
    display: flex;
    gap: 8px;
}

/*  */

.export-show-activities-left-form {
    border-right: 1px solid #dedede;
    margin-right: 80px;
    padding-right: 80px;
    float: left;
}

/* go to reports */

.form-composite > legend {
    float: left;
    top: 6px;
    position: relative;
    margin-right: 1rem;
}

.export-show-activities-time-period > div {
    display: flex;
    gap: 1rem;
}

#edit-report-format {
    display: flex;
    gap: 1rem;
}

#edit-report-pull-report {
    margin-left: unset;
}

.form--container {
    display: flex;
}

#edit-report-vendor-notes,
#edit-report-room {
    width: 100%;
}

/* NCDU-29: replaced the three separate Cancelled/Cloned/Active fieldsets
   (each an "- Any -" vs specific-status radio pair, previously laid out
   with the flexbox rules formerly here per NCDU-38) with a single
   "Status" fieldset containing one checkbox per status -- see
   cpl_alter_form_views_exposed_form_alter(). Claro's default fieldset
   styling (border/background/padding) turned this into a bulky bordered
   card that looked out of place wedged between Start Date and End Date in
   the exposed form's row -- strip that chrome so it reads as a plain
   inline label + checkboxes, matching the simple, unboxed look of every
   other exposed filter in this row (and the client's original mockup). */
#edit-cpl-status-filter {
    min-width: 0;
    border: none;
    background: transparent;
    padding: 0;
    box-shadow: none;
    /* Aligns the "Status" label with the other exposed filters' labels
       (Keyword Search, Start Date, End Date), which otherwise sit 16px
       lower than it. */
    margin-top: 16px;
    margin-right: 1.5rem;
}

/* "Status" label sits above the checkboxes, same as every other exposed
   filter's label sits above its input (Start Date, End Date, etc.) --
   not inline to their left. */
#edit-cpl-status-filter > legend {
    float: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

/* Claro's .fieldset__legend uses display:contents (it doesn't generate
   its own box, so margin/padding on the <legend> itself has no effect --
   the visible "Status" text is actually this inner span), which normally
   carries 16px of top+bottom padding meant for a padded card-style
   fieldset. That's what was pushing the checkboxes down far below the
   label; trim it to a small bottom gap only.

   It also inherits .fieldset__legend's distinct styling (gray text via
   --color-gray-800, no explicit font-size) instead of matching the other
   exposed filters' plain .form-item__label (Keyword Search, Start Date,
   etc: --color-text, --font-size-s, bold). Override those properties
   directly so "Status" reads identically to the other labels. */
#edit-cpl-status-filter .fieldset__label {
    padding: 0 0 0.25rem 0;
    /* Lines the label up above the first checkbox's square, rather than
       the fieldset's own left edge. */
    margin-left: 23px;
    color: var(--color-text);
    font-size: var(--font-size-s);
    font-weight: bold;
    line-height: var(--line-height-form-label);
}

#edit-cpl-status-filter .fieldset__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    /* Pull the checkboxes back up so they stay vertically centered next
       to the End Date text box, rather than shifting down along with the
       "Status" label's own +16px offset above. */
    margin-top: -12px;
    padding: 0;
}

/* Narrower free-text exposed filters (Keyword Search, Start Date, End
   Date) -- these don't need to be as wide as their default, and shrinking
   them leaves more breathing room for Status/Search alongside them. */
#edit-combine,
#edit-field-activity-date-value,
#edit-field-activity-date-end-value {
    width: 200px;
}

/* Push the Search button further to the right */
.form--inline #edit-actions {
    margin-left: 2rem;
}

.form--inline .form-item {
    margin-right: 1rem;
}

/* add-new-show */

#edit-clone-previous-show {
    display: flex;
    gap: 1rem;
    align-items: center;
}

body.path-add-new-show .page-content .region.region-content,
body.page-node-type-show .page-content .region.region-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

body.path-add-new-show .page-content .region.region-content .js-form-submit {
    margin-left: 0;
}

/* body.path-add-new-show #block-cpl-content {
  max-width: 800px;
} */

body.path-add-new-show .js-form-item-venue {
    margin-bottom: 1.4rem;
}

.add-new-show-add-new-show-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.add-new-show-add-new-show-form .form-item,
.add-new-show-add-new-show-form .clone-wrapper {
    width: 48%;
}

.add-new-show-add-new-show-form .form-item-clone-previous-show {
    width: auto;
}

.add-new-show-add-new-show-form #edit-submit-button,
.add-new-show-add-new-show-form #edit-reset {
    align-self: center;
}

.node-event-edit-form select#edit-field-service-note-0-subform-field-type {
    pointer-events: none;
    opacity: 0.7;
}

/* Allow anonymous users to access the GA URL Builder page */
body:not(.user-logged-in).path-google-analytics-url-builder-html
    #block-cpl-content {
    display: block;
}