/* Carreau Brno V5: focused visual iteration. Non-destructive overrides of site.css. */
:root{--brand-deep:#242a53}
/* Full logo is a transparent source SVG in both color modes; no background plates. */
.logo-link{background:transparent!important;box-shadow:none!important;padding:0!important;margin-left:0!important;position:relative;min-width:218px;height:62px}
.logo-link img{display:block;object-fit:contain;object-position:left center;position:absolute;inset:0;width:218px!important;height:62px!important}
.logo-link .logo-night{display:none}
body.dark .logo-link{background:transparent!important;padding:0!important;margin-left:0!important}
body.dark .logo-link .logo-day{display:none}
body.dark .logo-link .logo-night{display:block}
/* Competition logos: optically balanced, monochrome, transparent, no white boxes. */
.competitions-v5 .quick-card{align-items:stretch;gap:0}
.competitions-v5 .quick-card .competition-brand{height:132px;width:100%;margin:10px auto 13px;display:flex;align-items:center;justify-content:center;background:transparent!important;padding:0!important;border:0!important;gap:13px}
.competitions-v5 .competition-brand img{object-fit:contain;object-position:center;display:block;max-width:100%}
.competitions-v5 .competition-brand .logo-night{display:none}
.competitions-v5 .bpp-brand img{width:min(100%,255px);height:100px}
.competitions-v5 .extra-brand img{width:104px;height:104px;flex:0 0 auto}
.competitions-v5 .extra-brand strong{color:var(--brand-deep);font-size:clamp(28px,2.5vw,38px);font-weight:900;white-space:nowrap}
.competitions-v5 .cfks-brand img{width:104px;height:121px}
.competitions-v5 .quick-card p{margin-top:3px}
body.dark .competitions-v5 .quick-card .competition-brand{background:transparent!important;padding:0!important;margin:10px auto 13px!important;border-radius:0!important}
body.dark .competitions-v5 .competition-brand .logo-day{display:none}
body.dark .competitions-v5 .competition-brand .logo-night{display:block}
body.dark .competitions-v5 .extra-brand strong{color:#fff}
/* People: no artificial 01/03 pager, portraits remain circular without square cards. */
.page-cover{padding:34px 0 30px}
.page-cover h1{font-size:clamp(59px,6.2vw,92px);margin:10px 0 12px}
.page-cover .lead{font-size:clamp(15px,1.35vw,18px);max-width:650px;margin:0}
.cover-side .side-stat{font-size:68px}
.cover-side .side-stat-label{font-size:11px}
.board-section{padding:42px 0 49px}
.board-head{margin-bottom:23px}
.board-head h2{font-size:clamp(42px,4.1vw,57px);margin:10px 0 8px}
.board-head p{font-size:14px;margin:0}
.board-number{display:none!important}
.board-grid{max-width:790px;gap:20px}
.board-section .board-player,body.dark .board-section .board-player{padding:4px 5px 8px;background:transparent!important;border:none!important;box-shadow:none!important}
.board-player .player-ring{width:170px;max-width:100%;margin:0 auto 15px}
.board-player .player-role{font-size:11px;min-height:auto;margin:0 0 5px}
.board-player h3{font-size:25px;line-height:1.12;margin-bottom:4px}
.board-player .player-founder{font-size:10px}
.players-area{padding:52px 0 78px}
.players-intro{margin-bottom:34px}
.players-intro h2{font-size:clamp(43px,4.7vw,65px)}
.players-grid{row-gap:45px}
/* The timeline on About becomes visual editorial facts, not grey item rows. */
.about-info{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:50px}
.about-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:center}
.about-bullet{min-height:166px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:25px 23px;border:1px solid var(--line);border-top:4px solid #2e3192;background:#f3f4fb}
.about-bullet strong{font-size:clamp(45px,5vw,63px);line-height:.94;font-weight:900;color:#2e3192;letter-spacing:-.055em}
.about-bullet span{font-size:14px;font-weight:750;line-height:1.25;color:#343b64}
body.dark .about-bullet{background:#151515;border-top-color:#e7bb3a}
body.dark .about-bullet strong{color:#e7bb3a}
body.dark .about-bullet span{color:#e7e7e7}
/* About: three equally weighted tournament cards (one link each). */
.activities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.activity-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg);min-width:0}
.activity-media{height:206px;overflow:hidden;background:#eeeff6;display:flex;align-items:center;justify-content:center}
.activity-media>img{height:100%;width:100%;object-fit:cover}
.activity-media-logo>img{object-fit:contain;width:80%;height:70%}
.activity-copy{display:flex;align-items:flex-start;flex-direction:column;gap:9px;padding:25px 26px 28px;flex:1}
.activity-kicker{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:.12em}
.activity-copy h3{font-family:var(--display);font-size:34px;line-height:1.02;font-weight:900;letter-spacing:-.025em;margin:0}
.activity-copy p{color:var(--muted);font-size:15px;line-height:1.48;margin:0 0 7px}
.activity-copy .text-link{font-size:14px;margin-top:auto}
body.dark .activity-media{background:#252525}
body.dark .activity-media-logo img{filter:brightness(0) invert(1)}
/* About contact: calm two-column information, remove numbered boxes & redundant team listing. */
.contact-grid{border-top:2px solid var(--blue);display:grid;grid-template-columns:1.4fr 1fr;gap:55px;padding-top:30px}
.contact-grid>div{min-width:0}
.contact-grid h3{font-family:var(--display);font-size:30px;letter-spacing:-.02em;margin:0 0 12px}
.contact-grid p{color:var(--muted);font-size:17px;line-height:1.48;max-width:570px}
.contact-grid .contact-email a{color:var(--blue);font-size:19px;font-weight:800;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px;overflow-wrap:anywhere}
/* Vars metrics: symmetrical, centered, confident. */
.vars-metrics{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:430px;align-items:stretch;margin:22px 0 32px!important}
.vars-metrics>div{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;gap:4px!important;text-align:center;padding:17px 6px 16px;border-top:1px solid #ffffff66;border-bottom:1px solid #ffffff66}
.vars-metrics strong{font-family:var(--display);font-weight:900!important;line-height:1.02;font-size:clamp(44px,4vw,59px)!important;letter-spacing:-.035em}
.vars-metrics span{font-size:13px;font-weight:700;line-height:1.22;max-width:none!important;color:#e0e3f2}
/* Svitavka: actual venue photograph clipped from original club flyer, plus archival flyer. */
.svitavka-section{background:var(--bg)}
.svitavka-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:68px;align-items:center}
.svitavka-visual{position:relative;min-height:395px;margin-right:28px}
.svitavka-venue{width:100%;height:395px;object-fit:cover;background:#e3e7e7}
.svitavka-poster{position:absolute;right:-44px;bottom:-25px;width:155px;max-height:255px;object-fit:cover;box-shadow:0 14px 40px #1717353b;border:5px solid var(--bg)}
.svitavka-caption{position:absolute;left:16px;bottom:18px;padding:8px 11px;font-size:11px;letter-spacing:.09em;font-weight:850;background:#fff;color:#2e3192}
.svitavka-copy .lead{margin-bottom:25px}
.svitavka-note{display:block;margin-top:30px;color:var(--muted);font-size:12px;max-width:350px;line-height:1.5}
/* Sponsor logo uses official 2017 VARS + VINCI vector appearance with transparency. */
.partner-logo img{max-height:85px;object-fit:contain}
.partner-logo:has(img[src*="partner-vars.png"]) img{max-height:100px}
/* prevent prior forced white tiles in dark mode, but preserve legibility of multicolor sponsor marks. */
body.dark .partner-logo{background:transparent!important}
body.dark .partner-logo img{background:transparent}
body.dark .partner-logo:has(img[src*="partner-vars.png"]) img{filter:brightness(0) invert(1)}
body.dark .partner-logo:not(:has(img[src*="partner-vars.png"])) img{background:#fff;padding:7px 10px;border-radius:2px}
/* Responsive */
@media(max-width:1000px){.about-info{grid-template-columns:1fr;gap:28px}.about-bullets{max-width:700px}.activities-grid{grid-template-columns:1fr 1fr}.activities-grid>.activity-card:last-child{grid-column:1/-1}.svitavka-layout{gap:45px}}
@media(max-width:760px){.logo-link{min-width:174px;height:50px}.logo-link img{width:174px!important;height:50px!important}.page-cover{padding:27px 0 23px}.page-cover h1{font-size:65px}.board-section{padding:33px 0 36px}.board-player .player-ring{width:125px}.board-player h3{font-size:19px}.players-area{padding:45px 0 60px}.activities-grid{grid-template-columns:1fr}.activities-grid>.activity-card:last-child{grid-column:auto}.activity-card{display:grid;grid-template-columns:44% 56%;min-height:218px}.activity-media{height:100%;min-height:218px}.activity-copy{padding:22px}.activity-copy h3{font-size:30px}.contact-grid{grid-template-columns:1fr;gap:20px}.svitavka-layout{grid-template-columns:1fr;gap:45px}.svitavka-visual{min-height:330px;margin-right:22px}.svitavka-venue{height:330px}.vars-metrics{max-width:none}}
@media(max-width:520px){.logo-link{min-width:145px;height:42px}.logo-link img{width:145px!important;height:42px!important}.page-cover h1{font-size:58px}.cover-side .side-stat{display:none}.board-grid{gap:7px}.board-player{padding:4px 3px!important}.board-player .player-ring{width:100%;max-width:105px}.board-player h3{font-size:15px}.board-player .player-role{font-size:9px;min-height:0}.board-head h2{font-size:46px}.about-bullets{gap:9px}.about-bullet{min-height:135px;padding:17px 14px;gap:7px}.about-bullet strong{font-size:45px}.about-bullet span{font-size:12px}.activity-card{display:flex}.activity-media{height:175px;min-height:0}.activity-copy{padding:21px}.svitavka-visual{min-height:255px;margin-right:14px}.svitavka-venue{height:255px}.svitavka-poster{width:104px;right:-17px;bottom:-15px;border-width:3px}.svitavka-caption{font-size:9px;left:8px;bottom:8px}.vars-metrics{grid-template-columns:1fr 1fr;gap:9px}.vars-metrics strong{font-size:38px!important}.vars-metrics span{font-size:11px}}

/* Dark mode primary buttons must have accessible contrast. */
body.dark .hero-actions .cta:not(.secondary){background:#e7bb3a;color:#080808;border-color:#e7bb3a}
body.dark .hero-actions .cta.secondary{background:transparent;color:#e7bb3a;border-color:#e7bb3a}
@media(max-width:520px){body{overflow-x:clip}}
@media(max-width:520px){html{overflow-x:clip}}
