/**
 * 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;

  --header-text: #6b7280;

  --header-bg: #f9fafb;
}

/* Primary buttons - Coral (Accent) per design system */
.button--primary,
input.button--primary[type="submit"],
[id^=edit-settings-manual-categories-add-category] {
  background-color: var(--forest-green-100);
  border-color: var(--forest-green-100);
  color: var(--white) !important;
  border-radius: 2rem;
}

.button--primary:hover,
input.button--primary[type="submit"]:hover,
[id^=edit-settings-manual-categories-add-category]:hover {
  background-color:  #19463c;
  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);
  text-underline-offset: 4px !important;
}

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

/* Tabs - Pill style design with container */
.tabs-wrapper,
.is-horizontal {
  background-color: var(--off-white-50) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tabs {
  border-bottom: none !important;
  background-color: transparent !important;
  gap: 1rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.tabs__link {
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
  padding: 0.875rem 1.75rem !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  transition: all 0.2s ease;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
}

.tabs__link:hover {
  background-color: var(--off-white-70) !important;
  border-color: var(--forest-green-70) !important;
  color: var(--forest-green-100) !important;
}

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

/* Delete tab styling - covers action-link variant used by Drupal */
.tabs__link[href*="delete"],
.tabs__tab a[href*="delete"],
.tabs__tab .action-link,
.tabs__tab .action-link--danger,
.tabs .action-link,
.tabs .action-link--danger {
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
  padding: 0.875rem 1.75rem !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
  box-shadow: none !important;
}

.tabs__link[href*="delete"]:hover,
.tabs__tab a[href*="delete"]:hover,
.tabs__tab .action-link:hover,
.tabs__tab .action-link--danger:hover,
.tabs .action-link:hover,
.tabs .action-link--danger:hover {
  background-color: var(--off-white-70) !important;
  border-color: var(--forest-green-70) !important;
}

/* Remove default action-link icon styling in tabs */
.tabs__tab .action-link::before,
.tabs .action-link::before {
  display: none !important;
}

/* 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: #f9fafb !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 - Edit icon with white circular background for visibility on any background */
.contextual .trigger {
  background-color: rgba(255, 255, 255, 0.95) !important;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23002823' fill='%23002823' stroke-width='0' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: var(--forest-green-100);
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 40, 35, 0.1) !important;
}

.contextual .trigger:hover {
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg stroke='%23002823' fill='%23002823' stroke-width='0' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'%3E%3C/path%3E%3C/svg%3E");
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
}

.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: #19463c;
  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,
#block-katacart-theme-secondary-local-tasks .tabs-wrapper ul {
  background-color: transparent !important;
  border-bottom: none !important;
  display: flex !important;
  gap: 0.75rem !important;
  flex-wrap: wrap;
  width: 100% !important;
  margin-bottom: 0rem !important;
}
.tabs-wrapper ul li {
  flex: 1 1 0 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}
#block-katacart-theme-primary-local-tasks .tabs-wrapper {
  background-color: transparent;
  padding: 0;
  margin: 0 0 10px;
  border: 0;
}

/* Ensure tabs list items don't have borders */
.tabs__tab {
  border: none !important;
}

.sortable-heading.is-active>a::before {
  border-bottom: 2px 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"]:hover,
.view-filters select:hover {
  outline: none;
  border: 1px solid var(--forest-green-100);
  box-shadow: none;
}

.view-filters input[type="text"]:focus,
.view-filters select:focus {
  outline: none;
  border: 1px solid 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: 2rem;
  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,
.views-exposed-form input[value="Filter"],
#edit-submit-content {
  background-color: var(--forest-green-100);
  color: var(--white);
  margin-right: 0 !important;
}

.view-filters input[name="op"][value="Filter"]:hover,
.views-exposed-form input[value="Filter"]:hover,
#edit-submit-content:hover {
  background-color: #19463c;
}

/* Reset button - White with Forest Green border */
.view-filters input[name="op"][value="Reset"],
.views-exposed-form input[value="Reset"],
.main-content-wrapper #edit-actions #edit-reset {
  background-color: var(--white);
  color: var(--forest-green-100) !important;
  border: 1px solid var(--forest-green-100);
  padding: 0 calc(1.5rem - 2px);
}

.view-filters input[name="op"][value="Reset"]:hover,
.views-exposed-form input[value="Reset"]:hover,
.main-content-wrapper #edit-actions #edit-reset:hover {
  background-color: #002823 !important;
  color: var(--white) !important;
}


.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: 10px 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),
.view-section-library tr:has(.dropbutton-wrapper.dropbutton-multiple.open),
.node-revision-table tbody 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: 999;
}

.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,
.view-section-library 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 ,
#block-katacart-theme-secondary-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: 2px 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: 10px 0 0;
  border: 1px solid var(--off-white-100);
}

/* 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: 15px 5px !important;
  text-align: left;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  white-space: nowrap;
  color: var(--header-text);
  background-color: var(--header-bg);
}

/* 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: 0px;
}

.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>*,
.view-section-library .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,
.view-section-library .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>*,
.view-section-library .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,
.view-section-library .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:var( --background-primary) !important;
  color: var(--white) !important;
}

#edit-cancel {
  color: var(--white) !important;
  border-radius: 2rem !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 ,
#edit-manage-layout,
#katacart-stores-category-sync-form  #edit-preview{
  color: var(--white) !important;
  border-radius: 2rem !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,
.view-section-library .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;
}

/* Global action-link - but not in tabs (handled separately) */
.action-link:not(.tabs__tab .action-link):not(.tabs .action-link):not(.tabledrag-toggle-weight) {
  border-radius: 2rem !important;
  border: 1px solid var(--color-absolutezero);
  background-color: var(--color-absolutezero) !important;
  color: var(--white) !important;
}
.action-link:not(.tabs__tab .action-link):not(.tabs .action-link):hover:not(.tabledrag-toggle-weight) {
background-color: rgba(250, 80, 70, 0.9) !important;
}
#edit-overview,
#edit-actions #edit-preview {
  border-radius: 2rem !important;
  background-color: #FA5046 !important
}

#edit-overview:hover,
#edit-actions #edit-preview:hover {
background-color: #FA5046 !important;
color: var(--white)
}

/* Hide duplicate action buttons in confirmation dialogs */
/* .ui-dialog .ui-dialog-content .form-actions {
  display: none !important;
} */

/* Show form actions in off-canvas dialogs (Add Template to Library, etc.) */
#drupal-off-canvas .form-actions,
#drupal-off-canvas .ui-dialog-content .form-actions,
.ui-dialog-off-canvas .form-actions,
.ui-dialog-off-canvas .ui-dialog-content .form-actions {
  display: flex !important;
}

tr:hover, tr:focus-within {
    background-color:#f9fafb !important;
    color: var(--color-text) !important;
}
.dropbutton--single {
  padding-left: 0 !important;
}

.dropbutton--single li a {
  background-color: var(--white) !important;
  color: var(--forest-green-100) !important;
}

.dropbutton--single li{
  border: 1px solid var(--forest-green-100) !important;
  border-radius: 4px !important;
  padding: 0.15rem !important;
  background-color: var(--white) !important;
}

/* Hide highlighted-wrapper only if ALL children are hidden */
.highlighted-wrapper:not(:has(.messages)):has(.hidden) {
  display: none !important;
}

/* Hide "Building Your Page" layout builder help section */
.layout-builder-form .messages--info,
#node-page-layout-builder-form > .messages--info {
  display: none !important;
}

#node-page-layout-builder-form {
  padding: 0 !important;
}


.node-page-delete-form{
  background-color: var(--white);
  padding: 1rem !important;
  border-radius: 0.5rem;
}

.katacart-form .claro-details[open]>.claro-details__summary::before,
.katacart-form .claro-details[open]>.claro-details__summary:hover::before,
.katacart-form .claro-details[open]>.claro-details__summary:focus::before,
.katacart-form .claro-details>.claro-details__summary:hover::before,
.metatag-tables .claro-details[open]>.claro-details__summary::before,
.metatag-tables .claro-details[open]>.claro-details__summary:hover::before,
.metatag-tables .claro-details[open]>.claro-details__summary:focus::before,
.metatag-tables .claro-details>.claro-details__summary:hover::before{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23fff'/%3e%3c/svg%3e");
}

.claro-details[open] .claro-details__summary-summary,
.claro-details>.claro-details__summary:hover  .claro-details__summary-summary {
  color: var(--off-white-50);
}

.translation-table .dropbutton__item:first-of-type>*:hover,
.dropbutton-widget .dropbutton-action>*:hover {
  box-shadow: none !important;
}

.action-link--icon-trash.action-link--danger::before {
  display: none !important;
}

.ui-dialog:has(.katacart-workflow-type-select-form) .ui-dialog-buttonpane {
  display: none !important;
}

.ui-dialog:has(.katacart-workflow-type-select-form) .form-actions {
  border: 0 !important;
  padding: 0 !important;
}

.ui-dialog:has(.katacart-workflow-type-select-form) .form-actions .button:last-child,
.workflow-edit-form.workflow-form .form-actions a {
  margin-right: 0 !important;
}

.workflow-edit-form.workflow-form .form-actions {
  justify-content: end !important;
}

details details {
 padding-left: 0 !important;
}

.button {
  border-radius: 2rem !important;
}

.layout-builder-actions-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.layout-builder-components-table table {
  margin: 0 !important;
}

.layout-builder-block-move .layout-builder-actions-wrapper {
  display: flex !important;
  justify-content: end !important;
  margin-top: 1rem !important;
}

.layout-builder-block .contextual .trigger {
  border: 1PX solid var(--background-primary) !important;
  background-color: #fff !important;
}

.color-swatch-preview {
  display: none !important;
}

.no-touchevents .button--extrasmall {
  background-color: var( --color-coral-80) !important;
  color: var(--white) !important;
}
.layout-builder-configure-block .claro-autocomplete {
  display:  block !important;
}

/* Hide duplicate button pane in Node delete confirmation dialogs (all content types) */
.ui-dialog:has([class*="node-"][class*="-delete-form"]) [class*="node-"][class*="-delete-form"] .form-actions  {
  display: none !important;
}

.ui-dialog:has([class*="node-"][class*="-delete-form"]) .form-actions  {
  background: white !important;
  border: 0 !important;
  padding: 10px !important;
}

.ui-dialog:has([class*="node-"][class*="-delete-form"]) .ui-dialog-buttonpane {
  background-color: white !important;
}

/* Specific overrides for common content types */
.ui-dialog:has(.node-page-delete-form) .node-page-delete-form .form-actions,
.ui-dialog:has(.node-article-delete-form) .node-article-delete-form .form-actions {
  display: none !important;
}

/* Right-align the "Add content" button using custom class */
.local-actions-right-aligned {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

.local-actions-right-aligned ul.local-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
}

.local-actions-right-aligned ul.local-actions li {
  margin: 0 !important;
}

/* ============================================
   FIELD UI - RIGHT ALIGNED BUTTONS
   ============================================ */

/* Right-align "Create a new field" and "Re-use an existing field" buttons on field management pages */
.path-admin-structure-types .local-actions,
.field-ui-overview .local-actions,
.field-ui-field-storage-add-form ~ .local-actions,
.page-node-type-article-fields .local-actions,
[class*="field-ui"] .local-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  margin-bottom: 1rem !important;
}

/* Target the action links list directly */
.path-admin-structure-types ul.action-links,
.field-ui-overview ul.action-links,
[class*="admin-structure-types-manage"] ul.action-links {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 0 1rem 0 !important;
  list-style: none !important;
}

.path-admin-structure-types ul.action-links li,
.field-ui-overview ul.action-links li,
[class*="admin-structure-types-manage"] ul.action-links li {
  margin: 0 !important;
}
/* Content Type Field Settings - Hide duplicate Save settings button in field config modal */
/* Targets the field-config-edit-form inside dialogs */
.ui-dialog-content .field-config-edit-form .form-actions,
.ui-dialog-content .field-config-form .form-actions {
  display: none !important;
}

@media screen and (max-width:1023px) {
  .block-katacart-content-blocks, .block-katacart-store-category-grid, .block-katacart-store-listing {
    padding: 0 !important;
  }
}