/*
 * Scottish Labour Party (SLP) Colors — Custom Additional CSS
 *
 * These styles are NOT compiled from SCSS. They are enqueued conditionally
 * in inc/wp-admin.php when LABOUR_REGION === 'scotland'.
 *
 * The corresponding editor swatches are registered conditionally in
 * lib/color-palette.php (only when LABOUR_REGION === 'scotland').
 */

/* Variable definitions */
.has-slp-light-pink-background-color, .theme-slp-light-pink { --bg: #eb5a81; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-purple-background-color, .theme-slp-purple { --bg: #7668ac; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-orange-background-color, .theme-slp-orange { --bg: #ea542f; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-green-background-color, .theme-slp-green { --bg: #54b366; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-amber-background-color, .theme-slp-amber { --bg: #f59e00; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-dark-red-background-color, .theme-slp-dark-red { --bg: #d22518; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-lime-background-color, .theme-slp-lime { --bg: #86bc25; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-dark-purple-background-color, .theme-slp-dark-purple { --bg: #481459; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-light-blue-background-color, .theme-slp-light-blue { --bg: #63bedd; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }
.has-slp-grey-background-color, .theme-slp-grey { --bg: #9d9d9c; --text-color: #FFFFFF; --heading-color: #FFFFFF; --accent-color: #FFFFFF; --border-color: #FFFFFF; }

/* Apply background + text color from variables */
.has-slp-light-pink-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-purple-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-orange-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-green-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-amber-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-dark-red-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-lime-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-dark-purple-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-light-blue-background-color { background-color: var(--bg); color: var(--text-color); }
.has-slp-grey-background-color { background-color: var(--bg); color: var(--text-color); }

/* Text color classes */
.has-slp-light-pink-color { color: #eb5a81 !important; }
.has-slp-purple-color { color: #7668ac !important; }
.has-slp-orange-color { color: #ea542f !important; }
.has-slp-green-color { color: #54b366 !important; }
.has-slp-amber-color { color: #f59e00 !important; }
.has-slp-dark-red-color { color: #d22518 !important; }
.has-slp-lime-color { color: #86bc25 !important; }
.has-slp-dark-purple-color { color: #481459 !important; }
.has-slp-light-blue-color { color: #63bedd !important; }
.has-slp-grey-color { color: #9d9d9c !important; }

/* Adjacent same-color sections: remove double padding */
.has-slp-light-pink-background-color:not([class*=hero]) + .has-slp-light-pink-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-purple-background-color:not([class*=hero]) + .has-slp-purple-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-orange-background-color:not([class*=hero]) + .has-slp-orange-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-green-background-color:not([class*=hero]) + .has-slp-green-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-amber-background-color:not([class*=hero]) + .has-slp-amber-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-dark-red-background-color:not([class*=hero]) + .has-slp-dark-red-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-lime-background-color:not([class*=hero]) + .has-slp-lime-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-dark-purple-background-color:not([class*=hero]) + .has-slp-dark-purple-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-light-blue-background-color:not([class*=hero]) + .has-slp-light-blue-background-color:not([class*=hero]) { padding-top: 0; }
.has-slp-grey-background-color:not([class*=hero]) + .has-slp-grey-background-color:not([class*=hero]) { padding-top: 0; }

/* Form element overrides for dark backgrounds */
.has-slp-light-pink-background-color .bg-light, .has-slp-light-pink-background-color .form-control, .has-slp-light-pink-background-color .form-select,
.has-slp-purple-background-color .bg-light, .has-slp-purple-background-color .form-control, .has-slp-purple-background-color .form-select,
.has-slp-orange-background-color .bg-light, .has-slp-orange-background-color .form-control, .has-slp-orange-background-color .form-select,
.has-slp-green-background-color .bg-light, .has-slp-green-background-color .form-control, .has-slp-green-background-color .form-select,
.has-slp-amber-background-color .bg-light, .has-slp-amber-background-color .form-control, .has-slp-amber-background-color .form-select,
.has-slp-dark-red-background-color .bg-light, .has-slp-dark-red-background-color .form-control, .has-slp-dark-red-background-color .form-select,
.has-slp-lime-background-color .bg-light, .has-slp-lime-background-color .form-control, .has-slp-lime-background-color .form-select,
.has-slp-dark-purple-background-color .bg-light, .has-slp-dark-purple-background-color .form-control, .has-slp-dark-purple-background-color .form-select,
.has-slp-light-blue-background-color .bg-light, .has-slp-light-blue-background-color .form-control, .has-slp-light-blue-background-color .form-select,
.has-slp-grey-background-color .bg-light, .has-slp-grey-background-color .form-control, .has-slp-grey-background-color .form-select {
  background-color: #fff !important;
  border-color: #dadada !important;
}

.has-slp-light-pink-background-color .form-label, .has-slp-light-pink-background-color .form-check-label, .has-slp-light-pink-background-color .text-body-secondary,
.has-slp-purple-background-color .form-label, .has-slp-purple-background-color .form-check-label, .has-slp-purple-background-color .text-body-secondary,
.has-slp-orange-background-color .form-label, .has-slp-orange-background-color .form-check-label, .has-slp-orange-background-color .text-body-secondary,
.has-slp-green-background-color .form-label, .has-slp-green-background-color .form-check-label, .has-slp-green-background-color .text-body-secondary,
.has-slp-amber-background-color .form-label, .has-slp-amber-background-color .form-check-label, .has-slp-amber-background-color .text-body-secondary,
.has-slp-dark-red-background-color .form-label, .has-slp-dark-red-background-color .form-check-label, .has-slp-dark-red-background-color .text-body-secondary,
.has-slp-lime-background-color .form-label, .has-slp-lime-background-color .form-check-label, .has-slp-lime-background-color .text-body-secondary,
.has-slp-dark-purple-background-color .form-label, .has-slp-dark-purple-background-color .form-check-label, .has-slp-dark-purple-background-color .text-body-secondary,
.has-slp-light-blue-background-color .form-label, .has-slp-light-blue-background-color .form-check-label, .has-slp-light-blue-background-color .text-body-secondary,
.has-slp-grey-background-color .form-label, .has-slp-grey-background-color .form-check-label, .has-slp-grey-background-color .text-body-secondary {
  color: #fff !important;
}

.has-slp-light-pink-background-color .accordion .accordion-button:after,
.has-slp-purple-background-color .accordion .accordion-button:after,
.has-slp-orange-background-color .accordion .accordion-button:after,
.has-slp-green-background-color .accordion .accordion-button:after,
.has-slp-amber-background-color .accordion .accordion-button:after,
.has-slp-dark-red-background-color .accordion .accordion-button:after,
.has-slp-lime-background-color .accordion .accordion-button:after,
.has-slp-dark-purple-background-color .accordion .accordion-button:after,
.has-slp-light-blue-background-color .accordion .accordion-button:after,
.has-slp-grey-background-color .accordion .accordion-button:after {
  filter: brightness(0) invert(1);
}