/* Fonts - Inter + Open Sans */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

/* ──────────────────────────────────────────────
   Button Utility Classes
   ────────────────────────────────────────────── */

/* Primary gold button */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #dba006;
  color: #fff;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-size: 15px;
  transition: all 0.3s;
}
.btn-primary:hover {
  background-color: #c48f56;
  box-shadow: 0 8px 30px rgba(219, 160, 6, 0.4);
}

/* Secondary outline-on-dark / ghost button */
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-size: 15px;
  transition: all 0.3s;
}
.btn-ghost:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Outline button (gold border) */
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 2px solid #dba006;
  color: #dba006;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: 0.75rem;
  font-size: 15px;
  transition: all 0.3s;
}
.btn-outline:hover {
  background-color: #dba006;
  color: #fff;
}

/* Lucide Icons - inline display */
.lucide {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", "Open Sans", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- Smooth page transitions ---- */
html {
  scroll-behavior: smooth;
}

/* ---- Header transitions ---- */
.site-header {
  transition:
    background-color 0.4s ease,
    box-shadow 0.4s ease,
    backdrop-filter 0.4s ease;
}

.site-header.sticky-header {
  background-color: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: blur(16px);
}

/* ---- Line clamp utility ---- */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---- Comments styling ---- */
.comments-area .comments-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 1.5rem;
}
.comments-area .comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comments-area .comment-list li {
  padding: 1.25rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.comments-area .comment-list li:last-child {
  border-bottom: none;
}
.comments-area .comment-author img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.comments-area .comment-respond .comment-reply-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 1rem;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  transition: border-color 0.3s ease;
  outline: none;
  font-family: inherit;
}
.comments-area .comment-form input:focus,
.comments-area .comment-form textarea:focus {
  border-color: #dba006;
}
.comments-area .comment-form .form-submit input[type="submit"] {
  background: #dba006;
  color: #fff;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.comments-area .comment-form .form-submit input[type="submit"]:hover {
  background: #c48f56;
  box-shadow: 0 4px 16px rgba(219, 160, 6, 0.35);
}

/* ---- WP Navigation (archive/search) ---- */
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.posts-navigation .nav-links a,
.post-navigation .nav-links a {
  color: #dba006;
  font-weight: 600;
  font-size: 0.875rem;
  transition: color 0.3s ease;
}
.posts-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover {
  color: #c48f56;
}

/* ---- Custom scrollbar for filter ---- */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.custom-scrollbar:hover {
  scrollbar-color: #dba006 transparent;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background: #dba006;
}

/* ---- Page Loader ---- */
.page-loader {
  position: fixed;
  inset: 0;
  background: #0f1923;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition:
    opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-loader .loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.page-loader .loader-logo-img {
  height: 48px;
  width: auto;
  animation: loaderPulse 1.5s ease-in-out infinite;
}
.page-loader .loader-brand {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.5px;
  animation: loaderPulse 1.5s ease-in-out infinite;
}
.page-loader .loader-bar {
  width: 120px;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden;
}
.page-loader .loader-bar-inner {
  height: 100%;
  width: 40%;
  background: linear-gradient(90deg, #dba006, #c48f56);
  border-radius: 3px;
  animation: loaderSlide 1.2s ease-in-out infinite;
}
@keyframes loaderPulse {
  0%,
  100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes loaderSlide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}
body.loaded .page-loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Prevent FOUC - hide content until loaded */
body:not(.loaded) #page {
  opacity: 0;
}
body.loaded #page {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* GSAP animation fallback: keep elements visible until GSAP is ready.
   Once GSAP loads, it sets opacity:0 via gsap.from() before animating in.
   Without this, elements stay invisible if GSAP is slow to load. */
.gsap-fade-up,
.gsap-fade-left,
.gsap-fade-right,
.gsap-scale-in {
  opacity: 1;
}
html.gsap-ready .gsap-fade-up,
html.gsap-ready .gsap-fade-left,
html.gsap-ready .gsap-fade-right,
html.gsap-ready .gsap-scale-in {
  /* GSAP controls opacity once ready — no CSS override needed */
}

/* ----------------------------------------------- CF7 form styling */
:root {
  /* Theme Colors - RK Propertiz */
  --cf7-color-primary: #c48f56; /* Golden accent - matches theme */
  --cf7-color-primary-dark: #dba006; /* Darker gold - hover states */
  --cf7-color-dark: #232323; /* Footer dark - matches theme */
  --cf7-color-dark-blue: #3c4b6d; /* Blue-gray from contact card */
  --cf7-color-input: #2e2e2e; /* Dark text - matches headings */
  --cf7-color-border: #868686; /* Border gray - matches theme */
  --cf7-color-focus: #c48f56; /* Golden focus state */
  --cf7-color-error: #f75454; /* Red accent - matches contact details */
  --cf7-color-success: #4caf50; /* Success green */
  --cf7-color-muted: #e0e0e0; /* Muted backgrounds */
  --cf7-color-white: #fff;
  --cf7-color-disabled: #9e9e9e;
  --cf7-color-bg-light: #f5f5f5; /* Light background - matches contact page */

  /* Font - Open Sans to match theme */
  --cf7-font-family: "Open Sans", sans-serif;

  /* Border Settings */
  --cf7-border: none;
  --cf7-border-bottom-width: 2px;

  /* Input Settings */
  --cf7-input-bg: transparent;
  --cf7-input-color: var(--cf7-color-input);
  --cf7-input-height: 44px;
  --cf7-textarea-height: 140px;
  --cf7-input-font-size: 15px;
  --cf7-input-padding: 0;
  --cf7-border-radius: 8px;
  --cf7-transition: 0.3s ease-in-out;

  /* Submit Button - Golden gradient to match theme accent */
  --cf7-submit-color: var(--cf7-color-white);
  --cf7-submit-bg: linear-gradient(135deg, #c48f56 0%, #dba006 100%);
  --cf7-submit-hover-bg: var(--cf7-color-dark);
  --cf7-submit-disabled-bg: var(--cf7-color-disabled);
  --cf7-submit-height: 52px;
  --cf7-submit-min-width: 180px;
  --cf7-submit-radius: 8px;

  /* Response Messages */
  --cf7-message-color: var(--cf7-color-error);
  --cf7-message-border: var(--cf7-color-primary);
  --cf7-message-border-width: 2px;
  --cf7-message-padding: 12px 20px;
  --cf7-message-margin: 16px 0 4px 0;
  --cf7-message-font-size: 14px;

  /* Spinner */
  --cf7-spinner-bg: var(--cf7-color-primary);
  --cf7-spinner-color: var(--cf7-color-white);

  /* Labels & Placeholders */
  --cf7-placeholder-color: var(--cf7-color-border);
  --cf7-label-weight: 600;
  --cf7-label-font-size: 14px;
  --cf7-label-margin-bottom: 8px;

  /* Select dropdown icon - golden color */
  --cf7-select-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%23c48f56'/%3E%3C/svg%3E");
  --cf7-select-icon-position: right 12px top 50%;
  --cf7-select-padding-right: 40px;

  /* Date picker icon - golden color */
  --cf7-date-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23c48f56' d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm-7-9h5v5h-5z'/%3E%3C/svg%3E");
  --cf7-date-icon-position: right 14px center;
  --cf7-date-padding-right: 40px;
  --cf7-icon-size: 20px;

  /* Radio/Checkbox Settings */
  --cf7-radio-gap: 10px;
  --cf7-radio-margin-top: 14px;
  --cf7-radio-size: 18px;
  --cf7-radio-margin-top-offset: 3px;
  --cf7-radio-check-font: "Font Awesome 5 Free";
  --cf7-radio-check-weight: 900;
  --cf7-radio-check-content: "\f00c";
  --cf7-radio-check-size: 8px;
  --cf7-list-item-margin: 6px;
}

.wpcf7 {
  flex: 1;
  font-family: var(--cf7-font-family);
}

.wpcf7 form {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wpcf7 label,
.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7 label {
  font-weight: var(--cf7-label-weight);
  font-size: var(--cf7-label-font-size);
  margin-bottom: var(--cf7-label-margin-bottom);
  color: var(--cf7-color-input);
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: var(--cf7-input-padding);
  border: var(--cf7-border);
  border-bottom: var(--cf7-border-bottom-width) solid var(--cf7-color-border);
  border-radius: 0;
  transition: all var(--cf7-transition);
  height: var(--cf7-input-height);
  font-size: var(--cf7-input-font-size);
  font-family: var(--cf7-font-family);
  background-color: var(--cf7-input-bg);
  color: var(--cf7-input-color);
}

select,
.wpcf7 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent !important;
  background: var(--cf7-select-icon) no-repeat var(--cf7-select-icon-position);
  padding-right: var(--cf7-select-padding-right) !important;
}

.custom-date {
  background: var(--cf7-date-icon) no-repeat var(--cf7-date-icon-position);
  background-size: var(--cf7-icon-size) var(--cf7-icon-size);
  padding-right: var(--cf7-date-padding-right);
}

.wpcf7 textarea {
  height: var(--cf7-textarea-height);
  resize: vertical;
  font-size: var(--cf7-input-font-size);
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: var(--cf7-color-focus);
  outline: none;
}

/* Placeholder color for inputs, selects, and textareas inside .wpcf7 */
.wpcf7 input::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--cf7-placeholder-color);
  opacity: 1;
  /* Ensures full opacity */
}

.wpcf7 input::-webkit-input-placeholder,
.wpcf7 select::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
  color: var(--cf7-placeholder-color);
  opacity: 1;
}

.wpcf7 input::-moz-placeholder,
.wpcf7 select::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
  color: var(--cf7-placeholder-color);
  opacity: 1;
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 select:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
  color: var(--cf7-placeholder-color);
  opacity: 1;
}

.wpcf7 input::-ms-input-placeholder,
.wpcf7 select::-ms-input-placeholder,
.wpcf7 textarea::-ms-input-placeholder {
  color: var(--cf7-placeholder-color);
  opacity: 1;
}

/* Radio buttons */
.wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: var(--cf7-radio-gap);
  margin-top: var(--cf7-radio-margin-top);
}

.wpcf7-radio label {
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  margin: 0;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}

.wpcf7-list-item-label {
  font-weight: 500;
  font-family: var(--cf7-font-family);
  color: var(--cf7-color-input);
}

.wpcf7 input[type="radio"] {
  width: var(--cf7-radio-size);
  height: var(--cf7-radio-size);
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--cf7-color-muted);
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: var(--cf7-radio-margin-top-offset);
}

.wpcf7 input[type="radio"]:checked {
  background: var(--cf7-color-primary);
}

.wpcf7 input[type="radio"]:checked::after {
  font-family: var(--cf7-radio-check-font);
  font-weight: var(--cf7-radio-check-weight);
  content: var(--cf7-radio-check-content);
  /* fa-check */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--cf7-color-white);
  font-size: var(--cf7-radio-check-size);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.wpcf7 .wpcf7-list-item {
  margin: var(--cf7-list-item-margin) 0;
  display: block;
}

.submit-wrap,
.input-wrap {
  position: relative;
}

.wpcf7 .wpcf7-submit {
  background: var(--cf7-submit-bg);
  color: var(--cf7-submit-color);
  border: none;
  padding: 0 32px;
  height: var(--cf7-submit-height);
  border-radius: var(--cf7-submit-radius);
  font-size: var(--cf7-input-font-size);
  font-family: var(--cf7-font-family);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  min-width: var(--cf7-submit-min-width);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all var(--cf7-transition);
}

/* Hover button */
.wpcf7 .wpcf7-submit:hover {
  background: var(--cf7-submit-hover-bg);
}

/* Submitting state */
.wpcf7 form.submitting .wpcf7-submit {
  background: var(--cf7-submit-disabled-bg);
}

/* Spinner */
.wpcf7-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  background-color: var(--cf7-spinner-bg);
  opacity: 1;
}

.wpcf7-spinner:before {
  background-color: var(--cf7-spinner-color);
}

/* Error / Messages */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--cf7-color-error);
  color: var(--cf7-color-error);
  background-color: rgba(247, 84, 84, 0.08);
  text-align: center;
}

/* Success state */
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--cf7-color-success);
  color: var(--cf7-color-success);
  background-color: rgba(76, 175, 80, 0.08);
  text-align: center;
}

.wpcf7-response-output {
  text-align: center;
  font-family: var(--cf7-font-family);
}

.wpcf7-not-valid-tip {
  color: var(--cf7-color-error);
  font-size: var(--cf7-message-font-size);
  font-weight: 500;
  font-family: var(--cf7-font-family);
  display: block;
  margin-top: 4px;
}

.wpcf7 form .wpcf7-response-output {
  margin: var(--cf7-message-margin);
  padding: var(--cf7-message-padding);
  border: var(--cf7-message-border-width) solid var(--cf7-message-border);
  border-radius: var(--cf7-border-radius);
  font-size: var(--cf7-message-font-size);
  line-height: 1.4;
}

/* ------------------------------- Range Filter Block */
:root {
  --slider-color-sand: #dba006;
  --slider-color-sand-light: rgba(219, 160, 6, 0.12);
}

/* Range filter block layout */
.range-filter-block {
  position: relative;
}

/* --- Range Slider Track --- */
.irs--flat .irs-line {
  background-color: #e8e8e8;
  height: 5px;
  top: 25px;
  border-radius: 99px;
  overflow: hidden;
}

/* --- Active bar --- */
.irs--flat .irs-bar {
  background: linear-gradient(90deg, var(--slider-color-sand), #e6b530);
  height: 5px;
  top: 25px;
  border-radius: 99px;
}

/* --- Handle (circle knob) --- */
.irs--flat .irs-handle {
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 17px;
  border: 3px solid var(--slider-color-sand);
  box-shadow: 0 2px 8px rgba(219, 160, 6, 0.25);
  cursor: grab;
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
.irs--flat .irs-handle:active {
  cursor: grabbing;
  transform: scale(1.15);
}
.irs--flat .irs-handle:hover {
  box-shadow:
    0 0 0 6px rgba(219, 160, 6, 0.15),
    0 2px 8px rgba(219, 160, 6, 0.25);
}
.irs--flat .irs-handle > i:first-child {
  display: none;
}

/* --- Min/Max labels above slider --- */
.irs--flat .irs-min,
.irs--flat .irs-max {
  display: none !important;
}

/* --- From/To value tooltips --- */
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  background-color: var(--slider-color-sand);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 6px;
  letter-spacing: 0.01em;
  box-shadow: 0 2px 6px rgba(219, 160, 6, 0.3);
}
.irs--flat .irs-from::before,
.irs--flat .irs-to::before,
.irs--flat .irs-single::before {
  border-top-color: var(--slider-color-sand);
}

/* --- Grid text --- */
.irs--flat .irs-grid-text {
  font-size: 10px;
  color: #aaa;
}
.irs--flat .irs-grid-pol {
  background-color: #ddd;
}

/* --- Number input styling --- */
.range-input::-webkit-outer-spin-button,
.range-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.range-input[type="number"] {
  -moz-appearance: textfield;
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------- Filter Sidebar Pro UI  */

/* Sidebar container */
.filter-sidebar {
  background: #fff;
}
@media (min-width: 1280px) {
  .filter-sidebar {
    align-self: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

/* Section spacing */
.filter-section {
  transition: background-color 0.2s ease;
}

/* Section heading */
.filter-heading {
  letter-spacing: 0.06em;
  line-height: 1;
}

/* --- Filter select dropdowns --- */
.filter-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(249, 250, 251, 0.6) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}
.filter-select:focus {
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 5 5-5' stroke='%23dba006' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* --- Chip / Pill Checkboxes --- */
.filter-chip {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}
.filter-chip-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  border-radius: 99px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  color: #555;
  background: #f5f5f5;
  border: 1.5px solid #e8e8e8;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.filter-chip-label:hover {
  border-color: #dba006;
  color: #dba006;
  background: rgba(219, 160, 6, 0.04);
}
.filter-chip-input:checked + .filter-chip-label {
  background: rgba(219, 160, 6, 0.1);
  border-color: #dba006;
  color: #b8860b;
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(219, 160, 6, 0.15);
}
.filter-chip-input:checked + .filter-chip-label::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dba006;
  flex-shrink: 0;
}

/* --- Filter search input --- */
.filter-input::placeholder {
  color: #aaa;
  font-weight: 400;
}

/* --- Active filter tags --- */
#active-filters:empty {
  display: none;
}

/* --------------------------------------------------- Global select override  */

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff !important;
  background: url("data:image/svg+xml,%3Csvg width=\'20\' height=\'20\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5 6l5 5 5-5 2 1-7 7-7-7 2-1z\' fill=\'%23c1c1c1\'/%3E%3C/svg%3E")
    no-repeat right 15px top 50%;
}