/* 批 C（D-1/D-2, owner 2026-08-21 裁定）两个共享卡位的样式:
   咬钩区域顶部的禁渔禁止提示 / 禁渔条目的适用范围(分侧)行。

   对应模板:
     templates/fishing/partials/_ban_bite_notice.html
     templates/fishing/partials/_ban_applicable_scope.html
   地图弹窗(JS 注入, map.js)与月份弹窗(fishing_rules.js)复用同一套 class。

   与 ban_verdict.css 同一条纪律: 凡 include 上述 partial（或由 JS 注入这些
   class）的页面, 必须在 {% block head %} 链接本文件, 否则会渲染出没有配色的
   裸提示 —— 红/橙分级虽然不承担唯一语义(图标+文字冗余承载, 无障碍要求),
   但掉色仍是醒目度回退。 */

/* ── D-1 咬钩区禁止提示 ─────────────────────────────────────────────
   红级 = 结构化核验明确禁止休闲垂钓(ban_level: banned);
   橙级 = 禁令生效中、垂钓条件未核验或有条件例外(warning)。
   分级判定在服务端(fail-closed), 前端只按 class 上色。 */
.bite-ban-notice { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid transparent; font-size: 13px; line-height: 1.6; }
/* 必须显式写这一条: `hidden` 属性的 display:none 来自 UA 样式表, 作者样式表里的
   display:flex 无条件盖过它 —— 少了本行, 地图弹窗那个 JS 填充的空容器
   (#spot-ban-notice, 初始带 hidden)会在**每个**点位上渲染出来, 明明没有禁渔却
   挂着一条禁渔口径的免责句。map.css 对 .map-spot-card / .spot-summary-badge
   也是同样写法, 沿用同一约定。 */
.bite-ban-notice[hidden] { display: none; }
.bite-ban-notice--banned { background: #fee2e2; border-color: #fca5a5; color: #991b1b; }
.bite-ban-notice--warning { background: #ffedd5; border-color: #fdba74; color: #9a3412; }
.bite-ban-notice-icon { flex: 0 0 auto; font-size: 16px; line-height: 1.4; }
.bite-ban-notice-body { flex: 1 1 auto; min-width: 0; }
.bite-ban-notice-word { display: inline-block; margin-right: 6px; font-size: 14px; font-weight: 800; }
.bite-ban-notice--banned .bite-ban-notice-word { color: #b91c1c; }
.bite-ban-notice--warning .bite-ban-notice-word { color: #c2410c; }
.bite-ban-notice-msg { display: block; margin-top: 2px; }
.bite-ban-notice-link { flex: 0 0 auto; align-self: center; font-size: 12px; font-weight: 700; text-decoration: underline; color: inherit; white-space: nowrap; }
.bite-ban-notice-link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

/* ── D-2 适用范围/分侧行 ───────────────────────────────────────────
   有已核实范围 → 中性灰蓝(信息行); 范围未明确 → 琥珀(提醒档, 但语义仍全在
   文字里, 见 partial 注释)。 */
.ban-scope-line { margin-top: 6px; font-size: 12px; line-height: 1.6; color: #475569; }
.ban-scope-line--unspecified { color: #92400e; }
.ban-scope-icon { margin-right: 4px; }