/* Photo contest in the site's "Bright Marquee" look (v0.41.0).
 *
 * Aleksey 2026-10-13: the photo contest pages should look like the rest of the
 * site now does (homepage, /events/, /faq/ ...). This is a LAYER over
 * frontend.css, loaded after it and only when the look is switched on, so
 * switching it off gives back exactly the pages as they were.
 *
 * Source of the look: the homepage template's parts/50-style.css. The colours,
 * radius, shadow and type roles below are copied from its tokens. Everything is
 * scoped to the wrapper .cwu-pc-mq (as that template scopes to its own), so
 * nothing here can reach a page that does not carry it.
 *
 * BUILT FILE — edit assets/marquee-src.css, not this. It is built by
 * photo-contest-tests/build-marquee.php, which inserts the recolour block
 * (every orange in frontend.css re-stated in the new palette) at the marker.
 */

.cwu-pc-mq{
  color-scheme:light;
  --mq-white:#ffffff;
  --mq-ink:#2b2320;
  --mq-ink-2:#5e544e;
  --mq-line:#e7e1db;
  --mq-red:#d63c32;    --mq-red-deep:#a52a22;
  --mq-yellow:#f6d83a; --mq-yellow-deep:#c9a70e;
  --mq-green:#8bc34a;  --mq-green-deep:#2f7d32;
  --mq-edge:rgba(43,35,32,.2);
  --mq-shadow:0 1px 0 rgba(43,35,32,.04),0 10px 26px rgba(43,35,32,.11);
  --mq-shadow-pop:0 18px 50px rgba(43,35,32,.28);
  --mq-display:Bangers,Impact,"Haettenschweiler","Arial Narrow",sans-serif;
  --mq-body:Fredoka,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mq-r-card:18px; --mq-r-pill:999px;
  --mq-gut:16px; --mq-max:1200px;
  background:var(--mq-white);
  color:var(--mq-ink);
  font-family:var(--mq-body);
  -webkit-font-smoothing:antialiased;
}
@media (min-width:768px){.cwu-pc-mq{--mq-gut:28px}}

/* The page itself: white, no theme chrome around it. */
body.cwu-pc-mq-body{margin:0;background:#fff}
.cwu-pc-mq :focus-visible{outline:3px solid var(--mq-ink);outline-offset:3px}

/* ---------- top bar: the same bar as the homepage and /events/ ---------- */
.cwu-pc-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--mq-white);font-family:var(--mq-body)}
body.admin-bar .cwu-pc-top{top:32px}
@media screen and (max-width:782px){body.admin-bar .cwu-pc-top{top:46px}}
@media screen and (max-width:600px){body.admin-bar .cwu-pc-top{top:0}}
.cwu-pc-top::after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--mq-red) 0 33.33%,var(--mq-yellow) 33.33% 66.66%,var(--mq-green) 66.66%)}
.cwu-pc-top *,.cwu-pc-top *::before,.cwu-pc-top *::after{box-sizing:border-box}
.cwu-pc-top-in{display:flex;align-items:center;gap:14px;min-height:60px;width:min(var(--mq-max),100% - 2*var(--mq-gut));margin-inline:auto}
.cwu-pc-brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;min-width:0;min-height:44px;color:var(--mq-ink);text-decoration:none}
.cwu-pc-brand:hover{color:var(--mq-ink);text-decoration:none}
.cwu-pc-brand img{display:block;width:36px;height:auto;flex:none}
.cwu-pc-brand-word{padding-top:2px;font-family:var(--mq-display);font-weight:400;font-size:27px;line-height:1;letter-spacing:.035em;white-space:nowrap}
.cwu-pc-brand-word b{font-weight:400;color:var(--mq-red)}
.cwu-pc-nav{display:none;align-items:center;gap:2px}
.cwu-pc-nav a{padding:9px 14px;border-radius:var(--mq-r-pill);font-weight:600;font-size:16px;line-height:1.55;color:var(--mq-ink);text-decoration:none;white-space:nowrap}
.cwu-pc-nav a:hover{background:var(--mq-yellow);color:var(--mq-ink);text-decoration:none}
.cwu-pc-topcta{display:none;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:2px solid var(--mq-red);border-radius:var(--mq-r-pill);background:var(--mq-white);color:var(--mq-red-deep);font:600 15px/1.15 var(--mq-body);text-decoration:none;box-shadow:0 5px 0 var(--mq-red);transition:transform .12s ease,box-shadow .12s ease}
.cwu-pc-topcta:hover{transform:translateY(-1px);box-shadow:0 6px 0 var(--mq-red);color:var(--mq-red-deep);text-decoration:none}
.cwu-pc-topcta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--mq-red)}
.cwu-pc-menu{position:relative}
.cwu-pc-menu summary{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mq-red);color:var(--mq-white);cursor:pointer;list-style:none}
.cwu-pc-menu summary::-webkit-details-marker{display:none}
.cwu-pc-menu summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cwu-pc-menu-panel{position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:2px;min-width:220px;padding:8px;border-radius:20px;background:var(--mq-white);box-shadow:var(--mq-shadow-pop)}
.cwu-pc-menu-panel a{padding:12px 16px;border-radius:14px;font-weight:600;color:var(--mq-ink);text-decoration:none}
.cwu-pc-menu-panel a:hover{background:var(--mq-yellow);color:var(--mq-ink);text-decoration:none}
@media (min-width:768px){.cwu-pc-topcta{display:inline-flex}}
@media (min-width:1180px){.cwu-pc-nav{display:flex}.cwu-pc-menu{display:none}}



/* ---------- type: Bangers headings, Fredoka body ---------- */
.cwu-pc-mq .cwu-pc-page,
.cwu-pc-mq .cwu-pc-auth{font-family:var(--mq-body);color:var(--mq-ink)}
.cwu-pc-mq .cwu-pc-page h1,
.cwu-pc-mq .cwu-pc-title,
.cwu-pc-mq .cwu-pc-hub-city > h2,
.cwu-pc-mq .cwu-pc-hub-faq > h2,
.cwu-pc-mq .cwu-pc-submit-title,
.cwu-pc-mq .cwu-pc-lb-title,
.cwu-pc-mq .cwu-pc-soon-head,
.cwu-pc-mq .cwu-pc-bars-title,
.cwu-pc-mq .cwu-pc-mine-title,
.cwu-pc-mq .cwu-pc-auth-title{
  font-family:var(--mq-display) !important;
  font-weight:400 !important;
  letter-spacing:.025em;
  text-transform:none;
  line-height:1.02;
}
.cwu-pc-mq .cwu-pc-page h1,
.cwu-pc-mq .cwu-pc-title{font-size:clamp(36px,7.2vw,60px) !important;text-wrap:balance}
.cwu-pc-mq .cwu-pc-hub-city > h2,
.cwu-pc-mq .cwu-pc-hub-faq > h2,
.cwu-pc-mq .cwu-pc-submit-title{font-size:clamp(28px,4.6vw,40px) !important;text-transform:none !important}
.cwu-pc-mq .cwu-pc-lb-title,
.cwu-pc-mq .cwu-pc-soon-head,
.cwu-pc-mq .cwu-pc-bars-title,
.cwu-pc-mq .cwu-pc-auth-title{font-size:27px !important}
.cwu-pc-mq .cwu-pc-mine-title{font-size:24px !important}
/* the year in an album title is the one red word, as headings carry on the homepage */
.cwu-pc-mq .cwu-pc-title-year{color:var(--mq-red)}

/* ---------- buttons: pills with a hard drop edge ---------- */
.cwu-pc-mq .cwu-pc-btn,
.cwu-pc-mq .cwu-pc-pick-btn,
.cwu-pc-mq .cwu-pc-authbox-btn{
  --mq-e:var(--mq-red-deep);
  border:0;
  border-radius:var(--mq-r-pill);
  background:var(--mq-red);
  color:var(--mq-white);
  font-family:var(--mq-body);
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  box-shadow:0 5px 0 var(--mq-e);
  transition:transform .12s ease,box-shadow .12s ease;
}
.cwu-pc-mq .cwu-pc-btn:hover,
.cwu-pc-mq .cwu-pc-pick-btn:hover,
.cwu-pc-mq .cwu-pc-authbox-btn:hover{background:var(--mq-red);color:var(--mq-white);transform:translateY(-1px);box-shadow:0 6px 0 var(--mq-e)}
.cwu-pc-mq .cwu-pc-btn:active,
.cwu-pc-mq .cwu-pc-pick-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--mq-e)}
.cwu-pc-mq .cwu-pc-btn:disabled{opacity:.6;transform:none;box-shadow:0 5px 0 var(--mq-e)}
.cwu-pc-mq .cwu-pc-btn-ghost{--mq-e:var(--mq-edge);background:var(--mq-white);color:var(--mq-ink);border:2px solid var(--mq-line)}
.cwu-pc-mq .cwu-pc-btn-ghost:hover{background:var(--mq-white);color:var(--mq-ink)}

/* ---------- cards: white, rounded, soft shadow ---------- */
.cwu-pc-mq .cwu-pc-albums > li,
.cwu-pc-mq .cwu-pc-card,
.cwu-pc-mq .cwu-pc-leaderboard,
.cwu-pc-mq .cwu-pc-submit .cwu-pc-form,
.cwu-pc-mq .cwu-pc-mine,
.cwu-pc-mq .cwu-pc-faq-item,
.cwu-pc-mq .cwu-pc-auth-card,
.cwu-pc-mq .cwu-pc-soon-teaser,
.cwu-pc-mq .cwu-pc-bars{
  border:1px solid var(--mq-line);
  border-radius:var(--mq-r-card);
  background-color:var(--mq-white);
  box-shadow:var(--mq-shadow);
}
.cwu-pc-mq .cwu-pc-albums > li,
.cwu-pc-mq .cwu-pc-card{overflow:hidden}

/* search box on the hub */
.cwu-pc-mq .cwu-pc-hub-q{border:2px solid var(--mq-line);border-radius:var(--mq-r-pill);font-family:var(--mq-body)}
.cwu-pc-mq .cwu-pc-hub-q:focus{border-color:var(--mq-red);outline:0;box-shadow:0 0 0 3px rgba(214,60,50,.18)}

/* year chips under an album title */
.cwu-pc-mq .cwu-pc-year-chip{border-radius:var(--mq-r-pill);font-family:var(--mq-body);font-weight:600}

/* v0.54.0: links to the Photo Contest Rules (prize box, FAQ, sign-up, upload form); album-theme colours when set */
.cwu-pc-mq .cwu-pc-prize-split{margin:8px 0 0;font-size:14px;color:var(--z-dim,var(--l-dim,#5e544e))}
.cwu-pc-mq .cwu-pc-rules-line{margin:14px 0 0;font-size:15px;color:var(--z-dim,var(--l-dim,#5e544e))}
.cwu-pc-mq .cwu-pc-auth-terms{margin:8px 0 4px;font-size:13px;line-height:1.45;color:#5e544e}
.cwu-pc-mq a.cwu-pc-rules-link{color:var(--z-neon-lit,var(--l-text,#a52a22));font-weight:600;text-decoration:underline}
/* the sign-up box and the upload form stay light on every theme */
.cwu-pc-mq .cwu-pc-auth-terms a,.cwu-pc-mq .cwu-pc-auth-terms a.cwu-pc-rules-link{color:var(--z-link-light,var(--l-text,#a52a22))}