/* ------------------------------------------------------------------
   Muted category palette for The Apartment Service.
   Recolours the property category badges in two places:
     1. The "Apartments" dropdown menu pills (by menu-item id)
     2. The badges overlaid on listing cards (by .psb-term-<slug>)
   !important is required because the source colours are applied as
   inline styles / high-specificity rules.
   To tweak a colour, change the hex in BOTH the menu rule and the
   matching badge rule below.
   ------------------------------------------------------------------ */

/* ---- Listing-card badges ----
   Three class selectors (.psb-badge.special-badge.psb-term-<slug>) are used
   deliberately: the Special Badges plugin emits an inline <style> rule with
   !important at two-class specificity, so we need higher specificity to win. */
.psb-badge.special-badge.psb-term-hot-deals       { background-color: #94B84A !important; }
.psb-badge.special-badge.psb-term-luxury          { background-color: #5F4F59 !important; }
.psb-badge.special-badge.psb-term-coastal-escape  { background-color: #3F858A !important; }
.psb-badge.special-badge.psb-term-city-break      { background-color: #C08A3C !important; }
.psb-badge.special-badge.psb-term-urban-living    { background-color: #B35F48 !important; }
.psb-badge.special-badge.psb-term-village-living  { background-color: #6D7B54 !important; }
.psb-badge.special-badge.psb-term-iconic-views    { background-color: #4B6377 !important; }

/* ---- Apartments dropdown menu pills ----
   The theme colours these with high-specificity, href-based inline rules
   (e.g. #menu-mainmenu a.menu-link[href*="/property_type/hot-deals/"]).
   We match the same pattern with extra specificity (#menu-mainmenu +
   .sub-menu) so these win without relying on stylesheet order. */

/* View All (links to /apartments/, coloured by menu-item id) */
#menu-mainmenu .sub-menu li#menu-item-44490.menu-item > a.menu-link,
#menu-mainmenu .sub-menu li#menu-item-44490.menu-item > a.menu-link:hover,
#menu-mainmenu .sub-menu li#menu-item-44490.menu-item > a.menu-link:focus { background-color: #2C2C2B !important; }

/* Category pills (matched by their /property_type/<slug>/ link) */
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/hot-deals/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/hot-deals/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/hot-deals/"]:focus { background-color: #94B84A !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/luxury/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/luxury/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/luxury/"]:focus { background-color: #5F4F59 !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/coastal-escape/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/coastal-escape/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/coastal-escape/"]:focus { background-color: #3F858A !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/city-break/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/city-break/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/city-break/"]:focus { background-color: #C08A3C !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/urban-living/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/urban-living/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/urban-living/"]:focus { background-color: #B35F48 !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/village-living/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/village-living/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/village-living/"]:focus { background-color: #6D7B54 !important; }

#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/iconic-views/"],
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/iconic-views/"]:hover,
#menu-mainmenu .sub-menu a.menu-link[href*="/property_type/iconic-views/"]:focus { background-color: #4B6377 !important; }