@media (min-width: 1220px) {.SearchLabel .fa{background:#ff6e61;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #ff6e61}.SearchBar .GreenButton .ui-button-text{background-color:#ff6e61}.SiteTopBar{background-color:rgba(255,110,97,0.8)}:root{--color:#ff6e61!important;--color-rotation:4.2499757342884035deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#ff6e61!important;}⏺ /* ============================================================
     Hotel Villa Fiorentina — Octorate Booking Engine Custom CSS
     Colors: Green #006b3c, Coral #ff6f61, Beige #f5f5dc, Gold #ffd700
     Fonts: Montserrat (headings), Poppins (body)
     ============================================================ */

  /* === FONTS === */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

  /* === GLOBAL === */
  html body {
    font-family: 'Poppins', sans-serif !important;
    color: #373737 !important;
    background-color: #f9f7f2 !important;
    -webkit-font-smoothing: antialiased;
  }

  /* === ALL BUTTONS — ultra-specific selectors === */
  html body .ui-button,
  html body .ui-commandbutton,
  html body button.ui-button,
  html body .ui-button.ui-widget,
  html body .ui-commandbutton.ui-widget,
  html body .ui-button.ui-state-default,
  html body .ui-commandlink,
  html body a.ui-commandlink,
  html body button[type="submit"],
  html body input[type="submit"],
  html body .ui-button-text-only .ui-button-text,
  html body .ui-button-text-only,
  body .ui-button,
  body button.ui-button,
  body .ui-commandbutton {
    background-color: #ff6f61 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    padding: 12px 28px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(255, 111, 97, 0.3) !important;
  }

  html body .ui-button:hover,
  html body .ui-commandbutton:hover,
  html body button.ui-button:hover,
  html body .ui-commandlink:hover,
  html body a.ui-commandlink:hover,
  body .ui-button:hover,
  body button.ui-button:hover {
    background-color: #e65a4b !important;
    box-shadow: 0 4px 15px rgba(255, 111, 97, 0.5) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
  }

  /* === FIX: Kill background on ALL nested elements inside buttons ===
     PrimeFaces wraps button text in nested <span> elements that have their
     own theme backgrounds. Without these resets, you get a dark/green pill
     inside the coral pill. */
  html body .ui-button .ui-button-text,
  html body .ui-button .ui-button-text-icon-left,
  html body .ui-button .ui-button-text-icon-right,
  html body .ui-button .ui-button-text-only,
  html body .ui-button > span,
  html body .ui-button > span > span,
  html body .ui-commandbutton .ui-button-text,
  html body .ui-commandbutton > span,
  html body .ui-commandlink > span,
  html body button.ui-button span,
  html body a.ui-commandlink span,
  html body .customButtonGreen .ui-button span,
  html body .customButtonGreen button span,
  html body .customButtonGreenOffert .ui-button span,
  html body .customButtonGreenOffert a span,
  html body .customButtonGreenOffert button span,
  html body .ClickStop.offers a span,
  html body .ClickStop a.ui-commandlink span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 0 !important;
  }

  /* Kill the icon's own background (leading arrow/+/x/printer icons) */
  html body .ui-button .ui-icon,
  html body .ui-button .ui-button-icon-left,
  html body .ui-button .ui-button-icon-right,
  html body .ui-commandbutton .ui-icon,
  html body .ui-commandlink .ui-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
  }

  /* === HEADER / LOGO AREA === */
  #SiteHeader {
    background-color: #006b3c !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0 !important;
  }

  #SiteHeader .ui-panel-content,
  #SiteHeader .ui-widget-content {
    background-color: #006b3c !important;
    color: #ffffff !important;
  }

  /* FIX: Dropdown overlay panel inside SiteHeader must NOT be green */
  #SiteHeader .ui-overlaypanel,
  #SiteHeader .ui-overlaypanel.ui-widget-content,
  #SiteHeader .ui-overlaypanel .ui-widget-content,
  #SiteHeader .ui-overlaypanel .ui-overlaypanel-content,
  #SiteHeader .ui-panelgrid .ui-widget-content,
  #SiteHeader .ui-panelgrid tr.ui-widget-content {
    background-color: #f5f5f0 !important;
    color: #373737 !important;
  }

  /* FIX: Language/currency form container — prevent green leak */
  html body .information form,
  html body .flex-auto.information form {
    background-color: transparent !important;
  }

  .HotelHeader2,
  #SiteHeader h1,
  #SiteHeader h2,
  #SiteHeader h3,
  #SiteHeader .ui-outputlabel {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
  }

  /* === RESULT PAGE — Top bar (Hotel name + Totale + Camere) === */
  html body .ui-panel-content,
  html body .ui-widget-content {
    font-family: 'Poppins', sans-serif !important;
  }

  /* Hotel name link at top of result page */
  html body a[href*="villafiorentina"],
  html body a[href*="Sito Ufficiale"] {
    color: #006b3c !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
  }

  /* === RESULT PAGE — Room list rows === */
  html body .ui-datalist,
  html body .ui-datalist-content,
  html body .ui-datalist-data {
    font-family: 'Poppins', sans-serif !important;
  }

  /* Room names */
  html body .ui-datalist-content b,
  html body .ui-datalist-content strong,
  html body b,
  html body strong {
    font-family: 'Montserrat', sans-serif !important;
    color: #006b3c !important;
  }

  /* Prices on result page */
  html body span[style*="font-size: 2"],
  html body span[style*="font-size:2"],
  html body span[style*="font-size: 3"],
  html body span[style*="font-size:3"],
  html body .ui-datalist-content span[style*="font-size"] {
    font-family: 'Montserrat', sans-serif !important;
    color: #006b3c !important;
    font-weight: 700 !important;
  }

  /* === CONTACT INFO BAR === */
  #SiteHeader ~ div,
  .ui-grid.ui-grid-responsive {
    font-family: 'Poppins', sans-serif !important;
  }

  /* Only apply beige to the direct contact bar, NOT to dropdown containers */
  #SiteHeader + div,
  #SiteHeader + .ui-panel {
    background-color: #f5f5f0 !important;
    color: #373737 !important;
  }

  #SiteHeader + div a,
  #SiteHeader + .ui-panel a {
    color: #006b3c !important;
  }

  #SiteHeader + div a:hover,
  #SiteHeader + .ui-panel a:hover {
    color: #ff6f61 !important;
  }

  /* === LANGUAGE / CURRENCY DROPDOWNS (EUR, IT) === */
  html body .ui-selectonemenu {
    border: 2px solid #006b3c !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    font-family: 'Poppins', sans-serif !important;
    min-height: 36px !important;
  }

  html body .ui-selectonemenu .ui-selectonemenu-label {
    font-family: 'Poppins', sans-serif !important;
    color: #373737 !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
  }

  html body .ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #006b3c !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 6px 6px 0 !important;
    width: 32px !important;
  }

  html body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    color: #ffffff !important;
  }

  html body .ui-selectonemenu-panel {
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e0e0e0 !important;
    overflow: hidden !important;
  }

  html body .ui-selectonemenu-panel .ui-selectonemenu-item {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
  }

  html body .ui-selectonemenu-panel .ui-selectonemenu-item:hover,
  html body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight {
    background-color: #006b3c !important;
    color: #ffffff !important;
  }

  /* === DATE PICKERS === */
  html body .ui-datepicker {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Poppins', sans-serif !important;
    overflow: hidden;
  }

  html body .ui-datepicker .ui-datepicker-header {
    background-color: #006b3c !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  html body .ui-datepicker .ui-datepicker-title {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  html body .ui-datepicker .ui-state-active,
  html body .ui-datepicker .ui-state-highlight {
    background-color: #ff6f61 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #ff6f61 !important;
    border-radius: 8px !important;
  }

  html body .ui-datepicker td a:hover {
    background-color: rgba(0, 107, 60, 0.1) !important;
    color: #006b3c !important;
  }

  /* === MAIN CONTENT === */
  #SiteMain {
    background-color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
  }

  html body #SiteMain h1,
  html body #SiteMain h2,
  html body #SiteMain h3,
  html body h1,
  html body h2,
  html body h3 {
    font-family: 'Montserrat', sans-serif !important;
    color: #006b3c !important;
    font-weight: 700 !important;
  }

  /* === ROOM CARDS / PANELS === */
  html body .ui-panel {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    transition: box-shadow 0.3s ease !important;
  }

  html body .ui-panel:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
  }

  html body .ui-panel .ui-panel-titlebar {
    background-color: #006b3c !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 14px 20px !important;
  }

  html body .ui-panel .ui-panel-content {
    padding: 20px !important;
    font-family: 'Poppins', sans-serif !important;
  }

  .RoomPhoto,
  .RoomPhotoSlide {
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* === PRICES === */
  .price,
  .Price,
  [class*="price"],
  [class*="Price"] {
    color: #ff6f61 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
  }

  /* === SPINNER +/- === */
  html body .ui-spinner .ui-spinner-button {
    background-color: #006b3c !important;
    background-image: none !important;
    border: none !important;
  }

  html body .ui-spinner .ui-spinner-button:hover {
    background-color: #00502d !important;
  }

  /* === INPUT FIELDS === */
  html body .ui-inputfield,
  html body .ui-inputtext {
    border: 1px solid #d3d3d3 !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 10px 14px !important;
    transition: border-color 0.3s ease !important;
  }

  html body .ui-inputfield:focus,
  html body .ui-inputtext:focus {
    border-color: #006b3c !important;
    box-shadow: 0 0 0 3px rgba(0, 107, 60, 0.1) !important;
    outline: none !important;
  }

  /* === OVERLAY & DIALOG === */
  html body .ui-overlaypanel {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
  }

  html body .ui-dialog {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
  }

  html body .ui-dialog .ui-dialog-titlebar {
    background-color: #006b3c !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 16px 20px !important;
  }

  html body .ui-dialog .ui-dialog-content {
    font-family: 'Poppins', sans-serif !important;
    padding: 24px !important;
  }

  /* === DATA TABLE === */
  html body .ui-datatable thead th {
    background-color: #006b3c !important;
    background-image: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    border: none !important;
  }

  html body .ui-datatable tbody td {
    border-color: #f0f0f0 !important;
    font-family: 'Poppins', sans-serif !important;
  }

  html body .ui-datatable tbody tr:hover {
    background-color: rgba(0, 107, 60, 0.04) !important;
  }

  /* === RESULT PAGE — Room row separators === */
  html body .ui-datalist-content > li,
  html body .ui-datalist-content > div {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 16px 0 !important;
  }

  /* === FOOTER — no auto-generated IDs, they change between pages === */
  footer,
  .footer {
    background-color: #006b3c !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
  }

  footer a,
  .footer a {
    color: #ffffff !important;
  }

  /* === NOTIFICATION BAR === */
  #notifybar {
    background-color: #006b3c !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif !important;
  }

  /* === LINKS === */
  html body a {
    color: #006b3c !important;
    transition: color 0.2s ease !important;
  }

  html body a:hover {
    color: #ff6f61 !important;
  }

  #SiteHeader a {
    color: #ffffff !important;
  }

  #SiteHeader a:hover {
    color: #ffd700 !important;
  }

  /* === LOADING === */
  .ui-ajax-loader,
  .ui-blockui {
    background-color: rgba(0, 107, 60, 0.8) !important;
  }

  /* === PrimeFaces state overrides === */
  html body .ui-state-default {
    background-image: none !important;
  }

  html body .ui-state-hover {
    background-image: none !important;
  }

  html body .ui-state-active {
    background-image: none !important;
  }

  /* Force coral on ALL button hover states (PrimeFaces adds ui-state-hover via JS) */
  html body .ui-button.ui-state-hover,
  html body button.ui-button.ui-state-hover,
  html body .ui-commandbutton.ui-state-hover,
  html body .ui-button.ui-state-hover .ui-button-text,
  html body button.ui-button.ui-state-hover .ui-button-text {
    background: #e65a4b !important;
    background-color: #e65a4b !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 111, 97, 0.5) !important;
  }

  /* But keep INNER text/spans transparent even on hover */
  html body .ui-button.ui-state-hover .ui-button-text,
  html body .ui-button.ui-state-hover > span,
  html body .ui-button.ui-state-hover > span > span,
  html body button.ui-button.ui-state-hover span,
  html body .ui-commandbutton.ui-state-hover span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
  }

  /* === SCEGLI TARIFFA — ClickStop offers parent wrapper === */
  html body .ClickStop.offers,
  html body span.ClickStop.offers,
  html body .ClickStop,
  html body .offers {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Style the SCEGLI TARIFFA link inside the wrapper */
  html body .ClickStop.offers a,
  html body .ClickStop.offers .ui-commandlink,
  html body .ClickStop a.ui-commandlink {
    background: #ff6f61 !important;
    background-color: #ff6f61 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(255, 111, 97, 0.3) !important;
    padding: 12px 28px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
  }

  html body .ClickStop.offers a:hover,
  html body .ClickStop.offers .ui-commandlink:hover,
  html body .ClickStop a.ui-commandlink:hover {
    background: #e65a4b !important;
    background-color: #e65a4b !important;
    box-shadow: 0 4px 15px rgba(255, 111, 97, 0.5) !important;
    transform: translateY(-1px) !important;
  }

  /* === OVERRIDE customButtonGreen & customButtonGreenOffert === */
  html body td.customButtonGreen,
  html body .customButtonGreen,
  html body tr > td.customButtonGreen,
  html body [class="customButtonGreen"],
  html body td.customButtonGreenOffert,
  html body .customButtonGreenOffert,
  html body tr > td.customButtonGreenOffert,
  html body [class="customButtonGreenOffert"],
  html body div.customButtonGreen,
  html body div.customButtonGreenOffert {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 8px !important;
  }

  /* Style buttons INSIDE customButtonGreen and customButtonGreenOffert */
  html body .customButtonGreen .ui-button,
  html body .customButtonGreen button,
  html body td.customButtonGreen .ui-button,
  html body td.customButtonGreen button.ui-button,
  html body .customButtonGreenOffert .ui-button,
  html body .customButtonGreenOffert button,
  html body td.customButtonGreenOffert .ui-button,
  html body td.customButtonGreenOffert button.ui-button,
  html body .customButtonGreenOffert a,
  html body .customButtonGreenOffert .ui-commandlink {
    background: #ff6f61 !important;
    background-color: #ff6f61 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(255, 111, 97, 0.3) !important;
    padding: 12px 28px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }

  html body .customButtonGreen .ui-button:hover,
  html body .customButtonGreen button:hover,
  html body td.customButtonGreen .ui-button:hover,
  html body .customButtonGreenOffert .ui-button:hover,
  html body .customButtonGreenOffert button:hover,
  html body td.customButtonGreenOffert .ui-button:hover,
  html body .customButtonGreenOffert a:hover,
  html body .customButtonGreen .ui-button.ui-state-hover,
  html body .customButtonGreen button.ui-state-hover,
  html body td.customButtonGreen .ui-button.ui-state-hover,
  html body .customButtonGreenOffert .ui-button.ui-state-hover,
  html body .customButtonGreenOffert button.ui-state-hover,
  html body td.customButtonGreenOffert .ui-button.ui-state-hover,
  html body .customButtonGreenOffert a.ui-state-hover {
    background: #e65a4b !important;
    background-color: #e65a4b !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 111, 97, 0.5) !important;
    transform: translateY(-1px) !important;
  }

  html body .customButtonGreen .ui-button-text,
  html body .customButtonGreen button > span,
  html body .customButtonGreen .ui-button > span,
  html body .customButtonGreen .ui-button > span > span,
  html body .customButtonGreenOffert .ui-button-text,
  html body .customButtonGreenOffert button > span,
  html body .customButtonGreenOffert .ui-button > span,
  html body .customButtonGreenOffert .ui-button > span > span,
  html body .customButtonGreenOffert a > span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* === SCROLLBAR === */
  ::-webkit-scrollbar { width: 8px; }
  ::-webkit-scrollbar-track { background: #f9f7f2; }
  ::-webkit-scrollbar-thumb { background: #006b3c; border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover { background: #00502d; }

  /* === RESPONSIVE === */
  @media (max-width: 768px) {
    html body .ui-button,
    html body .ui-commandbutton,
    html body button.ui-button {
      padding: 10px 20px !important;
      font-size: 13px !important;
    }

    html body .ui-panel {
      border-radius: 12px !important;
      margin: 8px !important;
    }
  }

 /* === DROPDOWNS — comprehensive fix for halo on all states === */

  /* Kill EVERY shadow/outline on every state and every child */
  html body .ui-selectonemenu,
  html body .ui-selectonemenu *,
  html body .ui-selectonemenu:hover,
  html body .ui-selectonemenu:hover *,
  html body .ui-selectonemenu:focus,
  html body .ui-selectonemenu:focus *,
  html body .ui-selectonemenu:focus-within,
  html body .ui-selectonemenu:focus-within *,
  html body .ui-selectonemenu.ui-state-hover,
  html body .ui-selectonemenu.ui-state-hover *,
  html body .ui-selectonemenu.ui-state-focus,
  html body .ui-selectonemenu.ui-state-focus *,
  html body .ui-selectonemenu.ui-state-active,
  html body .ui-selectonemenu.ui-state-active * {
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
  }

  /* Outer dropdown — clean rounded white pill, forced flex layout */
  html body .ui-selectonemenu {
    border: 2px solid #006b3c !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: stretch !important;
    min-height: 40px !important;
    vertical-align: middle !important;
    transition: border-color 0.2s ease !important;
  }

  /* Wipe grey theme on every inner table/cell/wrapper */
  html body .ui-selectonemenu table,
  html body .ui-selectonemenu tbody,
  html body .ui-selectonemenu tr,
  html body .ui-selectonemenu td,
  html body .ui-selectonemenu .ui-state-default,
  html body .ui-selectonemenu .ui-state-hover,
  html body .ui-selectonemenu .ui-state-focus,
  html body .ui-selectonemenu .ui-state-active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
  }

  /* Label cell — solid white */
  html body .ui-selectonemenu .ui-selectonemenu-label,
  html body .ui-selectonemenu td.ui-selectonemenu-label,
  html body .ui-selectonemenu .ui-selectonemenu-label.ui-state-hover,
  html body .ui-selectonemenu .ui-selectonemenu-label.ui-state-focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #373737 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    padding: 8px 14px !important;
    border: none !important;
    min-width: 80px !important;
    flex: 1 1 auto !important;
  }

  /* Green trigger button on the right */
  html body .ui-selectonemenu .ui-selectonemenu-trigger {
    background: #006b3c !important;
    background-color: #006b3c !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    width: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
  }

  html body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
  html body .ui-selectonemenu .ui-selectonemenu-trigger span {
    color: #ffffff !important;
    background: transparent !important;
    margin: 0 !important;
  }

  /* Hover — only the border color changes, NO halo */
  html body .ui-selectonemenu:hover,
  html body .ui-selectonemenu.ui-state-hover {
    border-color: #ff6f61 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
  }

  /* Focus — subtle green ring */
  html body .ui-selectonemenu.ui-state-focus,
  html body .ui-selectonemenu:focus,
  html body .ui-selectonemenu:focus-within {
    border-color: #006b3c !important;
    box-shadow: 0 0 0 3px rgba(0, 107, 60, 0.1) !important;
    outline: none !important;
  }

  /* Hide the underlying native <select> in case it leaks visually */
  html body .ui-selectonemenu select,
  html body select.ui-helper-hidden-accessible {
    position: absolute !important;
  html body select.ui-helper-hidden-accessible {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  /* Panel that opens below */
  /* Panel that opens below */
  html body .ui-selectonemenu-panel {
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e0e0e0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body .ui-selectonemenu-panel .ui-selectonemenu-item {
    padding: 8px 14px !important;
    border-radius: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    background: #ffffff !important;
    color: #373737 !important;
    box-shadow: none !important;
  }

  html body .ui-selectonemenu-panel .ui-selectonemenu-item:hover,
  html body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight {
    background: #006b3c !important;
    background-color: #006b3c !important;
    color: #ffffff !important;
  }