/* Hospitality (cat 6) - V14: 5 blocks with ALLERGEN BADGES (May 1 2026) */
:root {
  --hosp-scenario: #d97706;
  --hosp-scenario-bg: hsl(35, 78%, 96%);
  --hosp-sop: #ea580c;
  --hosp-sop-bg: hsl(20, 78%, 96%);
  --hosp-guest: #15803d;
  --hosp-guest-bg: hsl(143, 64%, 96%);
  --hosp-menu: #1e40af;
  --hosp-menu-bg: hsl(225, 64%, 97%);
  --hosp-reg: #c2410c;
  --hosp-reg-bg: hsl(15, 78%, 97%);
}

.service-scenario,.sop-hospitality,.guest-protocol,.menu-spec,.regulatory-callout{
  margin-block:18px;border-radius:8px;padding:clamp(14px,3vw,18px);
  font-size:15px;line-height:1.6;
}
.service-scenario .content-block-header,
.sop-hospitality .content-block-header,
.guest-protocol .content-block-header,
.menu-spec .content-block-header,
.regulatory-callout .content-block-header{
  font-weight:600;margin-block-end:12px;display:flex;align-items:center;gap:8px;
}

/* 1. service-scenario (WARM AMBER) */
.service-scenario{
  background:linear-gradient(135deg,var(--hosp-scenario-bg) 0%,#fff 100%);
  border-left:4px solid var(--hosp-scenario);
}
.service-scenario .content-block-header{color:var(--hosp-scenario)}
.service-scenario strong{color:color-mix(in srgb,var(--hosp-scenario) 85%,black)}
.service-scenario p{margin-block:6px}

/* 2. sop-hospitality (SUNSET CORAL) */
.sop-hospitality{
  background:var(--hosp-sop-bg);
  border-left:4px solid var(--hosp-sop);
}
.sop-hospitality .content-block-header{color:var(--hosp-sop)}
.sop-hospitality strong{color:color-mix(in srgb,var(--hosp-sop) 85%,black)}
.sop-hospitality ol{
  margin-block:8px;padding-inline-start:24px;
  background:#fff;padding-block:14px;padding-inline-end:14px;border-radius:4px;
}
.sop-hospitality ol li{margin-block:6px}

/* 3. guest-protocol (HOSPITALITY GREEN with DO/DONT grid) */
.guest-protocol{
  background:var(--hosp-guest-bg);
  border-left:4px solid var(--hosp-guest);
}
.guest-protocol .content-block-header{color:var(--hosp-guest)}
.guest-protocol .protocol-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:10px;
}
.guest-protocol .protocol-do,.guest-protocol .protocol-dont{
  padding:14px;border-radius:6px;background:#fff;
}
.guest-protocol .protocol-do{border-left:3px solid #16a34a}
.guest-protocol .protocol-do strong{color:#15803d}
.guest-protocol .protocol-dont{border-left:3px solid #dc2626}
.guest-protocol .protocol-dont strong{color:#b91c1c}
.guest-protocol ul{margin-block:6px;padding-inline-start:20px}

/* 4. menu-spec (ROYAL BLUE with ALLERGEN BADGES) */
.menu-spec{
  background:var(--hosp-menu-bg);
  border-left:4px solid var(--hosp-menu);
}
.menu-spec .content-block-header{color:var(--hosp-menu)}
.menu-spec .menu-name{
  font-size:18px;font-weight:600;color:var(--hosp-menu);
  margin-block-end:8px;
}
.menu-spec .menu-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin-block-end:10px;
}
.menu-spec .tag{
  display:inline-block;padding:3px 10px;border-radius:12px;
  font-size:11px;font-weight:700;letter-spacing:0.5px;
}
.menu-spec .tag-veg{background:#dcfce7;color:#166534;border:1px solid #4ade80}
.menu-spec .tag-vegan{background:#bbf7d0;color:#14532d;border:1px solid #16a34a}
.menu-spec .tag-gf{background:#fef3c7;color:#a16207;border:1px solid #fcd34d}
.menu-spec .tag-halal{background:#e0e7ff;color:#3730a3;border:1px solid #818cf8}
.menu-spec .tag-jain{background:#fce7f3;color:#9f1239;border:1px solid #f9a8d4}
.menu-spec .tag-kosher{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}
.menu-spec .menu-desc{
  background:#fff;padding:10px 14px;border-radius:4px;margin-block:8px;
}

/* 5. regulatory-callout (TERRACOTTA) */
.regulatory-callout{
  background:var(--hosp-reg-bg);
  border:2px solid var(--hosp-reg);
  border-radius:6px;
}
.regulatory-callout .content-block-header{color:var(--hosp-reg);text-transform:uppercase;letter-spacing:0.5px;font-size:14px}
.regulatory-callout strong{color:color-mix(in srgb,var(--hosp-reg) 85%,black)}

/* Phase 5 mask-image icons */
.service-scenario .content-block-header::before,
.sop-hospitality .content-block-header::before,
.guest-protocol .content-block-header::before,
.menu-spec .content-block-header::before,
.regulatory-callout .content-block-header::before{
  content:'';display:inline-block;width:18px;height:18px;
  background-color:currentColor;mask-size:contain;
  mask-repeat:no-repeat;mask-position:center;flex-shrink:0;
}
.service-scenario .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E")}
.sop-hospitality .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E")}
.guest-protocol .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'/%3E%3C/svg%3E")}
.menu-spec .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129'/%3E%3C/svg%3E")}
.regulatory-callout .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E")}

@media (prefers-reduced-motion:reduce){
  .service-scenario{transition:none}
}
@media (max-width:768px){
  .guest-protocol .protocol-grid{grid-template-columns:1fr}
}