/**
 * @version     CVS: 1.0.0
 * @package     com_cuisine
 * @copyright   2025 Cuisine Compliance
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Dan Yager <dan@stargazerbooks.com>
 */

/* Introduction section above the map */
.cuisine-intro {
  max-width: 650px;
  margin: 0 auto 2rem auto;
  padding: 0 1rem;
}

.cuisine-intro h2 {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.75rem;
}

.cuisine-intro p {
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #333;
}

/* Full width on mobile devices */
@media (max-width: 768px) {
  .cuisine-intro {
    max-width: 100%;
  }
  
  .cuisine-intro h2 {
    font-size: 1.5rem;
  }
  
  .cuisine-intro p {
    font-size: 1rem;
  }
}

/* State map color classes based on requirement types */

/* No requirements - off-white, no hover change */
path.state-no-requirements,
path.state-none {
  fill: #f8f7f2;
  stroke: #000;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s;
}

path.state-no-requirements:hover,
path.state-none:hover {
  fill: #f8f7f2; /* Same color on hover */
}

/* OAA only - pale yellow to bright yellow */
path.state-oaa {
  fill: #f7f69c;
  stroke: #000;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s;
}

path.state-oaa:hover {
  fill: #ffff00;
}

/* Medicaid only - pale orange to bright orange */
path.state-medicaid {
  fill: #ffe6cc;
  stroke: #000;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s;
}

path.state-medicaid:hover {
  fill: #ffb366;
}

/* Both OAA and Medicaid - forest green to pale green */
path.state-medicaid-oaa,
path.state-oaa-medicaid,
path.state-both {
  fill: #03594c;
  stroke: #000;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s;
}

path.state-medicaid-oaa:hover,
path.state-oaa-medicaid:hover,
path.state-both:hover {
  fill: #90ee90;
}

/* Fallback for any unclassified paths */
path {
  fill: #f8f7f2;
  stroke: #000;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s;
}

path:hover {
  fill: #f8f7f2;
}

/* Tooltip styling */
#state-tooltip {
  position: absolute;
  pointer-events: none;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  display: none;
  z-index: 10;
}