/* Carrrven admin selects: one visual caret per control, with a single shared color and shape. */
html.carrrven-admin-dropdowns select:not([multiple]):not([size]):not(.carrrven-admin-select__native):not(.admin-language-select__control),
html.carrrven-admin-dropdowns select:not([multiple])[size="1"]:not(.carrrven-admin-select__native):not(.admin-language-select__control) {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e7c08e' d='M0 0h12L6 7z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 12px 8px !important;
  padding-right: 38px !important;
}

/* LanguageSelect owns a separate visual caret in its Vue component.
   Do not paint a second SVG on the native select, even when global select styles load later. */
html.carrrven-admin-dropdowns body .admin-language-select .admin-language-select__control-wrap select.admin-language-select__control,
html.carrrven-admin-dropdowns select.admin-language-select__control {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  padding-right: 2.25rem !important;
}
html.carrrven-admin-dropdowns .admin-language-select__arrow {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: .8rem !important;
  pointer-events: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 7px solid #e7c08e !important;
  transform: translateY(-50%) !important;
}
html.carrrven-admin-dropdowns .admin-language-select__arrow::before,
html.carrrven-admin-dropdowns .admin-language-select__arrow::after {
  content: none !important;
  display: none !important;
}

/* Enhanced selects display their own proxy and never expose a second native arrow. */
html.carrrven-admin-dropdowns .carrrven-admin-select__button {
  background-image: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html.carrrven-admin-dropdowns .carrrven-admin-select__button::before,
html.carrrven-admin-dropdowns .carrrven-admin-select__button::after {
  content: none !important;
  display: none !important;
}
html.carrrven-admin-dropdowns .carrrven-admin-select__chevron {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 7px solid #e7c08e !important;
  background: none !important;
  flex: none !important;
}

/* The icon picker is a details control; the summary owns one custom caret. */
html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-icon-trigger { list-style: none !important; }
html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-icon-trigger::marker { content: '' !important; }
html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-icon-trigger::-webkit-details-marker { display: none !important; }
html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-icon-chevron {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 7px solid #e7c08e !important;
  transform: none !important;
}
html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-icon-picker[open] .cm-content-icon-chevron { transform: rotate(180deg) !important; }

@media (max-width: 760px) {
  html.carrrven-admin-dropdowns select:not(.carrrven-admin-select__native),
  html.carrrven-admin-dropdowns .admin-language-select,
  html.carrrven-admin-dropdowns .admin-language-select__control-wrap,
  html.carrrven-admin-dropdowns .carrrven-admin-select { max-width: 100%; min-width: 0; }
  html.carrrven-admin-dropdowns #carrrven-content-record-editor .cm-content-meta-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
}