/* Style the Home Extension Calculator */

/* #extension-calc button {
  border-radius: 3px;
  line-height: 1em;
  margin-top: 20px;
  margin-bottom: 20px;
}*/

/* ==========================================================================
   1. DEFAULT PROJECTS STYLE (Pink Border)
   ========================================================================== */

/* Target the inner container of all project cards on the homepage */

.homepage-custom-loop .loop-entry {
  background-color: #ffffff;
  border-left: 5px solid #e93b8e;
  /* Brand Pink */
  padding-left: 15px;
}

/* ==========================================================================
   2. DENTAL PRACTICE REFURBISHMENT OVERRIDE (Teal Border)
   ========================================================================== */

/* Overrides the left border color specifically for the dental project type */

.homepage-custom-loop .loop-entry.project-type-dental-practice-refurbishment {
  border-left-color: #3cb8bb;
  /* Brand Teal */
}

/* ==========================================================================
   DENTAL INDUSTRY PAGE SPECIFIC STYLES
   ========================================================================== */

/* 1. Change Breadcrumbs to Teal ONLY on the Dental Industry page */

.term-dental-industry .kadence-breadcrumbs a,
.term-dental-industry .kadence-breadcrumbs span {
  color: #3CB8BB !important;
  /* Standard Teal */
}

.term-dental-industry .kadence-breadcrumbs a:hover {
  color: #005f5f !important;
}

/* 2. Change Category Pill Box Color ONLY on the Dental Industry page */

.term-dental-industry .entry-taxonomies .category-style-pill a,
.term-dental-industry .entry-taxonomies [class*="badge"] a,
.term-dental-industry .wp-block-kadence-advancedheading .taxonomy-wrapper {
  background-color: #3CB8BB !important;
  /* Background color of the box */
  color: #ffffff !important;
  /* Text color inside the box */
}

/* ==========================================================================
   PROJECTS GRID: COLOR LOCATIONS PILL BASED ON DENTAL INDUSTRY
   ========================================================================== */

/* If a project card belongs to the dental industry, turn its location pills teal */

.post-type-archive-projects [class*="dental-industry"] .entry-taxonomies a,
.post-type-archive-projects [class*="dental-industry"] .kadence-post-categories a {
  background-color: #3CB8BB !important;
  /* Teal background */
  color: #ffffff !important;
  /* White text */
}

/* ==========================================================================
   PROJECT ARCHIVE HOVER COLORS (GLOBAL DEFAULT VS DENTAL EXCEPTION)
   ========================================================================== */

/* 1. Global Default: Changes ALL project grid titles to hover PINK */

.post-type-archive-projects .entry-title a:hover,
.tax-industries .entry-title a:hover,
.loop-entry .entry-title a:hover {
  color: #E93B8E !important;
  /* Hot Pink - swap with your exact brand pink hex code */
}

/* 2. Target Exception: Forces the hover color to TEAL if the card belongs to the dental industry */

[class*="dental-industry"] .entry-title a:hover {
  color: #3CB8BB !important;
  /* Teal */
}

/* ==========================================================================
   HOMEPAGE QUERY LOOP: TITLE & LOCATION LEFT BORDERS ONLY
   ========================================================================== */

/* 1. Global Home Default: Pink Hovers & Borders */

.home .wp-block-post-title a:hover,
.home .wp-block-post-terms a:hover,
.home .entry-taxonomies a:hover {
  color: #E93B8E !important;
  /* Brand Pink */
}

.home .wp-block-post-title,
.home .wp-block-post-terms,
.home .entry-taxonomies {
  border-left: 2px solid #E93B8E !important;
  /* Forces 2px Solid Pink Border */
}

/* 2. Dental Exception: Teal Hovers & Borders */

.home [class*="dental-industry"] .wp-block-post-title a:hover,
.home [class*="dental-industry"] .wp-block-post-terms a:hover,
.home [class*="dental-industry"] .entry-taxonomies a:hover {
  color: #3CB8BB !important;
  /* Dental Teal */
}

.home [class*="dental-industry"] .wp-block-post-title,
.home [class*="dental-industry"] .wp-block-post-terms,
.home [class*="dental-industry"] .entry-taxonomies {
  border-left: 2px solid #3CB8BB !important;
  /* Forces 2px Solid Teal Border */
}

/* ==========================================================================
   NAVIGATION: GLOBAL CLASS COLOR OVERRIDES (DESKTOP & MOBILE)
   ========================================================================= */

/* 1. Target Pink Menu Items Everywhere -> PINK (#E93B8E) */

li.menu-pink a,
li.menu-pink a * {
  color: #E93B8E !important;
}

li.menu-pink:hover > a,
li.menu-pink a:hover {
  color: #E93B8E !important;
}

/* 2. Target Teal Menu Items Everywhere -> TEAL (#3CB8BB) */

/*li.menu-teal a,
li.menu-teal a * {
  color: #3CB8BB !important;
}

li.menu-teal:hover > a,
li.menu-teal a:hover {
  color: #3CB8BB !important;
}*/