/* Crafty Corner v0.4.80 — shared navigation and footer polish.
   Scoped to the existing React chrome. No links, routes, or event handlers are replaced. */
:root { --cc-chrome-ink:#f4f2eb; --cc-chrome-muted:#d2e2e3; --cc-chrome-teal:#83d9df; --cc-chrome-border:rgba(134,203,209,.26); }
#cc-chrome-header header.fixed,
#app header.fixed {
  background:linear-gradient(105deg,rgba(14,48,58,.98) 0%,rgba(25,41,53,.98) 48%,rgba(82,43,67,.98) 100%) !important;
  border-bottom:1px solid var(--cc-chrome-border)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
#cc-chrome-header header.fixed > div:first-child,
#app header.fixed > div:first-child {max-width:1320px;}
#cc-chrome-header header.fixed img[alt="Crafty Corner"],
#app header.fixed img[alt="Crafty Corner"] {filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"],
#app header.fixed nav[aria-label="Main navigation"] {gap:clamp(1rem,2vw,1.85rem);}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] > div > button,
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] > div > a,
#app header.fixed nav[aria-label="Main navigation"] > div > button,
#app header.fixed nav[aria-label="Main navigation"] > div > a {
  min-height:44px;display:inline-flex;align-items:center;gap:7px;
  color:var(--cc-chrome-ink)!important;font-size:.9rem;font-weight:600;
  border-radius:9px;padding:8px 9px;transition:color .18s,background .18s;
}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] > div > button:hover,
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] > div > a:hover,
#app header.fixed nav[aria-label="Main navigation"] > div > button:hover,
#app header.fixed nav[aria-label="Main navigation"] > div > a:hover {
  color:#F5EBD9!important;background:rgba(115,207,212,.12);
}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] > div > button:focus-visible,
#app header.fixed nav[aria-label="Main navigation"] > div > button:focus-visible,
#cc-chrome-header header.fixed a:focus-visible,
#app header.fixed a:focus-visible {
 outline:3px solid #F5EBD9!important;outline-offset:3px;
}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] .absolute.top-full,
#app header.fixed nav[aria-label="Main navigation"] .absolute.top-full,
#cc-chrome-header header.fixed .absolute.right-0,
#app header.fixed .absolute.right-0 {
  background:#10131D!important;border:1px solid rgba(113,202,211,.42)!important;
  border-radius:13px!important;padding:9px!important;min-width:230px;
  box-shadow:0 18px 42px rgba(0,0,0,.42);
}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] .absolute.top-full a,
#app header.fixed nav[aria-label="Main navigation"] .absolute.top-full a,
#cc-chrome-header header.fixed .absolute.right-0 a,
#app header.fixed .absolute.right-0 a {
  color:#F5EBD9!important;border-radius:8px!important;
  font-weight:500;font-size:.9rem;padding:11px 12px!important;line-height:1.4;
}
#cc-chrome-header header.fixed nav[aria-label="Main navigation"] .absolute.top-full a:hover,
#app header.fixed nav[aria-label="Main navigation"] .absolute.top-full a:hover,
#cc-chrome-header header.fixed .absolute.right-0 a:hover,
#app header.fixed .absolute.right-0 a:hover {
  color:#F5EBD9!important;background:rgba(102,202,212,.17)!important;
}
#cc-chrome-header header.fixed a[href="/artists/join"],
#app header.fixed a[href="/artists/join"] {
  border-radius:9px!important;background:linear-gradient(135deg,#302238,#302238)!important;
  color:white!important;border:1px solid rgba(153,240,243,.36);
  font-weight:700!important;box-shadow:0 3px 12px rgba(0,0,0,.16);
}
#cc-chrome-header header.fixed a[href="/artists/join"]:hover,
#app header.fixed a[href="/artists/join"]:hover {
  background:linear-gradient(135deg,#302238,#B18B5F)!important;
}
#cc-chrome-footer footer.canvas-bg,
#app footer.canvas-bg {
  position:relative;overflow:hidden;
  background:linear-gradient(120deg,#10131D 0%,#10131D 53%,#4a293e 100%)!important;
  border-top:1px solid rgba(120,218,225,.38)!important;
  color:var(--cc-chrome-ink)!important;
}
#cc-chrome-footer footer.canvas-bg::before,
#app footer.canvas-bg::before {
  content:"";position:absolute;pointer-events:none;top:30px;right:5%;
  width:180px;height:180px;opacity:.16;
  background:radial-gradient(ellipse at 30% 50%,transparent 38%,#D6B27C 39%,transparent 42%),
             radial-gradient(ellipse at 65% 55%,transparent 37%,#D6B27C 38%,transparent 41%);
  transform:rotate(-24deg);
}
#cc-chrome-footer footer.canvas-bg > div,
#app footer.canvas-bg > div {position:relative;z-index:1;}
#cc-chrome-footer footer.canvas-bg > div:first-child,
#app footer.canvas-bg > div:first-child {padding-top:54px!important;padding-bottom:44px!important;}
#cc-chrome-footer footer.canvas-bg h3,
#app footer.canvas-bg h3 {
  font-size:.83rem!important;font-weight:750!important;letter-spacing:.12em!important;
  color:#F5EBD9!important;margin-bottom:20px!important;
}
#cc-chrome-footer footer.canvas-bg ul,
#app footer.canvas-bg ul {gap:10px!important;}
#cc-chrome-footer footer.canvas-bg ul li a,
#app footer.canvas-bg ul li a {
  display:inline-block;color:#F5EBD9!important;
  font-size:.9rem;line-height:1.5;min-height:29px;
  transition:color .18s,transform .18s;
}
#cc-chrome-footer footer.canvas-bg ul li a:hover,
#app footer.canvas-bg ul li a:hover {
  color:#D6B27C!important;transform:translateX(3px);text-decoration:underline;
  text-underline-offset:3px;
}
#cc-chrome-footer footer.canvas-bg p,
#app footer.canvas-bg p {line-height:1.72!important;color:#F5EBD9!important;}
#cc-chrome-footer footer.canvas-bg .cc-social-link,
#app footer.canvas-bg .cc-social-link {
 width:41px!important;height:41px!important;border-radius:11px!important;
 color:#F5EBD9!important;background:rgba(5,25,34,.32)!important;
 border:1px solid rgba(169,225,229,.42)!important;
 transition:border-color .2s,background .2s,transform .2s;
}
#cc-chrome-footer footer.canvas-bg .cc-social-link:hover,
#app footer.canvas-bg .cc-social-link:hover {
 transform:translateY(-3px);border-color:#F5EBD9!important;
 background:rgba(66,145,154,.32)!important;
}
#cc-chrome-footer footer.canvas-bg a:focus-visible,
#app footer.canvas-bg a:focus-visible {outline:3px solid #F5EBD9!important;outline-offset:3px;}
@media(max-width:1023px) {
 #cc-chrome-header header.fixed .lg\:hidden,
 #app header.fixed .lg\:hidden {color:#F5EBD9!important;}
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"],
 #app header.fixed nav[aria-label="Mobile navigation"] {
  padding:17px 20px 24px!important;gap:8px!important;
 }
 #cc-chrome-header header.fixed .lg\:hidden.canvas-bg,
 #app header.fixed .lg\:hidden.canvas-bg {
  background:#10131D!important;border-top:1px solid var(--cc-chrome-border);
  max-height:min(78dvh,680px)!important;overflow-y:auto;overscroll-behavior:contain;
 }
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"] > div,
 #app header.fixed nav[aria-label="Mobile navigation"] > div {
  border:1px solid rgba(130,204,211,.23);background:rgba(29,64,74,.4);
  border-radius:12px;padding:7px 12px;
 }
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"] a,
 #app header.fixed nav[aria-label="Mobile navigation"] a {
  color:#F5EBD9!important;line-height:1.45;min-height:42px;display:flex;
  align-items:center;font-size:.95rem;padding:8px 9px!important;
  border-radius:8px;
 }
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"] a:hover,
 #app header.fixed nav[aria-label="Mobile navigation"] a:hover {
  background:rgba(76,172,180,.18);color:#F5EBD9!important;
 }
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"] > div > div:not(:first-child) a,
 #app header.fixed nav[aria-label="Mobile navigation"] > div > div:not(:first-child) a {
  font-size:.9rem!important;color:#F5EBD9!important;padding-left:13px!important;
  border-left:2px solid rgba(107,207,214,.29);
 }
 #cc-chrome-header header.fixed nav[aria-label="Mobile navigation"] a[href="/artists/join"],
 #app header.fixed nav[aria-label="Mobile navigation"] a[href="/artists/join"] {justify-content:center;}
}
@media(max-width:767px){
 #cc-chrome-footer footer.canvas-bg > div:first-child,
 #app footer.canvas-bg > div:first-child {padding-top:38px!important;padding-bottom:30px!important;}
 #cc-chrome-footer footer.canvas-bg h3,
 #app footer.canvas-bg h3 {margin-bottom:11px!important;}
 #cc-chrome-footer footer.canvas-bg .cc-social-link,
 #app footer.canvas-bg .cc-social-link {width:44px!important;height:44px!important;}
 #cc-chrome-footer footer.canvas-bg ul li a,
 #app footer.canvas-bg ul li a {min-height:36px;}
}
@media(prefers-reduced-motion:reduce){
 #cc-chrome-header header.fixed *,#app header.fixed *,
 #cc-chrome-footer footer.canvas-bg *,#app footer.canvas-bg * {transition:none!important;}
}