/**
 * Katacart Theme - Claro Color Overrides
 *
 * This file overrides only colors from Claro admin theme
 * while keeping all of Claro's layout, spacing, and component structure.
 *
 * Katacart Brand Colors:
 * - Forest Green: #002823 (primary)
 * - Coral: #fa5046 (accent)
 * - Aqua: #82dcb4 (secondary)
 * - Mustard: #d7a000 (warning)
 */

:root {
  --white: #fff;
  /* Brand Colors - Forest Green Only */
  --forest-green-100: #002823;
  --forest-green-90: #19463C;
  --forest-green-80: #325A50;
  --forest-green-70: #4B6E64;

  /* Neutrals */
  --white: #FFFFFF;
  --off-white-50: #FAF5EB;
  --off-white-70: #EEE6D5;
  --off-white-100: #CFC9BC;
  /* Override Claro's primary blue with Katacart Coral (Primary/Accent) */
  --color-absolutezero: #fa5046;
  --color-absolutezero-hover: #d42e25;
  --color-absolutezero-active: #e15850;

  /* Override Claro's accent colors with Katacart Coral */
  --color-bgblue-hover: #fa504610;
  --color-bgblue-active: #fa504620;

  /* Primary button colors - Coral (Accent) per design system */
  --button-bg-color: #fa5046;
  --button-hover-bg-color: #d42e25;
  --button-active-bg-color: #e15850;

  /* Links - Coral accent */
  --color-link: #fa5046;
  --color-link-hover: #d42e25;
  --color-link-active: #e15850;

  /* Focus/Active states - Aqua */
  --color-focus: #82dcb4;
  --color-focus-border: #82dcb4;

  /* Success states - Aqua */
  --color-success: #82dcb4;
  --color-success-bg: #e1f5eb;
  --color-success-border: #a0e6c8;

  /* Warning states - Mustard */
  --color-warning: #d7a000;
  --color-warning-bg: #fbf2d6;
  --color-warning-border: #e1b432;

  /* Error states - Coral */
  --color-error: #d42e25;
  --color-error-bg: #ffe8e8;
  --color-error-border: #fa5046;

  /* Tabs - Forest Green active, Aqua hover */
  --color-tabs-active: #002823;
  --color-tabs-hover: #82dcb420;

  /* Form elements */
  --color-input-border: #cfc9bc;
  --color-input-border-hover: #82dcb4;
  --color-input-border-focus: #002823;

  /* Checkboxes and radios - Forest Green */
  --color-checkbox-checked: #002823;
  --color-checkbox-hover: #19463c;

  /* Tables */
  --color-table-header-bg: #faf5eb;
  --color-table-border: #eee6d5;
  --color-table-row-hover: #e1f5eb;

  /* Dropbuttons */
  --color-dropbutton-bg: #002823;
  --color-dropbutton-hover: #19463c;

  /* Progress bars - Aqua */
  --color-progress-bar: #82dcb4;
  --color-progress-bar-bg: #e1f5eb;

  --link-color: #0000ff;
}

/* Primary buttons - Coral (Accent) per design system */
.button--primary,
input.button--primary[type="submit"] {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
  color: var(--white);
}

.button--primary:hover,
input.button--primary[type="submit"]:hover {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
}

.button--primary:active,
input.button--primary[type="submit"]:active {
  background-color: #e15850;
  border-color: #e15850;
}

/* Secondary buttons - Forest Green per design system */
.button--secondary {
  background-color: #002823;
  border-color: #002823;
  color: var(--white);
}

.button--secondary:hover {
  background-color: #19463c;
  border-color: #19463c;
  color: var(--white);
}

.button--secondary:active {
  background-color: #325a50;
  border-color: #325a50;
}

/* Danger buttons - keep Coral */
.button--danger {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
  color: var(--white);
}

.button--danger:hover {
  background-color: #ba0b0b;
  border-color: #ba0b0b;
}

/* Links - Coral accent */
a {
  color: var(--forest-green-100);
}

a:hover {
  color: var(--forest-green-100);
}

a:active,
a:focus {
  color: #e15850;
}

/* Tabs - Coral active, light hover */
.tabs__link {
  border-color: transparent;
}

.tabs__link:hover {
  background-color: #fa504610;
  border-color: var(--forest-green-100);
}

.tabs__link.is-active {
  background-color: var(--white);
  border-color: var(--forest-green-100);
  border-bottom-color: var(--white);
  color: var(--forest-green-100);
}

/* Vertical tabs */
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-link {
  background-color: var(--white);
  border-left-color: var(--forest-green-100);
  color: var(--forest-green-100);
}

.vertical-tabs__menu-item-link:hover {
  background-color: #fa504610;
}

/* Form elements */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {
  border-color: #4b6e64;
  box-shadow: 0 0 0 2px #82dcb440;
  outline: 2px solid #82dcb4;
  outline-offset: 0;
}

/* Checkboxes - Coral accent */
input[type="checkbox"]:checked {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
}

input[type="checkbox"]:checked:hover,
input[type="checkbox"]:checked:focus {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
}

/* Radio buttons - Coral accent */
input[type="radio"]:checked {
  border-color: var(--forest-green-100);
}

input[type="radio"]:checked::after {
  background-color: var(--forest-green-100);
}

/* Progress bars - Aqua */
.progress__bar {
  background-color: #82dcb4;
  border-color: #82dcb4;
}

.progress {
  background-color: #e1f5eb;
  border-color: #cfc9bc;
}

/* Messages */
.messages--status {
  background-color: #e1f5eb;
  border-left-color: #82dcb4;
  color: #002823;
}

.messages--warning {
  background-color: #fbf2d6;
  border-left-color: #d7a000;
  color: #4b6e64;
}

.messages--error {
  background-color: #ffe8e8;
  border-left-color: var(--forest-green-100);
  color: #ba0b0b;
}

/* Dropbuttons - Coral accent */
.dropbutton-widget .dropbutton-action>* {
  background-color: var(--forest-green-100);
  color: var(--white);
}

.dropbutton-widget .dropbutton-action>*:hover {
  background-color: var(--forest-green-100);
}

/* Tables */
.sticky-header {
  background-color: #faf5eb;
}

table thead th {
  background-color: #faf5eb;
  border-color: #eee6d5;
}

/* Reduce table cell height */
table td,
table th {
  padding: 8px 12px;
  line-height: 1.4;
}

table tbody td {
  height: auto;
  vertical-align: middle;
}

table tr:hover {
  background-color: #e1f5eb !important;
}

/* Details/Summary - Coral accents */
details>summary {
  color: var(--forest-green-100);
}

details[open]>summary {
  background-color: #fa504610;
  color: var(--forest-green-100);
}

/* Toolbar - Forest Green background, Coral active */
.toolbar .toolbar-bar {
  background-color: #002823;
}

.toolbar .toolbar-tab>.toolbar-item {
  color: var(--white);
}

.toolbar .toolbar-tab>.toolbar-item:hover {
  background-color: #19463c;
}

.toolbar .toolbar-tab>.toolbar-item.is-active {
  background-color: var(--forest-green-100);
  color: var(--white);
}

/* Local actions - Coral accent */
.button-action {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
  color: var(--white);
}

.button-action:hover {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
}

/* Contextual links - Coral accent */
.contextual .trigger {
  background-color: var(--forest-green-100);
  color: var(--white);
}

.contextual .trigger:hover {
  background-color: var(--forest-green-100);
}

.contextual .contextual-links a {
  color: var(--forest-green-100);
}

.contextual .contextual-links a:hover {
  background-color: #fa504610;
  color: var(--forest-green-100);
}

/* Breadcrumbs - Coral links */
.breadcrumb a {
  color: var(--forest-green-100);
}

.breadcrumb a:hover {
  color: var(--forest-green-100);
}

/* Pagination - Coral active */
.pager__item.is-active {
  background-color: var(--forest-green-100);
  color: var(--white);
}

.pager__item a:hover {
  background-color: #fa504610;
  color: var(--forest-green-100);
}

/* Node edit page - ensure proper spacing */
.layout-node-form .form-actions {
  background-color: #faf5eb;
  border-top-color: #eee6d5;
}

/* Layout Builder specific - Coral primary buttons */
.layout-builder__link {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
  color: var(--white);
}

.layout-builder__link:hover {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
}

.layout-builder__link--add {
  background-color: #82dcb4;
  border-color: #82dcb4;
  color: #002823;
}

.layout-builder__link--add:hover {
  background-color: #a0e6c8;
  border-color: #a0e6c8;
}

/* Ensure admin pages look clean */
body.path-admin {
  background-color: var(--background-surface, #faf5eb);
}

.region-content {
  background-color: var(--background-surface, #faf5eb);
}

.pager__item a,
.pager__item--action a span {
  border: 1px solid var(--forest-green-100) !important;
}

.pager__item--action a {
  border: 0 !important;
}

.pager .pager__item--action a span {
  padding: 0 20px !important;

}

.pager__item a,
.pager__item span {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;

  justify-content: center;
}

.pager__link.is-active,
.pager__item--current {
  background-color: var(--forest-green-100) !important;
}

.pager__item--first .pager__link::before,
.pager__item--previous .pager__link::before,
.pager__item--next .pager__link::after,
.pager__item--last .pager__link::after {
  display: none !important;
}

.pager__item a:hover,
.pager__item a:hover span {
  color: var(--forest-green-100) !important;
  background-color: transparent !important;
}

.pager {
  margin: 0 !important;
  padding: 0 !important;
}

.pager__items {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.views-bulk-actions {
  justify-content: end;
}

#block-katacart-theme-primary-local-tasks .tabs-wrapper ul {
  background-color: transparent !important;
  border-bottom: 1px solid #c4c1c1;
}

#block-katacart-theme-primary-local-tasks .tabs-wrapper {
  background-color: transparent;
  padding: 0;
  margin: 0 0 10px;
  border: 0;
}

.sortable-heading.is-active>a::before {
  border-bottom: 3px solid var(--forest-green-100);
}

.sortable-heading>a::before {
  left: 0;
}

.views-bulk-actions {
  background-color: var(--forest-green-70);
}

.views-bulk-actions__item .button--primary:not(:disabled, .is-disabled) {
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
  border: 1px solid var(--forest-green-100) !important;
}

.region-content {
  padding: 1.5rem;
  max-width: 1600px;
  margin: 0 auto;
}

.is-horizontal .tabs__link:hover {
  color: var(--forest-green-100) !important;
}

/* ============================================
   3. FILTER FORM - COMPACT
   ============================================ */

.view-filters .form-item {
  margin-bottom: 0;
}

.view-filters label {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: var(--forest-green-100);
  margin-bottom: 0.375rem;
}

.view-filters input[type="text"],
.view-filters select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 0.875rem !important;
  border: 1px solid var(--off-white-100);
  border-radius: 6px;
  font-size: 15px;
  color: var(--forest-green-100);
  background-color: var(--white);
  transition: border-color 0.2s ease;
  box-sizing: border-box !important;
  line-height: 1 !important;
  vertical-align: middle;
}

.view-filters input[type="text"]:focus,
.view-filters select:focus {
  outline: none;
  border-color: var(--forest-green-100);
  box-shadow: 0 0 0 2px rgba(0, 40, 35, 0.1);
}

.view-filters input[type="text"]::placeholder {
  color: var(--forest-green-70);
}

/* Filter/Reset buttons */
.view-filters .form-actions {
  display: flex;
  gap: 0.625rem;
  margin-top: 28px !important;
}

.view-filters input[type="submit"] {
  height: 40px;
  padding: 0 1.5rem;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
  line-height: normal;
}

/* Filter button - Forest Green */
.view-filters input[name="op"][value="Filter"],
.view-filters input[type="submit"]:first-of-type {
  background-color: var(--forest-green-100);
  color: var(--white);
  margin-right: 0 !important;
}

.view-filters input[name="op"][value="Filter"]:hover {
  background-color: var(--forest-green-90);
}

/* Reset button - White with Forest Green border */
.view-filters input[name="op"][value="Reset"],
.view-filters input[type="submit"]:last-of-type {
  background-color: var(--white);
  color: var(--forest-green-100);
  border: 1px solid var(--forest-green-100);
  padding: 0 calc(1.5rem - 2px);
}

.view-filters input[name="op"][value="Reset"]:hover {
  background-color: var(--off-white-50);
}


.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove top offset from sticky table headers */
table.sticky-header thead {
  top: 0 !important;
}

table.sticky-header tbody td,
.node-revision-table tr td,
.node-revision-table tr th,
.taxonomy-overview-terms tr td,
.taxonomy-overview-terms tr th,
#menu-overview tr th,
#menu-overview tr td,
.metatag-tables tr th,
.metatag-tables tr td,
.user-admin-roles-form tr th,
.taxonomy-overview-vocabularies tr th,
.taxonomy-overview-vocabularies tr td,
.main-content-wrapper tr th{
  height: 0 !important;
  padding: 5px !important;
}
.user-admin-roles-form tr td,
.main-content-wrapper tr td  {
  padding: 10px 5px!important;
  height: 0 !important;
}

.main-content-wrapper td td li {
  margin-bottom: 0 !important;
}

.views-form__bulk-operations-row:has(.dropbutton-wrapper.dropbutton-multiple.open),
.node-revision-table tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.taxonomy-overview-terms tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
#menu-overview tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.metatag-tables tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.user-admin-roles-form tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.taxonomy-overview-vocabularies tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.main-content-wrapper tr:has(.dropbutton-wrapper.dropbutton-multiple.open){
  position: relative;
  z-index: 9;
}

.dropbutton-wrapper.dropbutton-multiple ul li:not(:first-child).dropbutton__item.dropbutton-action {
  display: none !important;
}

.dropbutton-wrapper.dropbutton-multiple .dropbutton-widget ul,
.translation-table .dropbutton-widget ul,
.view-form-admin-people .dropbutton-widget ul.dropbutton--single{
  padding-left: 0 !important;
  background-color: var(--white);
}

.view-form-admin-people  .dropbutton--extrasmall .dropbutton__item:first-of-type > * {
  border-radius: 6px !important;
}

.dropbutton-wrapper.dropbutton-multiple.open ul li:not(:first-child).dropbutton__item.dropbutton-action {
  display: block !important;
}

.views-field-operations,
.node-revision-table tr td,
.taxonomy-overview-terms td,
#menu-overview td,
.metatag-tables td,
.user-admin-roles-form  td,
.taxonomy-overview-vocabularies td,
.main-content-wrapper td {
  position: relative;
}

.dropbutton-wrapper.dropbutton-multiple {
  position: absolute;
  left: 5px !important;
  top: 50%;
  transform: translateY(-50%);
}

.views-exposed-form.views-exposed-form {
  margin: 0 !important;
  padding: 1rem !important;
  border: 0 !important;
}

.view-filters .form-item {
  margin: 0px 10px !important;
}

.views-bulk-actions {
  justify-content: end;
}

#block-katacart-theme-primary-local-tasks .tabs-wrapper ul {
  background-color: transparent !important;
}

#block-katacart-theme-primary-local-tasks .tabs-wrapper {
  background-color: transparent;
  padding: 0;
  margin: 0 0 10px;
  border: 0;
}

.sortable-heading.is-active>a::before {
  border-bottom: 3px solid var(--forest-green-100);
}

.sortable-heading>a::before {
  left: 0;
}

.views-bulk-actions {
  background-color: var(--forest-green-70);
}

.views-bulk-actions__item .button--primary:not(:disabled, .is-disabled) {
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
  border: 1px solid var(--forest-green-100) !important;
}



table.views-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

/* Table header - compact */
table.views-table thead {
  background-color: var(--off-white-70);
  border-bottom: 2px solid var(--off-white-100);
}

table.views-table thead th {
  padding: 5px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: var(--forest-green-100);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  white-space: nowrap;
}

/* Sortable columns */
table.views-table thead th.views-field a {
  color: var(--forest-green-100);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.views-empty {
  text-align: center;
}

#block-katacart-theme-primary-local-tasks .tabs-wrapper a[href*="delete"],
.tabs-wrapper .tabs__link[href*="delete"] {
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.75rem 1.5rem !important;
  text-decoration: none !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  min-height: 48px !important;
}

[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item,
.claro-details__summary:hover,
a,
.link {
  color: var(--forest-green-100);
}

table.views-table thead {
  background-color: var(--off-white-70);
  border-bottom: 2px solid var(--off-white-100);
}

.revision-current {
  background-color: var(--white) !important;
}

.node-revision-table .dropbutton--multiple .dropbutton__item:first-of-type>*,
.taxonomy-overview-terms .dropbutton--multiple .dropbutton__item:first-of-type>*,
#menu-overview  .dropbutton--multiple .dropbutton__item:first-of-type>*,
.metatag-tables .dropbutton--multiple .dropbutton__item:first-of-type>*,
.user-admin-roles-form .dropbutton--multiple .dropbutton__item:first-of-type>*,
.taxonomy-overview-vocabularies .dropbutton--multiple .dropbutton__item:first-of-type>*,
.main-content-wrapper .dropbutton--multiple .dropbutton__item:first-of-type>*{
  background-color: var(--white) !important;
  box-shadow: none !important;
    color: var(--forest-green-100) !important;
}

.node-revision-table .dropbutton--multiple li .dropbutton__toggle,
.taxonomy-overview-terms .dropbutton--multiple li .dropbutton__toggle,
#menu-overview  .dropbutton--multiple li .dropbutton__toggle,
.metatag-tables .dropbutton--multiple li .dropbutton__toggle,
.user-admin-roles-form .dropbutton--multiple li .dropbutton__toggle,
.taxonomy-overview-vocabularies .dropbutton--multiple li .dropbutton__toggle,
.main-content-wrapper .dropbutton--multiple li .dropbutton__toggle{
  background-color: var(--white) !important;
}

.node-revision-table tr td *, .taxonomy-overview-terms {
  font-size: var(--size-14);
}

/* Edit button - Forest Green */
.views-field-operations .dropbutton .edit a,
.views-field-operations input[value="Edit"],
.node-revision-table .dropbutton--multiple .dropbutton__item:first-of-type>*,
.translation-table .dropbutton__item:first-of-type>*,
.taxonomy-overview-terms .dropbutton--multiple .dropbutton__item:first-of-type>*,
#menu-overview  .dropbutton--multiple .dropbutton__item:first-of-type>*,
.metatag-tables .dropbutton--multiple .dropbutton__item:first-of-type>*,
.user-admin-roles-form .dropbutton--multiple .dropbutton__item:first-of-type>*,
.taxonomy-overview-vocabularies .dropbutton--multiple .dropbutton__item:first-of-type>*,
.main-content-wrapper .dropbutton--multiple .dropbutton__item:first-of-type>*{
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
  padding: 0.5rem 1rem !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border: 1px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.translation-table .dropbutton__item:first-of-type>* {
  border-radius: 6px !important;
  padding: 6px !important;
  text-align: center;
}

/* Dropdown toggle */
.views-field-operations .dropbutton-toggle button,
.node-revision-table .dropbutton--multiple li .dropbutton__toggle,
.taxonomy-overview-terms .dropbutton--multiple li .dropbutton__toggle,
#menu-overview  .dropbutton--multiple li .dropbutton__toggle,
.metatag-tables .dropbutton--multiple li .dropbutton__toggle,
.user-admin-roles-form .dropbutton--multiple li .dropbutton__toggle,
.taxonomy-overview-vocabularies .dropbutton--multiple li .dropbutton__toggle,
.main-content-wrapper .dropbutton--multiple li .dropbutton__toggle{
  background-color: var(--white) !important;
  border: 1px solid !important;
  border-radius: 0 !important;
  padding: 0.5rem 0.625rem !important;
  border-radius: 0 6px 6px 0 !important;
  cursor: pointer !important;
  height: 30px !important;
  width: 26px !important;
}

.translation-table * {
  font-size: 14px;
}

.dialog-off-canvas-main-canvas #katacart-global-blocks-footer-form .messages {
  color: var(--white) !important;
  padding: 15px !important;
  background-color: var(--forest-green-70);
  border-color: var(--forest-green-70);
}

.dialog-off-canvas-main-canvas #katacart-global-blocks-footer-form .messages a {
  color: #e1f5eb !important;
}

#katacart-global-blocks-footer-form .claro-details[open]>.claro-details__summary,
#katacart-global-blocks-footer-form .claro-details[open]>.claro-details__summary:focus,
#katacart-global-blocks-footer-form .claro-details__summary:hover,
details[open]>summary,
.claro-details__summary:hover,
tr:hover, tr:focus-within {
  background-color: #e1f5eb !important;
  color: var(--forest-green-100) !important;
}

#edit-cancel {
  color: var(--white) !important;
}

[open]>.claro-details__summary--accordion:not(:focus, :active)::after,
[open]>.claro-details__summary--accordion-item:not(:focus, :active)::after,
[open]>.claro-details__summary--vertical-tabs-item:not(:focus, :active)::after {
  border-color: var(--forest-green-100) !important;
}

#field-article-country-values .form-submit,
.field-add-more-submit,
#field-related-articles-values .form-submit,
.taxonomy-overview-terms #edit-actions .form-submit,
#node-article-edit-form #edit-actions .form-submit,
#node-article-quick-node-clone-form #edit-actions .form-submit,
#node-faq-edit-form  #edit-actions .form-submit,
#node-faq-quick-node-clone-form #edit-actions .form-submit,
#node-store-edit-form #edit-actions .form-submit,
#field-store-category-values .form-submit,
#node-article-form #edit-actions .form-submit,
#node-faq-form #edit-actions .form-submit,
#node-store-form #edit-actions .form-submit,
#node-store-quick-node-clone-form #edit-actions .form-submit,
.form-managed-file__main .remove-button,
.user-admin-roles-form #edit-actions .form-submit,
.taxonomy-overview-vocabularies #edit-actions .form-submit,
.main-content-wrapper #edit-actions .form-submit{
  color: var(--white) !important;
}

/* Dropdown menu */
.views-field-operations .dropbutton .secondary-action,
.taxonomy-overview-terms .dropbutton .secondary-action,
#menu-overview .dropbutton .secondary-action,
.metatag-tables .secondary-action,
.user-admin-roles-form .secondary-action,
.taxonomy-overview-vocabularies .secondary-action,
.main-content-wrapper .secondary-action{
  background-color: var(--white) !important;
  border: 0 !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 6px rgba(0, 40, 35, 0.15) !important;
  padding: 0.375rem 0 !important;
  margin: 0rem !important;
}

.tabledrag-handle::after {
  margin-left: 0 !important;
}

.metatag-tables td .claro-details {
  margin: 0 !important;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  color: var(--forest-green-100) !important;
}

.hero-banner__actions .button--tertiary {
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: var(--link-color) !important;
  text-decoration: underline !important;
  border: 0 !important;
}

.hero-banner__actions .button--secondary {
  background-color:  transparent !important;
  border:1px solid var(--forest-green-100) !important;
  color: var(--forest-green-100) !important;
}

.hero-banner__actions .button--primary {
  background-color:  var(--forest-green-100) !important;
  border:1px solid var(--forest-green-100) !important;
  color: var(--white) !important;
}