/* Shared edition poster chrome (header nav, badge, footer socials) */

/* ===== Issue selector dropdown ===== */
.issue-select{position:relative;z-index:30}
.issue-trigger{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  background:transparent;border:none;padding:0 0 0 14px;margin-left:2px;
  border-left:3px solid #000;color:#fff;
}
.issue-trigger .main-issue{padding:0;margin:0;border:none}
.issue-trigger .caret{
  width:20px;height:14px;color:#fff;flex-shrink:0;
  filter:drop-shadow(1px 1px 0 #000);transition:transform .18s;
}
.issue-select.open .issue-trigger .caret{transform:rotate(180deg)}
.issue-menu{
  position:absolute;top:calc(100% + 14px);left:-6px;min-width:372px;margin:0;padding:9px;
  list-style:none;background:var(--cream);border:4px solid #000;border-radius:8px;
  box-shadow:7px 8px 0 #000;
  opacity:0;visibility:hidden;transform:translateY(-8px) rotate(-.6deg);
  transition:opacity .16s, transform .16s;
}
.issue-select.open .issue-menu{opacity:1;visibility:visible;transform:translateY(0) rotate(-.6deg)}
.issue-menu a{
  display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:6px;
  font-family:var(--body);font-weight:700;font-size:20px;color:var(--ink);
  text-decoration:none;line-height:1.2;
}
.issue-menu a b{font-family:var(--bowlby);font-weight:400;font-size:20px;letter-spacing:.5px;color:var(--red-dylan)}
.issue-menu a:hover{background:#fff8e3}
.issue-menu a.cur{background:#f5b800}
.issue-menu a.cur b{color:#000}
.issue-menu a.all{
  font-family:var(--bowlby);font-size:20px;letter-spacing:.8px;text-transform:uppercase;
  color:#fff;background:var(--red-dylan);justify-content:space-between;
  text-shadow:1.5px 1.5px 0 #000;
}
.issue-menu a.all svg{width:27px;height:20px;color:#fff}
.issue-menu .sep{height:2px;background:#000;opacity:.18;margin:7px 5px}
@media (max-width:720px){
  .issue-menu{min-width:345px;top:calc(100% + 12px)}
  .issue-menu a,.issue-menu a b,.issue-menu a.all{font-size:22px}
  .issue-menu a{padding:16px 19px}
}

/* ===== "This issue" badge — large on Issue 01, base size on Issue 02 ===== */
.edition:not(.edition-2) a.issue-badge{
  text-decoration:none !important;cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease;
  transform:rotate(1.2deg) scale(2);
  transform-origin:top right;
  box-shadow:6px 6px 0 #000 !important;
}
.edition:not(.edition-2) a.issue-badge:hover{
  transform:rotate(1.2deg) scale(2.08);
  box-shadow:7px 9px 0 rgba(0,0,0,.45);
}
.edition-2 .issue-badge{
  transform:rotate(1.2deg);
  transform-origin:top right;
  box-shadow:3px 3px 0 #000;
  pointer-events:none;
}
.edition .issue-badge-label{
  background:var(--red-dylan) !important;
  color:#fff !important;
  text-shadow:1.5px 1.5px 0 #000 !important;
  border-bottom-color:#000 !important;
}
.edition-2 .issue-badge::after{
  content:none !important;
  display:none !important;
}

/* ===== Footer row: buttons + inline socials ===== */
.edition .ep-banner .footer-actions{
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;
  grid-template-columns:unset;
}
.edition .ep-banner .footer-actions .footer-btn{
  flex:0 0 auto;padding:8px 11px;min-height:44px;font-size:14px;
}
.edition .ep-banner .footer-actions .footer-btn .ico{width:24px;height:24px}
.edition .ep-banner .footer-actions .footer-btn .ico svg{width:16px;height:16px}
.edition .ep-banner .footer-actions .social-strip{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 auto;
  margin:0;padding:0;border-top:none;
}
.edition .social-strip .txt{
  font-family:var(--serif);font-size:11px;letter-spacing:1px;
  text-transform:uppercase;color:var(--strip-label, #fff);white-space:nowrap;
}
.edition .social-strip .txt b{font-family:var(--bowlby);font-weight:400;letter-spacing:.5px}
.edition .social-strip .socials{display:flex;gap:8px;flex-shrink:0}
.edition .social-strip a.soc{
  width:32px;height:32px;border-radius:50%;background:#0a0908;border:2.5px solid #000;
  display:grid;place-items:center;box-shadow:2px 2px 0 rgba(0,0,0,.45);
  transition:transform .12s;flex-shrink:0;
}
.edition .social-strip a.soc:hover{transform:translateY(-2px) rotate(-4deg)}
.edition .social-strip a.soc svg{width:16px;height:16px;fill:var(--strip-soc-fill, var(--cream))}
@media (max-width:720px){
  .edition .ep-banner .footer-actions{gap:8px}
  .edition .ep-banner .footer-actions .footer-btn{min-height:48px;font-size:15px;padding:8px 10px}
  .edition .ep-banner .footer-actions .social-strip{gap:8px}
  .edition .social-strip .txt{font-size:11px}
  .edition .social-strip a.soc{width:34px;height:34px}
  .edition .social-strip a.soc svg{width:17px;height:17px}
}

/* Dark-on-light banner (issue 2 gold strip) */
.edition.theme-banner-dark{
  --strip-label:#0a0908;
  --strip-soc-fill:#FCD200;
}