:root {
}
/* === PRIMFACES THEME VARIABLE OVERRIDES === */
:root {
  --p-primary-50: #fef9e0 !important;
  --p-primary-100: #fcf0a0 !important;
  --p-primary-200: #fae760 !important;
  --p-primary-300: #f8de30 !important;
  --p-primary-400: #f6d300 !important;
  --p-primary-500: #f6d300 !important;
  --p-primary-600: #dbbe00 !important;
  --p-primary-700: #c0a800 !important;
  --p-primary-800: #a59200 !important;
  --p-primary-900: #8a7c00 !important;
  --p-primary-color: #f6d300 !important;
  --p-primary-contrast-color: #1c1c1c !important;
}

/* THE GOOD RENTALS - OTA Colors */
/* Yellow #f6d300, Pink #f78da8, Black #1c1c1c */

/* === BUTTONS === */
body.content-ota-index .btn-primary,
body.content-ota-index .btn-success,
body.content-ota-index .book-button,
body.content-ota-index .ui-button.ui-widget.ui-state-default,
body.content-ota-index .ui-button.ui-widget.ui-state-default .ui-button-text {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
  border-color: #f6d300 !important;
}

body.content-ota-index .btn-primary:hover,
body.content-ota-index .btn-success:hover,
body.content-ota-index .ui-button.ui-widget.ui-state-default:hover,
body.content-ota-index .ui-button.ui-widget.ui-state-default:hover .ui-button-text {
  background-color: #f78da8 !important;
  color: #1c1c1c !important;
  border-color: #f78da8 !important;
}

/* === TEXT-PRIMARY === */
body.content-ota-index .text-primary {
  color: #1c1c1c !important;
}

/* Property names (div) stay black */
body.content-ota-index div.text-primary {
  color: #1c1c1c !important;
}

/* Prices (span) are pink */
body.content-ota-index span.text-primary.text-4xl {
  color: #f78da8 !important;
}

/* === ICONS (pink) === */
body.content-ota-index i.text-primary,
body.content-ota-index .fa.text-primary,
body.content-ota-index .pi.text-primary,
body.content-ota-index .fa-heart,
body.content-ota-index .fa-heart-o,
body.content-ota-index .pi-heart,
body.content-ota-index .pi-heart-fill,
body.content-ota-index .fa-share-alt,
body.content-ota-index .fa-share {
  color: #f78da8 !important;
}

/* === SEARCH BAR === */
body.content-ota-index .search-engine-wrapper {
  background-color: #1c1c1c !important;
  border-bottom: 2px solid #f6d300;
}
body.content-ota-index .search-engine-wrapper i { color: #f6d300 !important; }
body.content-ota-index .search-engine-wrapper label,
body.content-ota-index .search-engine-wrapper .ui-outputlabel {
  color: #ffffff !important;
}

/* === BACKGROUND === */
body.content-ota-index { background-color: #ffffff !important; }

/* === HEADINGS === */
body.content-ota-index h1,
body.content-ota-index h2,
body.content-ota-index h3 { color: #1c1c1c !important; }

/* === ROOM CARDS === */
body.content-ota-index .room-container,
body.content-ota-index .room-card {
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* === WIDGET HEADER === */
body.content-ota-index .ui-widget-header {
  background-color: #1c1c1c !important;
  color: #fff !important;
  border-color: #1c1c1c !important;
}

/* === LINKS === */
body.content-ota-index a { color: #1c1c1c !important; }
body.content-ota-index a:hover { color: #f78da8 !important; }

/* === DATEPICKER === */
body.content-ota-index .ui-datepicker .ui-datepicker-header {
  background-color: #1c1c1c !important;
  color: #fff !important;
}
body.content-ota-index .ui-datepicker td a.ui-state-active {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
}
body.content-ota-index .ui-datepicker td a:hover {
  background-color: #f78da8 !important;
  color: #1c1c1c !important;
}

/* === TEAL INLINE STYLE OVERRIDE === */
body.content-ota-index [style*="background-color: rgb(54, 159, 151)"] {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
}
body.content-ota-index [style*="color: rgb(54, 159, 151)"] {
  color: #f6d300 !important;
}
body.content-ota-index [style*="background-color: rgb(32, 148, 139)"] {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
}
body.content-ota-index [style*="color: rgb(32, 148, 139)"] {
  color: #f6d300 !important;
}

/* === DROPDOWN TRIGGERS === */
body.content-ota-index .ui-selectonemenu-trigger.ui-state-default {
  background-color: #f6d300 !important;
  border-color: #f6d300 !important;
}

/* === BORDER-PRIMARY (separator line, input borders) === */
body.content-ota-index .border-primary {
  border-color: #1c1c1c !important;
}

/* === MAP PRICE MARKERS === */
body.content-ota-index .customIcon {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
  border-color: #f6d300 !important;
}

/* === MAP CLUSTER MARKERS === */
body.content-ota-index .marker-cluster {
  background-color: rgba(246, 211, 0, 0.4) !important;
}
body.content-ota-index .marker-cluster div {
  background-color: #f6d300 !important;
  color: #1c1c1c !important;
}
body.content-ota-index .marker-cluster-small {
  background-color: rgba(246, 211, 0, 0.4) !important;
}
body.content-ota-index .marker-cluster-small div {
  background-color: #f6d300 !important;
}