:root {
  --body-background-color: #ffffff;
  --body-font-color: #111111;
  
  --noiz-black: #010101;
  --noiz-light-grey: #c8c8c8;
  --noiz-dark-grey: #121212;
  /*
      THE PALETTE BLUE (designer, 2026-08-31). #0f82bc is hue 200 - cooler than
      the ad-hoc blues it replaces, which clustered around 210-224.

      THREE STEPS, because one is not enough. #0f82bc is 4.25:1 on white, which
      clears AA for large text, icons and borders but NOT for a small label -
      and the first thing it is used for is a small label. So `ink` is the text
      step and `blue` is the surface step; using the wrong one is the mistake
      this split exists to prevent.

      It is the SECONDARY action colour. The brand orange carries links, hovers,
      active chips, favourites, focus rings, steps and buttons all at once; blue
      takes the "useful but not the point" tier off it so the orange call to
      action means something again.
  */
  --noiz-blue: #0f82bc;
  --noiz-blue-ink: #0c6997;
  --noiz-blue-wash: #eef7fc;
  --noiz-dark-orange: #f26624;
  --noiz-light-orange: #f58652;

  /*
      THE DEEP ORANGE - the rung BELOW the brand value, for a hover or an
      active state on a filled control.

      It existed before this, but only inside `.login-popup` and
      `.login-popup-overlay` (style.css:11413, 11742). Anything outside those
      two elements that wrote `var(--noiz-accent-700)` was not reading a
      palette value at all - the reference missed and the declaration fell
      through to whatever fallback the author had typed beside it. The message
      composer's send button did exactly that, and only looked correct because
      its fallback happened to carry the right hex.

      600 is --noiz-dark-orange under the ladder's own name. Both spellings are
      kept because both are already written across the stylesheets; they are
      pinned to the same value HERE so they cannot drift into two oranges.
  */
  --noiz-accent-600: var(--noiz-dark-orange);
  --noiz-accent-700: #d64d0d;
  --noiz-yellow: #FFCF00;

  /* Price reductions: the "9% price drop" label, and the struck-through price
     it sits beside. Reserved for that one job - the brand orange already means
     "a control you can use", and a reduced price is neither.

     Red rather than green because the drop is now an annotation above an
     ordinary price, not the price itself: it has to catch the eye against
     black text without competing with the figure below it. The grey is dark
     enough to stay legible with a line through it. */
  --price-drop: #D93025;
  --price-was: #6B6B6B;


  --link-color: var(--noiz-light-orange);
  --link-color-hover: var(--noiz-light-orange);
  /* noiz-listings-header.html, 2026-08-30. The accent RED and the chip
     ORANGE are different colours in that design and both are used on
     /my-ads/ - red for the count that matters, orange for the selected
     filter. Naming them apart stops one being "corrected" into the other. */
  /*
      THE ACCENT, PINNED TO THE BRAND ORANGE.

      This said #ec3013 - a red-orange the palette does not otherwise contain -
      while `.login-popup` and `.login-popup-overlay` (style.css:11439, 11768)
      defined the SAME token as --noiz-dark-orange. So one name carried two
      colours, and which one you got depended on whether the rule that read it
      happened to sit inside the login popup.

      It showed: the sign-in-link panel is included by both login_popup.tpl and
      login_modal.tpl "so the two stay identical", and it was brand orange in
      the popup and red-orange in the modal. The /my-ads/ summary figure and
      the search box's focus ring read it too, from outside any popup, and were
      red-orange for the same reason.

      Now it is the brand value in both places, which is what the popup's own
      definition already said it should be.
  */
  --noiz-accent: var(--noiz-dark-orange);
  --noiz-chip-active: #f26624;
  --noiz-divider: rgba(32, 30, 29, .4);
  --noiz-muted-ink: #605d5d;
  --noiz-surface: #eae9e9;
  --cat-link-color: #777777;
  --cat-link-color-hover: var(--noiz-light-orange);
  --alt-link-color: #deb300;
  --alt-box-bg-color: rgba(204, 179, 227, 0.25);
  /*
    White, not #F3F2F4.

    This is the fill behind every panel on the site - the account boxes, the
    list tables, the plan containers, the side blocks: 34 rules in style.css
    read it. Alex wants those on white, so the variable changes rather than the
    rules, and only here: dark.css keeps its own #161616 and the two files load
    under opposing media queries, so nothing about the dark theme moves.

    Two of the 34 use it as something other than a panel fill, and both still
    work: the inset ring on an active button (a ring in the page colour, and the
    page is white), and .hlight, a utility chip that also carries .hborder for
    its edge.
  */
  --content-background-color: #ffffff;
  --content-box-table-cell-border-color: #d0d0d0;
  --content-box-table-cell-active-text-color: #111111;
  --highlight-border-color: #d4d4d4;
  --button-color: var(--noiz-dark-grey);
  --button-hover-color: var(--noiz-dark-orange);
  --button-text-color: white;
  --menu-active-bg: #F5F5F5;
  --logo-filter: none;
  --category-menu-item-bg-color: #e0e0e0;
  --category-menu-view-more-button-bg-color: var(--body-background-color);

  --smart-search-cont-bg-color: white;
  --smart-search-icon-stroke: #BABABA;
  --smart-search-item-bg-color-hover: #EDEDED;

  --top-navigation-background-color: #EAEAEA;
  --top-navigation-selector-color: #111111;
  --top-navigation-selector-box-shadow-color: rgba(17, 17, 17, 0.1);
  --top-navigation-menu-border-color: #EAEAEA;
  --top-navigation-arrow-filter: brightness(0) invert(83%) sepia(0%) saturate(0%) hue-rotate(250deg) brightness(90%) contrast(93%);

  --header-background-color: #ffffff;
  --header-tabs-icon-active-filter: brightness(0.066); 
  --header-search-form-title-color: #555555;
  --header-icon-fill: var(--noiz-dark-orange);

  --form-disabled-background-color: #dadada;
  --form-disabled-border-color: #d1d1d1;
  --form-checked-background-color: var(--button-color);
  --form-checked-background-color-hover: var(--noiz-dark-orange);
  --form-checked-background-color-active: var(--noiz-dark-orange);
  --form-checked-text-color: #111111;
  --form-background-color: #e2e2e2;
  --form-field-line-color: var(--button-color);
  --form-field-line-color-hover: #cacaca;
  --form-field-line-color-focus: var(--noiz-light-orange);
  --form-error-background-color: #eec1c5;
  /* Deep red, not brand orange: orange on the pink error background is 1.97:1. */
  --form-error-text-color: #7F1D1D;

  /* Listing condition badge. Deliberately not brand orange - that is reserved
     for calls to action, and reusing it here would dilute that signal. Kept
     neutral for every condition rather than colour-coded per grade. */
  --condition-badge-bg: #F4F4F6;
  --condition-badge-text: #3F3F46;
  --condition-badge-border: #DEDEE3;

  --featured-no-sidebar-background-color: #ffffff;
  --featured-background-color: #f7f7f7;
  --featured-title-color: #111111;
  --featured-accounts-background-color: #F3F2F4;

  --listing-card-icon-color: var(--noiz-dark-orange);
  --listing-card-active-icon-color: #b3b3b3;
  
  --listing-print-icon: url("../img/print.svg");
  --listing-favorite-icon: url("../img/like.svg");
  --listing-favorite-icon-active: url("../img/like-active.svg");
  --listing-compare-icon: url("../img/compare.svg");
  --listing-compare-icon-active: url("../img/compare-active.svg");
  --listing-gallery-media-background-color: #F5F5F5;
  --listing-mask-background-color: rgba(255, 255, 255, 0.6);
  --listing-thumbnail-background-color: #EDEDED;
  --listing-background-color: #FFFFFF;

  --info-field-color: #888888;
  --empty-category-color: #bbbbbb;
  --fieldset-header-background-color: #F5F5F5;
  --icon-favorite-fill: #BABABA;
  --icon-favorite-fill-active: var(--noiz-dark-orange);
  --icon-filter: brightness(0) invert(0%) sepia(9%) saturate(5399%) hue-rotate(36deg) brightness(90%) contrast(87%);
  --icon-filter-background: brightness(0) invert(64%) sepia(79%) saturate(0%) hue-rotate(234deg) brightness(99%) contrast(97%);
  --icon-filter-img-background: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(5615%) hue-rotate(317deg) brightness(73%) contrast(101%);
  --upload-zone-background-color: #EDEDED;
  --plans-border-color: #d4d4d4;
  --steps-background-color: var(--noiz-dark-orange);
  --popup-mask-background-color: rgba(0, 0, 0, 0.3);
  --table-list-border-color: #D4D4D4;
  --table-list-me-border-color: #D4D4D4;
  --tabs-active-background-color: #FFFFFF;
  --tabs-side-block-active-background-color: #00203a;
  --tabs-side-block-border-color: #d4d4d4;
  --favorite-background-color: #ffffff;
  --listings-box-background-color: #F5F5F500;
  --placeholder-color: #777777;
  --border-color: #F5F5F5;
  --menu-shadow: 0 5px 17px rgba(17, 17, 17, 0.1), 0 10px 29px rgba(17, 17, 17, 0.06), 0 17px 41px rgba(17, 17, 17, 0.05), 0 47px 80px rgba(17, 17, 17, 0.1);
  --dropdown-arrow: url("../img/dropdown-arrow.svg");

  --card-corner-svg: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2016%22%3E%3Cpath%20d%3D%22M0%200c8.837%200%2016%207.163%2016%2016h1V-1H0v1Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');

  --footer-background-color: #F5F5F5;
  --footer-text-color: #777777;
  --footer-title-color: #111111;
  --footer-link-color: #777777;
  --footer-link-hover-color: #4D4D4D;
  --footer-link-active-color: #111111;
  --footer-icon-color: #a9a8a8;
}

#theme-switcher-sun {
  display: none;
}


.category-menu__button {
  background: #1d1d1d !important;
}

/* highlights - clean design */
.highlight .card-info { border-radius: 6px; padding: 6px 8px 6px 8px; background: transparent; }
section#listings .highlight div.picture img { border: none; }
section#listings .highlight .fields, section#listings .highlight span { color: inherit; }
section#listings .highlight ul.card-info li.useful svg { color: var(--icon-favorite-fill); fill: var(--icon-favorite-fill); }
.listings_box .highlight .fields, .listings_box .highlight span { color: inherit; }
.listings_box .highlight ul.card-info li.useful svg { fill: var(--icon-favorite-fill); }
.listings_box .highlight .card-info a { color: var(--body-font-color); }
li.highlight .card-info { background: transparent; }
li.highlight .card-info a { color: var(--body-font-color); }
li.highlight .fields span { color: inherit; }
li.highlight ul.card-info li.useful svg { fill: var(--icon-favorite-fill); }
li.highlight ul.card-info li.price_tag { color: var(--body-font-color); }
.my-listings .featured { background-color: transparent; }
/* end of highlights */

/* featured - clean minimalistic design */
#listings .featured .card-info { background: transparent; }
section#listings .featured div.picture img { border: none; }
section#listings .featured .fields, section#listings .featured span { color: inherit; }
section#listings .featured ul.card-info li.useful svg { color: var(--icon-favorite-fill); fill: var(--icon-favorite-fill); }
#listings .featured .fields, #listings .featured span { color: inherit; }
#listings .featured ul.card-info li.useful svg { fill: var(--icon-favorite-fill); }
#listings .featured a.link-large { color: var(--body-font-color); }
#listings .highlight a.link-large { color: var(--body-font-color); }
#my-listings .featured .fields, section#listings .featured span { color: inherit; }
/* end of featured */

 
.my-listings .item a { color: var(--body-font-color) !important; }

@keyframes pulse {
  0%   { transform: scale(1);   opacity: 1; }
  50%  { transform: scale(1.4); opacity: 0.7; }
  100% { transform: scale(1);   opacity: 1; }
}
.filter-icon { background: var(--noiz-dark-orange); stroke: #fff !important; animation: pulse 1s ease-in-out; }


/* User Dropdown Menu - Light Mode */
#user-navbar span.content.a-menu {
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
.udm-header { border-bottom-color: #f3f4f6; }
.udm-user-name { color: #111827; }
.udm-view-profile { color: #9ca3af; }
.udm-profile-link:hover .udm-view-profile { color: #f26624; }
.udm-credits-bar { background: #f5f5f5; }
.udm-credits-info svg { fill: #f26624; }
.udm-credits-amount { color: #374151; }
.udm-buy-btn { background: #f26624; color: #fff !important; }
.udm-buy-btn:hover { background: #d64d0d; }
.udm-menu-item a { color: #374151; }
.udm-menu-item a:hover { background: #f5f5f5; color: #111827; }
.udm-menu-item a.active { background: #fff7ed; color: #d64d0d; font-weight: 500; }
.udm-menu-item a.active .udm-menu-icon svg { stroke: #d64d0d; }
.udm-menu-icon svg { stroke: #9ca3af; }
.udm-menu-item a:hover .udm-menu-icon svg { stroke: #6b7280; }
.udm-menu-divider { border-top-color: #f3f4f6; }
.udm-menu-logout a.logout { color: #dc2626 !important; }
.udm-menu-logout a.logout .udm-menu-icon svg { stroke: #dc2626; }
.udm-menu-logout a.logout:hover { background: #fef2f2; }
.udm-badge { background: #ef4444; color: #fff; }

.account-menu-content a:link, .account-menu-content a:visited, #user-navbar .account-name a { color: var(--noiz-black) !important; }
#user-navbar .account-name a { font-size: 1rem; }

.lang-selector a { color: var(--noiz-dark-grey) !important; }

.account-menu-content a.active { color: var(--noiz-light-orange); }

/* ========== Payment Gateways - Light Mode ========== */
ul#payment_gateways li.gateway-item { background: #fff; border-color: #e5e7eb; }
ul#payment_gateways li.gateway-item:hover { border-color: #a5b4fc; background: #fff; }
ul#payment_gateways li.gateway-item.active { border-color: #6366f1; background: linear-gradient(135deg, #f5f3ff 0%, #fff 100%); }
ul#payment_gateways li .radio-circle { border-color: #d1d5db; }
ul#payment_gateways li .gateway-title { color: #1f2937; }
ul#payment_gateways li .gateway-desc { color: #6b7280; }
ul#payment_gateways li .card-icon { border-color: #e5e7eb; }

/* Credits Payment Option - Light */
#payment_gateways .my_paygc_credits { background: #fff; border-color: #e5e7eb; }
#payment_gateways .my_paygc_credits:hover { border-color: #fcd34d; }
#payment_gateways .my_paygc_credits.active { border-color: #f59e0b; background: linear-gradient(135deg, #fffbeb 0%, #fff 100%); }
#payment_gateways .my_paygc_credits .gateway-radio { border-color: #d1d5db; }
#payment_gateways .my_paygc_credits .gateway-title { color: #1f2937; }
#payment_gateways .my_paygc_credits .gateway-desc { color: #6b7280; }
#payment_gateways .my_paygc_credits .credits-info-box { color: #6b7280; }
#payment_gateways #paygc_not_sufficient { background: #fef2f2; color: #dc2626; }

/* Payment History */
.ph-card { background: #fff; border-color: #e5e7eb; }
.ph-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); }
.ph-card-header { border-bottom-color: #f3f4f6; }
.ph-card-date { color: #9ca3af; }
.ph-card-listing-title { color: #111827; }
a.ph-card-listing-title:hover { color: #3b82f6; }
.ph-card-subtitle { color: #6b7280; }
.ph-card-amount { color: #111827; }
.ph-card-amount--paid { color: #059669; }
.ph-card-thumb { background: #f9fafb; }
.ph-card-thumb--empty { color: #9ca3af; }
.ph-card-thumb--icon { color: #10b981; }
.ph-items-list { background: #f9fafb; }
.ph-item-row { color: #374151; }
.ph-item-row:not(:last-child) { border-bottom-color: rgba(0, 0, 0, 0.04); }
.ph-item-days { color: #9ca3af; background: rgba(0, 0, 0, 0.04); }
.ph-item-price { color: #374151; }
.ph-items-totals { border-top-color: #e5e7eb; }
.ph-totals-row { color: #6b7280; }
.ph-totals-row--discount { color: #059669; }
.ph-totals-row--total { color: #111827; border-top-color: #e5e7eb; }
.ph-card-footer { background: #fafafa; border-top-color: #f3f4f6; }
.ph-meta-item { color: #6b7280; }
.ph-meta-coupon { color: #059669; }
.ph-meta-coupon svg { color: #059669; }

/* Checkout Page - Light */
.checkout-page .fieldset { border-color: #e8e8e8; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.checkout-page .fieldset header { background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%); color: #333; border-bottom-color: #eee; }
.checkout-page .fieldset .body { background: #fff; }
.checkout-page .table-cell { border-bottom-color: #f0f0f0; }
.checkout-page .table-cell .name { color: #666; }
.checkout-page .table-cell .value { color: #222; }
.checkout-page .order-total .value { color: #2563eb; }

/* Gateway Info Messages - Light */
.gateway-info { background: #f8fafc; border-color: #e2e8f0; }
.gateway-info p { color: #475569; }
.gateway-info .secure-badge { background: #fff; border-color: #e2e8f0; color: #22c55e; }
.gateway-info.paypal-info { background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%); border-color: #bfdbfe; }
.gateway-info.credits-info { background: linear-gradient(135deg, #fffbeb 0%, #fff 100%); border-color: #fde68a; }
.gateway-info.credits-info p { color: #92400e; }

/* Stripe Checkout Info - Light */
.stripe-checkout-info { background: linear-gradient(135deg, #f5f3ff 0%, #fff 100%); border-color: #ddd6fe; }
.stripe-checkout-info p { color: #5b21b6; }
.stripe-secure-badge { background: #fff; border-color: #e2e8f0; }

/* ========== Order Details Card - Light Mode ========== */
.order-details-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.order-details-header { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); border-bottom-color: #e5e7eb; }
.order-header-icon { background: linear-gradient(135deg, #1f2937 0%, #374151 100%); }
.order-header-text h3 { color: #1f2937; }
.order-id { color: #6b7280; }

.order-listing-preview { background: #f9fafb; border-color: #e5e7eb; }
.listing-thumb { background: #e5e7eb; }
.listing-thumb .no-thumb { background: #f3f4f6; }
.listing-thumb .no-thumb svg { color: #9ca3af; }
.listing-label { color: #6b7280; }
.listing-title { color: #1f2937; }
.listing-category { color: #6b7280; }

.order-plan-details { background: #fff; border-color: #e5e7eb; }
.plan-label { color: #6b7280; }
.plan-name { color: #1f2937; }
.plan-description { color: #6b7280; }
.plan-feature { background: #f3f4f6; color: #4b5563; }
.plan-feature svg { color: #6b7280; }
.plan-feature strong { color: #1f2937; }
.plan-feature.bonus { color: #16a34a; }
.plan-feature.bonus strong { color: #15803d; }
.auto-badge { background: #dcfce7; color: #15803d; }

.order-plan-item { background: #fff; border-color: #e5e7eb; }
.plan-item-price { color: #1f2937; }
.plan-item-name { color: #1f2937; }
.plan-item-features .feature-tag { background: #f3f4f6; color: #4b5563; }
.plan-item-features .feature-tag svg { color: #6b7280; }
.plan-item-remove { background: #fff; border-color: #fecaca; color: #dc2626; }
.plan-item-remove:hover { background: #fee2e2; border-color: #fca5a5; }
.plan-item-remove svg { color: #dc2626; }
.plan-item-price-row { border-top-color: #f3f4f6; }

/* Confirm Modal - Light */
.confirm-modal { background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.confirm-modal-icon { background: #fee2e2; }
.confirm-modal-title { color: #1f2937; }
.confirm-modal-text { color: #6b7280; }
.confirm-modal-btn.cancel { background: #f3f4f6; color: #374151; }
.confirm-modal-btn.cancel:hover { background: #e5e7eb; }

/* Price Summary - Light */
.order-price-summary { background: #f9fafb; }
.price-row.subtotal { color: #6b7280; border-bottom-color: #e5e7eb; }
.price-row.total { background: #fff; color: #1f2937; }
.price-row.total .total-amount { color: #7f36c1; }

/* Paid Footer - Light */
.order-details-footer.paid { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-top-color: #a7f3d0; }
.txn-label { color: #6b7280; }
.txn-value { color: #1f2937; }

/* ========== Coupon Block - Light Mode ========== */
.coupon-block { background: #fff; border-color: #e5e7eb; }
.coupon-block:hover { border-color: #d1d5db; }
.coupon-block.expanded { border-color: #9ca3af; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); }
.coupon-block.has-coupon { border-color: #10b981; background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%); }
.coupon-header:hover { background: #f9fafb; }
.coupon-header-icon { background: linear-gradient(135deg, #1f2937 0%, #374151 100%); }
.coupon-title { color: #1f2937; }
.coupon-subtitle { color: #6b7280; }
.coupon-header-arrow svg { color: #9ca3af; }
.coupon-input-group input { border-color: #e5e7eb; color: #1f2937; background: #f9fafb; }
.coupon-input-group input:focus { border-color: #374151; background: #fff; box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.1); }
.coupon-input-group input.error { border-color: #ef4444; }
.coupon-input-group input::placeholder { color: #9ca3af; }
.coupon-apply-btn { background: linear-gradient(135deg, #1f2937 0%, #374151 100%); color: #fff; }
.coupon-applied-code { background: rgba(16, 185, 129, 0.1); border-color: #10b981; }
.coupon-applied-code .code-label { color: #6b7280; }
.coupon-applied-code .code-value { color: #059669; }
.coupon-applied-breakdown { background: #fff; }
.breakdown-row:not(:last-child) { border-bottom-color: #f3f4f6; }
.breakdown-label { color: #6b7280; }
.breakdown-value { color: #1f2937; }
.breakdown-value.original { color: #9ca3af; }
.breakdown-row.discount .breakdown-value { color: #10b981; }
.breakdown-row.total { background: #f9fafb; }
.breakdown-row.total .breakdown-label { color: #1f2937; }
.breakdown-row.total .breakdown-value { color: #7f36c1; }
.coupon-remove-btn { background: rgba(239, 68, 68, 0.1); }
.coupon-remove-btn:hover { background: #ef4444; }
.coupon-remove-btn svg { color: #ef4444; }
.coupon-remove-btn:hover svg { color: #fff; }

/* ========== Grid Navbar / View Modes / Sort / Buttons - Light Mode ========== */
.listings-count { color: #666; }
.listings-count .count-number { color: #333; }

/* View mode switcher */
.grid_navbar .switcher .buttons { background: #f5f5f5; }
.grid_navbar .buttons > div:hover { background: rgba(0, 0, 0, 0.05); }
.grid_navbar .buttons > div.active { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.grid_navbar .buttons > div > svg { color: #999; }
.grid_navbar .buttons > div.active > svg,
.grid_navbar .buttons > div:hover > svg { color: #333; }

/* Sort dropdown */
.grid_navbar .current { background: #f5f5f5; color: #666; }
.grid_navbar .current:hover { background: #ebebeb; }
.grid_navbar .current .link { color: #333; }
.grid_navbar .current .sort-icon { color: #999; }
.grid_navbar .current:hover .sort-icon { color: #666; }
.grid_navbar ul.fields { background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
.grid_navbar ul.fields > li a { color: #666; }
.grid_navbar ul.fields > li a:hover,
.grid_navbar ul.fields > li a.active { color: #333; }

/* Clear Filters button */
.navbar-btn-clear { background: #fff5f5; color: #d9534f; border-color: #f5c6cb; }
.navbar-btn-clear:hover { background: #f8d7da; border-color: #d9534f; color: #c9302c; }

/* Save Search button */
.navbar-btn-save { background: var(--noiz-blue-wash); color: var(--noiz-blue-ink); border-color: color-mix(in srgb, var(--noiz-blue) 32%, transparent); }
.navbar-btn-save:hover { background: color-mix(in srgb, var(--noiz-blue) 14%, transparent); border-color: var(--noiz-blue); color: var(--noiz-blue-ink); }

/* Pagination */
.pagination-nav .pagination-link { background: #fff; border-color: #ddd; color: #333; }
.pagination-nav .pagination-link:hover { background: #f5f5f5; border-color: #ccc; color: #333; }
.pagination-nav .pagination-ellipsis { background: #fff; border-color: #ddd; color: #999; }
.pagination-nav .pagination-ellipsis:hover { background: #f5f5f5; border-color: #ccc; color: #333; }
.pagination-jump-dropdown { background: #fff; border-color: #ddd; }
.pagination-jump-dropdown::after { border-top-color: #fff; }
.pagination-jump-dropdown::before { border-top-color: #ddd; }
.pagination-jump-header { color: #666; }
.pagination-jump-btn { background: #f5f5f5; border-color: #ddd; color: #333; }
.pagination-jump-btn:hover { background: #e8e8e8; border-color: #ccc; }

a[data-key="forum"] {
  border-left: 1px solid var(--noiz-light-grey);
  height: 30% !important;
  padding-left: 10px !important;
}

 .restricted-content .button { background-color: var(--noiz-light-grey); color: #000000 !important; }