/* ===================================================================== PLIK GENEROWANY — NIE EDYTUJ GO RĘCZNIE. Źródłem jest gpwf.css z projektu Grand Prix Wojciecha Fibaka. Ten plik powstaje z niego skryptem assets/_paleta-astra.py, który obraca całą paletę z granatowej na kawową. Poprawkę CSS-a robisz w pliku Fibaka, potem przeliczasz: python3 _paleta-astra.py gpwf.css Jeśli zmienisz coś tutaj, przepadnie przy najbliższym przeliczeniu. ===================================================================== */ /* ===================================================================== GPW FIBAKA — globalny CSS redesignu (50. Grand Prix Wojciecha Fibaka) Paleta: granat + niebieski + żółty akcent. ZAKRES: wszystkie reguły są pod .gpwf, żeby nie ruszać istniejących stron (SmartMag / Elementor / news). Aby użyć na stronie, owiń treść:
...markup z prototypu...
(np. jako blok WP Coder / Custom HTML na stronie w trybie Canvas). ===================================================================== */ /* ===================================================================== PALETA MARKI — ZMIEŃ TU KOLORY PRZY NOWEJ EDYCJI TURNIEJU. Wszystkie sekcje redesignu pobierają kolory z tych zmiennych. Wystarczy zmienić hex poniżej, żeby przemalować całą identyfikację (ticker, wyniki, plan gier, kafle, galeria, nagłówek, stopka, przyciski). ===================================================================== */ :root{ --navy:#241A12; --navy-2:#1A120C; --navy-3:#3A2A1C; --gold:#E8A857; /* żółty akcent (Twój) */ --gold-2:#F3C98A; /* jaśniejszy żółty do gradientów/podświetleń */ --clay:#A9541F; /* niebieski podstawowy (CTA, tagi) */ --clay-2:#C2703A; /* jaśniejszy niebieski */ --live:#D4802F; /* „na żywo" */ --ink:#1A120C; --paper:#F6F1E8; --line:rgba(255,255,255,.12); --white:#FFFFFF; --muted:#8B7A63; --sky:#E0B98A; } /* ---------- BASE ---------- */ .gpwf *{box-sizing:border-box;margin:0;padding:0} .gpwf{font-family:'Inter',system-ui,sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased} .gpwf h1,.gpwf h2,.gpwf h3,.gpwf h4,.gpwf .disp{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:600;line-height:1.05} .gpwf a{text-decoration:none;color:inherit} .gpwf img{max-width:100%;display:block} .gpwf .wrap{max-width:1200px;margin:0 auto;padding:0 24px} .gpwf .gold{color:var(--gold-2)} .gpwf .sec{padding:76px 0} .gpwf .eyebrow{font-family:'Oswald';text-transform:uppercase;letter-spacing:.28em;font-size:13px;font-weight:600;color:var(--clay-2)} /* ---------- BUTTONS ---------- */ .gpwf .btn{display:inline-flex;align-items:center;gap:9px;font-family:'Oswald';text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:15px;padding:13px 26px;border-radius:8px;cursor:pointer;border:none;transition:.2s;white-space:nowrap} .gpwf .btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--navy-2)} .gpwf .btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,154,3,.35)} .gpwf .btn-clay{background:var(--clay);color:#FFFFFF} .gpwf .btn-clay:hover{background:var(--clay-2);transform:translateY(-2px)} .gpwf .btn-ghost{background:transparent;color:#FFFFFF;border:1.5px solid var(--line)} .gpwf .btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-2)} /* ---------- TOP BAR ---------- */ .gpwf .topbar{background:var(--navy-2);color:#E8DBCB;font-size:13px} .gpwf .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;gap:16px} .gpwf .topbar .info{display:flex;gap:22px;align-items:center;font-family:'Oswald';letter-spacing:.05em;text-transform:uppercase;font-size:12.5px} .gpwf .topbar .info span{display:flex;align-items:center;gap:7px} .gpwf .topbar .dot{color:var(--gold-2)} .gpwf .live-pill{display:inline-flex;align-items:center;gap:8px;background:var(--clay);color:#FFFFFF;padding:5px 12px;border-radius:20px;font-family:'Oswald';font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600} .gpwf .live-pill .blink{width:8px;height:8px;border-radius:50%;background:#FFFFFF;animation:gpwfblink 1.1s infinite} @keyframes gpwfblink{0%,100%{opacity:1}50%{opacity:.25}} /* ---------- NAV ---------- */ .gpwf header.nav{position:sticky;top:0;z-index:60;background:rgba(43,34,28,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} .gpwf .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px} .gpwf .brand{display:flex;align-items:center;gap:14px;color:#FFFFFF} .gpwf .brand .mark{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Oswald';font-weight:700;color:var(--navy-2);font-size:22px;line-height:1} .gpwf .brand b{font-family:'Oswald';font-size:17px;letter-spacing:.03em;text-transform:uppercase;display:block} .gpwf .brand small{color:var(--gold-2);font-family:'Oswald';font-size:11px;letter-spacing:.18em;text-transform:uppercase} .gpwf nav.menu{display:flex;gap:26px;align-items:center} .gpwf nav.menu a{color:#EEE7DF;font-family:'Oswald';text-transform:uppercase;font-size:14px;letter-spacing:.04em;padding:6px 0;position:relative;transition:.2s} .gpwf nav.menu a:hover{color:var(--gold-2)} .gpwf nav.menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--gold-2);transition:.25s} .gpwf nav.menu a:hover::after{width:100%} .gpwf .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px} .gpwf .burger span{width:26px;height:2px;background:#FFFFFF;border-radius:2px} /* ---------- HERO ---------- */ .gpwf .hero{position:relative;background:radial-gradient(1200px 600px at 80% -10%,#4A3C30 0%,var(--navy) 45%,var(--navy-2) 100%);color:#FFFFFF;overflow:hidden;padding:70px 0 90px} .gpwf .hero .court{position:absolute;inset:0;opacity:.14;pointer-events:none} .gpwf .hero .ghost50{position:absolute;right:-40px;top:-30px;font-family:'Oswald';font-weight:700;font-size:min(46vw,620px);line-height:.8;color:#FFFFFF;opacity:.045;user-select:none;pointer-events:none} .gpwf .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center} .gpwf .badge-row{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap} .gpwf .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:7px 15px;font-family:'Oswald';font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#E8DBCB} .gpwf .chip.jub{background:linear-gradient(135deg,rgba(255,194,102,.18),rgba(255,154,3,.08));border-color:rgba(255,194,102,.5);color:var(--gold-2)} .gpwf .hero h1{font-size:clamp(40px,6vw,76px);font-weight:700;line-height:.95} .gpwf .hero h1 .fifty{color:var(--gold-2)} .gpwf .hero .sub{font-family:'Oswald';text-transform:uppercase;letter-spacing:.14em;color:#D7C1A5;margin-top:14px;font-size:15px} .gpwf .hero .lede{margin-top:20px;max-width:520px;color:#E3D4C1;font-size:16px} .gpwf .hero .cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap} .gpwf .meta-row{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap} .gpwf .meta-row .m small{display:block;font-family:'Oswald';letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-size:11px;margin-bottom:4px} .gpwf .meta-row .m b{font-family:'Oswald';font-size:19px;font-weight:500} /* countdown card */ .gpwf .countcard{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:18px;padding:28px;backdrop-filter:blur(6px)} .gpwf .countcard .hd{font-family:'Oswald';text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--gold-2);text-align:center;margin-bottom:6px} .gpwf .countcard .to{text-align:center;font-family:'Oswald';font-size:15px;color:#E8DBCB;margin-bottom:20px} .gpwf .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .gpwf .cd .u{background:var(--navy-2);border:1px solid var(--line);border-radius:12px;padding:16px 6px;text-align:center} .gpwf .cd .u b{font-family:'Oswald';font-size:34px;font-weight:600;display:block;line-height:1} .gpwf .cd .u small{font-family:'Oswald';text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;color:var(--muted)} .gpwf .countcard .foot{margin-top:20px;display:flex;gap:10px} .gpwf .countcard .foot .btn{flex:1;justify-content:center} /* ---------- LIVE RESULTS STRIP ---------- */ .gpwf .results{background:var(--navy-2);color:#FFFFFF;padding:34px 0} .gpwf .results .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap} .gpwf .results h2{font-size:24px} .gpwf .tabs{display:flex;gap:6px;background:rgba(255,255,255,.06);padding:5px;border-radius:10px} .gpwf .tab{font-family:'Oswald';text-transform:uppercase;font-size:13px;letter-spacing:.05em;padding:8px 16px;border-radius:7px;cursor:pointer;color:#E8DBCB;border:none;background:none;transition:.2s} .gpwf .tab.active{background:var(--gold);color:var(--navy-2)} .gpwf .cards{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory} .gpwf .cards::-webkit-scrollbar{height:8px} .gpwf .cards::-webkit-scrollbar-thumb{background:var(--navy-3);border-radius:8px} .gpwf .mcard{scroll-snap-align:start;background:linear-gradient(180deg,#3A2E25,#2E241D);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:300px} .gpwf .mcard .cat{font-family:'Oswald';text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--gold-2);margin-bottom:12px;display:flex;justify-content:space-between} .gpwf .mcard .cat .st{color:var(--clay-2)} .gpwf .row-p{display:flex;align-items:center;justify-content:space-between;padding:7px 0} .gpwf .row-p.win b{color:#FFFFFF} .gpwf .row-p:not(.win) b{color:#D2BA9A} .gpwf .p-l{display:flex;align-items:center;gap:9px;font-family:'Oswald';font-size:15px;letter-spacing:.02em} .gpwf .p-l .fl{width:22px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)} .gpwf .p-l .seed{color:var(--muted);font-size:12px} .gpwf .scores{display:flex;gap:8px} .gpwf .scores span{width:24px;text-align:center;font-family:'Oswald';font-size:16px} .gpwf .row-p.win .scores span{color:var(--gold-2)} .gpwf .divider{height:1px;background:var(--line);margin:2px 0} .gpwf .win-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-2);display:inline-block} /* ---------- QUICK TILES ---------- */ .gpwf .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-46px;position:relative;z-index:5} .gpwf .tile{background:#FFFFFF;border-radius:16px;padding:24px;box-shadow:0 20px 50px rgba(43,34,28,.10);border:1px solid #F6F2EE;transition:.22s;display:block} .gpwf .tile:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(43,34,28,.18)} .gpwf .tile .ic{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-3));display:flex;align-items:center;justify-content:center;margin-bottom:16px} .gpwf .tile .ic svg{width:24px;height:24px;stroke:var(--gold-2)} .gpwf .tile h3{font-size:19px;color:var(--navy)} .gpwf .tile p{color:#8F7964;font-size:14px;margin-top:6px} .gpwf .tile .go{margin-top:14px;font-family:'Oswald';text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:var(--clay);display:flex;align-items:center;gap:6px} /* ---------- SECTION HEADERS ---------- */ .gpwf .sh{text-align:center;max-width:640px;margin:0 auto 46px} .gpwf .sh h2{font-size:clamp(28px,4vw,44px);color:var(--navy);margin-top:10px} .gpwf .sh p{color:#8F7964;margin-top:12px} /* ---------- JUBILEE ---------- */ .gpwf .jub{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#FFFFFF;position:relative;overflow:hidden} .gpwf .jub .ghost{position:absolute;left:-30px;bottom:-90px;font-family:'Oswald';font-weight:700;font-size:min(40vw,520px);color:#FFFFFF;opacity:.04;line-height:.7} .gpwf .jub .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:2} .gpwf .jub .eyebrow{color:var(--gold-2)} .gpwf .jub h2{font-size:clamp(28px,4vw,46px);margin:12px 0 18px} .gpwf .jub p{color:#E3D4C1;margin-bottom:16px} .gpwf .jub .quote{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:var(--gold-2);border-left:3px solid var(--gold);padding-left:18px;margin:24px 0} .gpwf .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .gpwf .stat{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:24px} .gpwf .stat b{font-family:'Oswald';font-size:44px;font-weight:700;color:var(--gold-2);line-height:1;display:block} .gpwf .stat small{font-family:'Oswald';text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#D7C1A5;margin-top:8px;display:block} .gpwf .timeline{margin-top:30px;border-top:1px solid var(--line);padding-top:22px} .gpwf .tl{display:flex;gap:16px;padding:10px 0;align-items:baseline} .gpwf .tl b{font-family:'Oswald';color:var(--gold-2);min-width:56px;font-size:18px} .gpwf .tl span{color:#E3D4C1;font-size:14.5px} /* ---------- PLAYERS ---------- */ .gpwf .players .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .gpwf .pcard{border-radius:16px;overflow:hidden;background:var(--navy);color:#FFFFFF;position:relative;aspect-ratio:3/4;border:1px solid #F2EDE7} .gpwf .pcard .ph{position:absolute;inset:0;background:linear-gradient(180deg,#524335,var(--navy))} .gpwf .pcard .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(34,27,22,.92))} .gpwf .pcard .badge{position:absolute;top:14px;left:14px;z-index:3;background:var(--clay);color:#FFFFFF;font-family:'Oswald';font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:20px} .gpwf .pcard .seedno{position:absolute;top:14px;right:14px;z-index:3;font-family:'Oswald';font-size:34px;color:rgba(255,255,255,.22);font-weight:700;line-height:1} .gpwf .pcard .info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:18px} .gpwf .pcard .info .fl{width:26px;height:18px;border-radius:3px;margin-bottom:10px;box-shadow:0 0 0 1px rgba(255,255,255,.2)} .gpwf .pcard .info b{font-family:'Oswald';font-size:21px;display:block;line-height:1.05} .gpwf .pcard .info small{color:var(--gold-2);font-family:'Oswald';letter-spacing:.06em;text-transform:uppercase;font-size:12px} .gpwf .pcard .silh{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;width:78%;opacity:.9} /* ---------- NEWS ---------- */ .gpwf .news{background:#FFFFFF} .gpwf .ng{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px} .gpwf .ncard{border-radius:16px;overflow:hidden;border:1px solid #F6F2EE;background:#FFFFFF;transition:.2s;display:flex;flex-direction:column} .gpwf .ncard:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(43,34,28,.12)} .gpwf .ncard .img{aspect-ratio:16/9;background:linear-gradient(135deg,#E7DAC9,#C5AE93);position:relative} .gpwf .ncard.lead .img{aspect-ratio:16/11} .gpwf .ncard .img .tag{position:absolute;top:12px;left:12px;background:var(--navy);color:#FFFFFF;font-family:'Oswald';font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:6px} .gpwf .ncard .bd{padding:18px 20px 22px} .gpwf .ncard .date{font-family:'Oswald';text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--clay)} .gpwf .ncard h3{color:var(--navy);margin-top:8px;font-size:18px;line-height:1.12} .gpwf .ncard.lead h3{font-size:26px} .gpwf .ncard p{color:#8F7964;font-size:14px;margin-top:8px} /* ---------- SPONSORS ---------- */ .gpwf .sponsors{background:var(--paper)} .gpwf .slog{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:8px} .gpwf .slog .s{background:#FFFFFF;border:1px solid #F6F2EE;border-radius:12px;height:92px;display:flex;align-items:center;justify-content:center;font-family:'Oswald';color:#D2BB9C;letter-spacing:.06em;text-transform:uppercase;font-size:14px;transition:.2s} .gpwf .slog .s:hover{color:var(--navy);border-color:var(--gold)} .gpwf .tiers{display:flex;justify-content:center;gap:10px;margin-bottom:26px;flex-wrap:wrap} .gpwf .tierbtn{font-family:'Oswald';text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:#8F7964;padding:6px 14px;border-radius:20px;border:1px solid #EBE1D4} .gpwf .tierbtn.on{background:var(--navy);color:#FFFFFF;border-color:var(--navy)} /* ---------- CTA BAND ---------- */ .gpwf .band{background:linear-gradient(120deg,var(--clay),#584738);color:#FFFFFF;text-align:center;padding:64px 0} .gpwf .band h2{font-size:clamp(26px,4vw,42px)} .gpwf .band p{margin:14px auto 26px;max-width:560px;color:#F2EDE8} .gpwf .band .btn-w{background:#FFFFFF;color:var(--clay)} /* ---------- FOOTER ---------- */ .gpwf footer{background:var(--navy-2);color:#D7C1A5;padding:56px 0 26px} .gpwf .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px} .gpwf footer h4{color:#FFFFFF;font-size:15px;letter-spacing:.1em;margin-bottom:16px} .gpwf footer a{display:block;color:#D7C1A5;font-size:14px;padding:5px 0;transition:.15s} .gpwf footer a:hover{color:var(--gold-2)} .gpwf footer .brand b{color:#FFFFFF} .gpwf .soc{display:flex;gap:10px;margin-top:16px} .gpwf .soc a{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0} .gpwf .soc svg{width:17px;height:17px;fill:#E8DBCB} .gpwf .fbar{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px} .gpwf .note{background:#FFF6E9;border:1px solid #F0D3A8;color:#7A5A2A;font-size:13px;text-align:center;padding:10px;font-family:'Oswald';letter-spacing:.04em;text-transform:uppercase} /* ---------- RESPONSIVE ---------- */ @media(max-width:1000px){ .gpwf nav.menu{display:none} .gpwf .burger{display:flex} .gpwf .hero .wrap{grid-template-columns:1fr} .gpwf .tiles{grid-template-columns:repeat(2,1fr)} .gpwf .jub .grid{grid-template-columns:1fr;gap:34px} .gpwf .players .pg{grid-template-columns:repeat(2,1fr)} .gpwf .ng{grid-template-columns:1fr} .gpwf .slog{grid-template-columns:repeat(3,1fr)} .gpwf .fg{grid-template-columns:1fr 1fr} } @media(max-width:640px){ .gpwf .cd{grid-template-columns:repeat(4,1fr)} .gpwf .tiles{grid-template-columns:1fr} .gpwf .players .pg{grid-template-columns:1fr 1fr} .gpwf .slog{grid-template-columns:repeat(2,1fr)} .gpwf .fg{grid-template-columns:1fr} .gpwf .meta-row{gap:18px} } /* ===================================================================== NAGŁÓWEK/STOPKA BUDOWANE NATYWNIE W ELEMENTORZE (te reguły są POZA .gpwf — działają na widgetach Elementora). W Elementorze dodaj klasy CSS: kontenerowi topbara -> gpwf-topbar, kontenerowi nagłówka -> gpwf-header, widgetowi Nav Menu -> gpwf-menu. ===================================================================== */ .gpwf-topbar{background:var(--navy-2);color:#E8DBCB;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px} .gpwf-topbar a{color:#E8DBCB} .gpwf-header{background:rgba(43,34,28,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)} .gpwf-menu .elementor-item{font-family:'Oswald',sans-serif !important;text-transform:uppercase;letter-spacing:.04em;font-size:14px;color:#EEE7DF !important;position:relative;transition:.2s} .gpwf-menu .elementor-item:hover, .gpwf-menu .elementor-item.elementor-item-active{color:var(--gold-2) !important} .gpwf-menu .elementor-item::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--gold-2);transition:.25s} .gpwf-menu .elementor-item:hover::after{width:100%} .gpwf-menu .elementor-sub-item{font-family:'Oswald',sans-serif !important;text-transform:uppercase;font-size:13px;letter-spacing:.03em} /* ---- Ticker HOT (shortcode [gpwf_ticker]) — poza .gpwf ---- */ .gpwf-ticker{display:flex;align-items:stretch;height:34px;background:var(--clay,var(--clay));color:#FFFFFF;font-family:'Oswald',sans-serif;overflow:hidden} .gpwf-ticker-label{display:flex;align-items:center;gap:8px;background:var(--navy-2,var(--navy-2));color:var(--gold,var(--gold));font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;padding:0 16px;white-space:nowrap;z-index:2} .gpwf-ticker-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold,var(--gold));animation:gpwfblink 1.1s infinite} .gpwf-ticker-track{flex:1;overflow:hidden;display:flex;align-items:center} .gpwf-ticker-move{display:inline-flex;align-items:center;white-space:nowrap;animation:gpwf-marq 48s linear infinite;will-change:transform} .gpwf-ticker:hover .gpwf-ticker-move{animation-play-state:paused} .gpwf-ticker .ti{padding:0 6px;font-size:12.5px;letter-spacing:.04em} .gpwf-ticker .sep{color:var(--gold-2,var(--gold-2));opacity:.7;padding:0 10px;font-size:9px} @keyframes gpwf-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} .gpwf-ticker .ti.news{color:#FFFFFF} .gpwf-ticker a.ti:hover{color:var(--gold-2,var(--gold-2))} .gpwf-ticker .ntag{background:var(--gold,var(--gold));color:var(--navy-2,var(--navy-2));font-weight:700;font-size:10px;letter-spacing:.08em;padding:1px 6px;border-radius:4px;margin-right:5px;text-transform:uppercase} .gpwf-ticker .ntag.live{background:var(--live,var(--live));color:#FFFFFF} /* ticker: flagi, zwycięzca na żółto, wynik + reset marginesu body */ .gpwf-ticker .ti{display:inline-flex;align-items:center;padding:0 9px} .gpwf-ticker .tf{width:18px;height:12px;object-fit:cover;border-radius:2px;margin:0 5px 0 0;box-shadow:0 0 0 1px rgba(255,255,255,.25);flex:none} .gpwf-ticker .nm{white-space:nowrap} .gpwf-ticker .w,.gpwf-ticker .w .nm{color:var(--gold,var(--gold));font-weight:600} .gpwf-ticker .sc{color:#FFFFFF;font-weight:600;padding:0 8px;letter-spacing:.02em;white-space:nowrap} body{margin:0} /* --- v1.3: kraj zamiast flag, inline ticker (koniec nachodzenia), wolniejsze przewijanie, mocniejszy kontrast hero --- */ .gpwf-ticker-move{will-change:auto} .gpwf-ticker .ti{display:inline;white-space:nowrap;padding:0 11px} .gpwf-ticker .cc{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--gold-2,var(--gold-2));opacity:.9;margin-right:2px} .gpwf-ticker .w,.gpwf-ticker .w .cc{color:var(--gold,var(--gold));font-weight:600;opacity:1} .gpwf-ticker .sc{color:#FFFFFF;font-weight:600;padding:0 8px;white-space:nowrap} .gpwf .hero .hero-shade{background:linear-gradient(110deg,rgba(29,23,19,.97) 0%,rgba(38,30,24,.93) 45%,rgba(38,30,24,.78) 100%)} .gpwf .countcard{background:rgba(37,30,24,.6);backdrop-filter:none;-webkit-backdrop-filter:none} /* v1.3.1: kraj w [nawiasach], w kolorze zawodnika (dziedziczy: żółty przy zwycięzcy, biały przy przegranym) */ .gpwf-ticker .cc{color:inherit;opacity:1;font-size:inherit;font-weight:600;letter-spacing:.03em;margin-right:3px} /* ===== NAGŁÓWEK — Sekcja 2 (pasek nawigacji budowany w Elementorze) ===== */ .gpwf-header{background:var(--navy);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.12)} .gpwf-mark .elementor-heading-title{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2,var(--gold-2)),var(--gold,var(--gold)));color:var(--navy-2)!important;font-family:'Oswald',sans-serif!important;font-weight:700;font-size:24px;line-height:1;margin:0} .gpwf-brand b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:18px;font-weight:600;color:#FFFFFF;line-height:1.12} .gpwf-brand small{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--gold-2,var(--gold-2))} .gpwf-btn-live .elementor-button{background:linear-gradient(135deg,var(--gold-2,var(--gold-2)),var(--gold,var(--gold)));color:var(--navy-2);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-radius:8px} .gpwf-btn-live .elementor-button:hover{transform:translateY(-1px)} /* nagłówek — dopasowanie: menu w jednej linii, nazwa bez zawijania, odstęp od 50 */ .gpwf-brand{margin-left:12px} .gpwf-brand b{font-size:16px;white-space:nowrap;line-height:1.12} .gpwf-brand small{font-size:10px;letter-spacing:.12em;white-space:nowrap} .gpwf-menu .elementor-nav-menu>ul{flex-wrap:nowrap!important} .gpwf-menu .elementor-item{font-size:13px!important;padding:0 11px!important;letter-spacing:.02em} /* nagłówek — padding 12px + ukrycie strzałki podmenu */ .gpwf-header{padding:12px!important} .gpwf-menu .sub-arrow,.gpwf-menu .elementor-item .sub-arrow,.gpwf-menu .menu-item-has-children>a>.sub-arrow{display:none!important} /* utrwalenie: większy/pogrubiony wynik w tickerze */ .gpwf-ticker .sc{color:#FFFFFF;font-weight:800;padding:0 12px;white-space:nowrap} /* ===== KAFELKI SKRÓTÓW — Elementor Icon Box z klasą gpwf-tile ===== */ .gpwf-tile{background:#FFFFFF;border:1px solid #F6F2EE;border-radius:16px;padding:24px!important;box-shadow:0 18px 44px rgba(43,34,28,.10);transition:.22s;height:100%} .gpwf-tile:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(43,34,28,.16)} .gpwf-tile .elementor-icon-box-icon{margin-bottom:14px} .gpwf-tile .elementor-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-3));display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold-2)!important} .gpwf-tile .elementor-icon svg,.gpwf-tile .elementor-icon i{color:var(--gold-2)!important;fill:var(--gold-2)!important} .gpwf-tile .elementor-icon-box-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;color:var(--navy)!important;font-size:19px;letter-spacing:.02em;margin:0 0 6px} .gpwf-tile .elementor-icon-box-description{color:#8F7964!important;font-size:14px;line-height:1.5} /* ===== HERO natywny w Elementorze ===== */ .gp-50{color:var(--gold-2,var(--gold-2))} /* akcent "50." w tytule */ .gpwf-chips{display:flex;gap:10px;flex-wrap:wrap} .gpwf-chips .c{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:7px 15px;font-family:'Oswald',sans-serif;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#E8DBCB} .gpwf-chips .c.jub{background:linear-gradient(135deg,rgba(255,194,102,.18),rgba(255,154,3,.08));border-color:rgba(255,194,102,.5);color:var(--gold-2,var(--gold-2))} .gpwf-meta{display:flex;gap:28px;flex-wrap:wrap} .gpwf-meta .m small{display:block;font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2,var(--gold-2));font-size:11px;margin-bottom:4px} .gpwf-meta .m b{font-family:'Oswald',sans-serif;font-size:18px;font-weight:500;color:#FFFFFF} .gpwf-cd-card{background:rgba(37,30,24,.62)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:28px!important} .gpwf-countdown .elementor-countdown-item{background:var(--navy-2);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 6px} .gpwf-countdown .elementor-countdown-digits{font-family:'Oswald',sans-serif!important;font-size:32px!important;font-weight:600;color:#FFFFFF} .gpwf-countdown .elementor-countdown-label{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px!important;color:#8B7A63} /* hero — podtytuł jak w prototypie (klasa gpwf-sub na widgecie Heading/Text) */ .gpwf-sub,.gpwf-sub .elementor-heading-title,.gpwf-sub p{font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:#D7C1A5!important;font-size:15px!important;font-weight:500!important;margin:0} /* hero — przyciski Elementora: niebieski / obramowany + ustawienie w jednej linii */ .gpwf-btn-blue .elementor-button{background:var(--clay);color:#FFFFFF;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-radius:8px;padding:13px 26px} .gpwf-btn-blue .elementor-button:hover{background:var(--clay-2)} .gpwf-btn-out .elementor-button{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.35);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-radius:8px;padding:13px 26px} .gpwf-btn-out .elementor-button:hover{border-color:var(--gold-2);color:var(--gold-2)} .gpwf-inline{display:inline-block!important;width:auto!important;vertical-align:top;margin-right:12px} /* ===== [gpwf_results] — tablica wyników ===== */ .gpwf-board{font-family:'Inter',system-ui,sans-serif;color:#FFFFFF} .gpwf-board .gr-headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px} .gpwf-board .gr-eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--clay-2);display:flex;align-items:center;gap:8px} .gpwf-board .gr-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--live);animation:gpwfblink 1.1s infinite} .gpwf-board h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:26px;color:#FFFFFF;margin:2px 0 0;line-height:1.05} .gpwf-board .gr-all{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--clay-2)} .gpwf-board .gr-all:hover{color:#FFFFFF} .gpwf-board .gr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px} .gpwf-board .gr-tab{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:8px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#E8DBCB;cursor:pointer;transition:.2s} .gpwf-board .gr-tab.on{background:var(--clay-2);border-color:var(--clay-2);color:#FFFFFF} .gpwf-board .gr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .gpwf-board .gr-card{background:linear-gradient(180deg,rgba(61,49,39,.55),rgba(43,34,28,.55));border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:18px} .gpwf-board .gr-card.live{border-color:rgba(169,150,132,.5);box-shadow:0 0 0 1px rgba(169,150,132,.22)} .gpwf-board .gr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px} .gpwf-board .gr-metatxt{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:#D2BA9A} .gpwf-board .gr-status{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap} .gpwf-board .gr-status.live{color:var(--clay-2)} .gpwf-board .gr-status.done{color:var(--sky)} .gpwf-board .gr-status.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--live);animation:gpwfblink 1.1s infinite} .gpwf-board .gr-row{display:flex;align-items:center;gap:10px;padding:9px 0} .gpwf-board .gr-row+.gr-row{border-top:1px solid rgba(255,255,255,.07)} .gpwf-board .gr-fl{width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.2);flex:none} .gpwf-board .gr-nm{font-family:'Oswald',sans-serif;font-size:15px;flex:1;color:#E8DBCB} .gpwf-board .gr-nm i{color:#8B7A63;font-style:normal;font-size:12px} /* Zwyciezca w module Najnowsze wyniki: zloto + pogrubienie + ptaszek. Ptaszek jest kluczowy przy w.o. i kreczu, gdzie nie ma zadnych setow, wiec sam wynik nie zdradza, kto wygral. */ /* Flagi w tresci wpisow: motyw zaokragla wszystkie , a flaga panstwowa ma byc prostokatna. Dotyczy kart wynikowych wklejanych w newsach. */ img[src*="/images/flags/"]{border-radius:0!important} .gpwf-board .gr-row.win .gr-nm{color:var(--gold);font-weight:600} .gpwf-board .gr-row.win .gr-nm::after{content:"\2713";margin-left:9px;font-size:13px;font-weight:700;color:var(--gold);vertical-align:1px} .gpwf-board .gr-scores{display:flex;gap:12px} .gpwf-board .gr-scores span{font-family:'Oswald',sans-serif;font-size:17px;min-width:14px;text-align:center;color:#D2BA9A} .gpwf-board .gr-row.win .gr-scores span{color:var(--clay-2);font-weight:600} .gpwf-board .gr-scores sup{font-size:9px;color:#8B7A63;margin-left:1px} .gpwf-board .gr-actions{display:flex;gap:8px;margin-top:12px} .gpwf-board .gr-btn{flex:1;text-align:center;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:12px;padding:9px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#E8DBCB;background:rgba(255,255,255,.03)} .gpwf-board .gr-btn.live{border-color:rgba(169,150,132,.5);color:var(--sky)} .gpwf-board .gr-btn:hover{color:#FFFFFF;border-color:rgba(255,255,255,.3)} .gpwf-board .gr-note{color:#A08B76;font-size:12px;text-align:center;margin-top:22px;font-family:'Oswald',sans-serif;letter-spacing:.03em;text-transform:uppercase} .gpwf-board .gr-card.hide{display:none} @media(max-width:1000px){.gpwf-board .gr-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.gpwf-board .gr-grid{grid-template-columns:1fr}} @media(max-width:560px){.gpwf-board .gr-tabs{display:none!important}.gpwf-board .gr-grid>.gr-card:nth-child(n+7){display:none!important}} /* wyniki — wyśrodkowanie tabów w pionie */ .gpwf-board .gr-tab{display:inline-flex;align-items:center;justify-content:center;line-height:1} /* płynne przejście dołu hero do granatu następnej sekcji (klasa gpwf-fadebot na sekcji hero) */ .gpwf-fadebot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:440px;background:linear-gradient(to bottom,rgba(43,34,28,0) 0%,rgba(43,34,28,.5) 50%,var(--navy) 100%);z-index:1;pointer-events:none} .gpwf-fadebot>.elementor-container{position:relative;z-index:2} /* ===== KOREKTY nagłówka + tablicy (wg uwag) ===== */ /* 1. większe menu, 2/3. bez podkreślenia — tylko zmiana koloru */ .gpwf-menu .elementor-item{font-size:15px!important;padding:0 9px!important} .gpwf-menu .elementor-item::after{display:none!important} /* 4. submenu w kolorach motywu */ .gpwf-menu .sub-menu,.gpwf-menu .elementor-nav-menu--dropdown{background:var(--navy)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.35)!important} .gpwf-menu .elementor-sub-item{color:#EEE7DF!important;font-family:'Oswald',sans-serif!important;text-transform:uppercase;font-size:13px!important;letter-spacing:.04em} .gpwf-menu .elementor-sub-item:hover,.gpwf-menu .elementor-sub-item.elementor-item-active,.gpwf-menu .elementor-sub-item.highlighted{background:var(--navy-3)!important;color:var(--gold-2)!important} /* 5. pastylka niebieska (dodaj klasę blue do chipa ITF) + 6a. hover obramowania chipów */ .gpwf-chips .c{transition:.2s} .gpwf-chips .c.blue{background:var(--clay);border-color:var(--clay);color:#FFFFFF} .gpwf-chips .c:hover{border-color:var(--gold-2);color:#FFFFFF} .gpwf-chips .c.blue:hover{border-color:var(--sky)} /* 6b. hover obramowania: taby i karty wyników */ .gpwf-board .gr-tab{transition:.2s} .gpwf-board .gr-tab:hover{border-color:var(--clay-2);color:#FFFFFF} .gpwf-board .gr-card{transition:border-color .2s,box-shadow .2s} .gpwf-board .gr-card:hover{border-color:rgba(169,150,132,.55);box-shadow:0 0 0 1px rgba(169,150,132,.22)} /* 7. usuń dolny przypis (zostaw komunikat „brak meczów" w gridzie) */ .gpwf-board>.gr-note{display:none} /* ===== KAFELKI v2 (jak w prototypie): karta = KOLUMNA (gpwf-tile), ikona niebieska, link "go" (gpwf-tile-go) ===== */ .gpwf-tile .elementor-icon svg,.gpwf-tile .elementor-icon i{color:var(--clay-2)!important;fill:var(--clay-2)!important} .gpwf-tile-go{margin-top:14px} .gpwf-tile-go .elementor-button{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--clay-2)!important;padding:2px 0!important;font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600} .gpwf-tile-go .elementor-button:hover{color:var(--clay)!important} .gpwf-tile-go .elementor-button .elementor-button-text::after{content:" →"} /* KAFELKI v3 — odstępy między kartami (przezroczysta ramka) + niższa wysokość (auto) */ .gpwf-tile{border:18px solid transparent!important;background:#FFFFFF!important;background-clip:padding-box!important;border-radius:34px!important;box-shadow:0 18px 44px rgba(43,34,28,.10),inset 0 0 0 1px #F6F2EE!important;padding:26px!important;height:auto!important} .gpwf-tile:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(43,34,28,.16),inset 0 0 0 1px #EFE9E2!important} /* ===== JUBILEUSZ 50-LECIA (natywnie w Elementorze) ===== */ .gpwf-eyebrow,.gpwf-eyebrow .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--clay-2)!important;margin:0} .gpwf-quote,.gpwf-quote p{font-family:'Playfair Display',serif!important;font-style:italic;font-size:20px;color:var(--sky)!important;border-left:3px solid var(--clay-2);padding-left:18px;line-height:1.45;margin:0} .gpwf-timeline{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)} .gpwf-timeline li{display:flex;gap:16px;align-items:baseline;padding:11px 0;color:#E3D4C1;font-size:14.5px;font-family:'Inter',sans-serif;border-bottom:1px solid rgba(255,255,255,.07)} .gpwf-timeline li b{font-family:'Oswald',sans-serif;color:var(--gold-2);min-width:64px;font-size:18px;font-weight:600} .gpwf-poster img{border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.10)} /* statystyki (opcjonalny rząd 4 boxów) */ .gpwf-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px;text-align:center} .gpwf-stat b{font-family:'Oswald',sans-serif;font-size:40px;color:var(--clay-2);display:block;line-height:1} .gpwf-stat small{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#D7C1A5;display:block;margin-top:8px} /* statystyki 2×2 w jednym widgecie HTML (klasa gpwf-stats) */ .gpwf-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:600px){.gpwf-stats{grid-template-columns:1fr 1fr}} /* tytuł sekcji (H2) — Oswald/uppercase/biały; dodaj klasę gpwf-h2 do widgetu Nagłówek */ .gpwf-h2,.gpwf-h2 .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.02em;font-weight:600;line-height:1.06;color:#FFFFFF!important;font-size:clamp(28px,4vw,46px)} .gpwf-h2 .gp-blue{color:var(--clay-2)!important} /* akapit wiodący w sekcjach na ciemnym tle (opcjonalnie: klasa gpwf-lead) */ .gpwf-lead,.gpwf-lead p{color:#E3D4C1!important;font-size:16px;line-height:1.6} /* plakat — limit szerokości, żeby nie był zbyt duży */ .gpwf-poster img{max-width:440px;height:auto;margin-left:auto;margin-right:auto} .gpwf-poster{text-align:center} /* tło sekcji jubileuszowej/plakatu jak w prototypie (radialna poświata + głęboki granat) — dodaj klasę gpwf-jub do SEKCJI */ .gpwf-jub{background:radial-gradient(1200px 780px at 72% 16%, #5A493A 0%, #382D24 44%, #241D17 100%)!important} /* ===== [gpwf_schedule] — Plan gier (sekcja jasna) ===== */ .gpwf-sched{font-family:'Inter',system-ui,sans-serif;color:var(--navy)} .gpwf-sched .gs-headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px} .gpwf-sched .gs-eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--clay-2);font-weight:600} .gpwf-sched h2{font-family:'Oswald',sans-serif;text-transform:uppercase;color:var(--navy);font-size:clamp(26px,3.4vw,40px);margin:2px 0 0;line-height:1.05} .gpwf-sched .gs-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .gpwf-sched .gs-toggle{display:flex;background:#F6F2EE;border-radius:24px;padding:4px} .gpwf-sched .gs-tab{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;padding:8px 16px;border-radius:20px;border:none;background:none;color:#84705C;cursor:pointer;transition:.2s} .gpwf-sched .gs-tab.on{background:var(--navy);color:#FFFFFF} .gpwf-sched .gs-all{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--clay-2);white-space:nowrap} .gpwf-sched .gs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .gpwf-sched .gs-day[hidden]{display:none} .gpwf-sched .gs-court{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(43,34,28,.06)} .gpwf-sched .gs-court-h{background:var(--navy);color:#FFFFFF;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px} .gpwf-sched .gs-start{color:var(--sky);font-size:12px} .gpwf-sched .gs-match{padding:13px 16px;border-top:1px solid #F6F2EE} .gpwf-sched .gs-match:first-of-type{border-top:none} .gpwf-sched .gs-mtop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px} .gpwf-sched .gs-cat{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:var(--clay-2)} .gpwf-sched .gs-status{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.03em;white-space:nowrap;display:inline-flex;align-items:center;gap:5px} .gpwf-sched .gs-status.done{color:#2F9E44} .gpwf-sched .gs-status.live{background:var(--clay-2);color:#FFFFFF;padding:3px 9px;border-radius:20px} .gpwf-sched .gs-status.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#FFFFFF;animation:gpwfblink 1.1s infinite} .gpwf-sched .gs-time{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;color:#8B7A63;white-space:nowrap} .gpwf-sched .gs-row{display:flex;align-items:center;gap:10px;padding:5px 0} .gpwf-sched .gs-fl{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #F0EAE3;flex:none} .gpwf-sched .gs-nm{flex:1;font-family:'Oswald',sans-serif;font-size:15px;color:var(--navy)} .gpwf-sched .gs-nm i{color:#8B7A63;font-style:normal;font-size:12px} .gpwf-sched .gs-row.win .gs-nm{font-weight:600} .gpwf-sched .gs-sc{display:flex;gap:10px;font-family:'Oswald',sans-serif;font-size:16px;color:#C3AC90} .gpwf-sched .gs-row.win .gs-sc span{color:var(--clay-2);font-weight:600} .gpwf-sched .gs-sc sup{font-size:9px} .gpwf-sched .gs-vs{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:10px;color:#D2BB9C;padding:1px 0 1px 34px} .gpwf-sched .gs-live{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11.5px;letter-spacing:.03em;color:var(--clay-2)} .gpwf-sched .gs-empty{color:#8F7964;text-align:center;padding:24px} @media(max-width:1000px){.gpwf-sched .gs-grid{grid-template-columns:1fr}} /* Plan gier — elastyczna siatka. Liczbę kolumn ustala PHP i podaje ją w atrybucie data-cols na .gs-grid (patrz gpwf_sched_cols() w pluginie): domyślnie wynika z liczby kortów w danym dniu, można ją nadpisać wierszem PlanKolumny w tabeli `zmienne`. Dotyczy obu wystąpień shortcode'u [gpwf_schedule]: pełnego planu gier i sekcji „Dziś i jutro na kortach" na stronie głównej. Moduł wyników ([gpwf_results], .gpwf-board) ma własną siatkę i zostaje przy trzech kolumnach — te reguły go nie dotyczą. */ .gpwf-sched .gs-grid{display:flex!important;flex-wrap:wrap;gap:18px;justify-content:flex-start;grid-template-columns:none!important} /* Szerokości mają kilka pikseli zapasu względem wartości idealnych (50%-9px przy odstępie 18px). Wartość co do piksela wystarczy, żeby jedno obramowanie liczone poza szerokością (box-sizing:content-box) albo zaokrąglenie sub-pikselowe przelało rząd i zwinęło układ do jednej kolumny. Zapas kosztuje kilka pikseli i usuwa całą klasę tych awarii. */ .gpwf-sched .gs-court{box-sizing:border-box;flex:0 0 calc(50% - 12px);max-width:none} /* gdy zabraknie data-cols */ .gpwf-sched .gs-grid[data-cols="1"] .gs-court{flex:0 0 100%} .gpwf-sched .gs-grid[data-cols="2"] .gs-court{flex:0 0 calc(50% - 12px)} .gpwf-sched .gs-grid[data-cols="3"] .gs-court{flex:0 0 calc(33.333% - 15px)} /* Telefony i wąskie tablety: zawsze jedna kolumna, niezależnie od liczby kortów i od ustawienia PlanKolumny. Karta kortu ma stałe elementy (flaga, nazwisko, rozstawienie, gemy), poniżej ~350 px robi się z tego kaszana. !important jest tu potrzebne, a nie wygodne: reguły z [data-cols] mają wyższą specyficzność niż selektor bez atrybutu, a media query nie podnosi specyficzności. Bez tego układ dwu- i trzykolumnowy wygrywał również na telefonie. */ @media(max-width:900px){ .gpwf-sched .gs-grid .gs-court, .gpwf-sched .gs-grid[data-cols] .gs-court{flex:1 1 100%!important;max-width:100%} } /* Tablety i wąskie laptopy: trzy korty obok siebie dają karty po ~290 px, więc na tym zakresie schodzimy do dwóch kolumn. */ @media(min-width:901px) and (max-width:1100px){ .gpwf-sched .gs-grid[data-cols="3"] .gs-court{flex:0 0 calc(50% - 12px)} } /* Plan gier — wyśrodkowanie napisów w tabach toggle */ .gpwf-sched .gs-tab{display:inline-flex;align-items:center;justify-content:center;line-height:1} /* Plan gier — równanie kolumn gemów w pionie (stała szerokość) */ .gpwf-sched .gs-sc span{display:inline-block;width:20px;text-align:center} /* ===================================================================== GALERIA „Kadry z kortów" — natywny Elementor Image Carousel (Pro). Nadaj widgetowi Karuzela zdjęć klasę CSS: gpwf-gallery ===================================================================== */ .gpwf-gallery figure.swiper-slide-inner, .gpwf-gallery .swiper-slide figure{position:relative;margin:0;border-radius:16px;overflow:hidden} .gpwf-gallery .swiper-slide-image, .gpwf-gallery .swiper-slide img{display:block!important;width:100%!important;height:300px!important;object-fit:cover!important;border-radius:16px} .gpwf-gallery .elementor-image-carousel-caption{ position:absolute!important;left:0;right:0;bottom:0;margin:0;text-align:left; padding:34px 16px 14px; background:linear-gradient(to top,rgba(34,27,22,.94) 0%,rgba(34,27,22,.55) 48%,rgba(34,27,22,0) 100%); color:#EEE7DF;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;line-height:1.3} /* nawigacja: kropki + strzałki na niebiesko */ .gpwf-gallery .swiper-pagination-bullet{background:var(--sky);opacity:.5} .gpwf-gallery .swiper-pagination-bullet-active{background:var(--clay-2);opacity:1} .gpwf-gallery .elementor-swiper-button{color:#FFFFFF} /* Link „więcej →" (np. CAŁA GALERIA) — lekki, niebieski, Oswald */ .gpwf-more,.gpwf-more .elementor-heading-title, .gpwf-more .elementor-button,.gpwf-more a{ font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.05em; font-size:13px;color:var(--clay-2)!important;white-space:nowrap; background:none!important;border:none!important;padding:0!important;box-shadow:none!important} /* Ciemny wariant tytułu sekcji (H2) na JASNYM tle — klasa gpwf-h2d */ .gpwf-h2d,.gpwf-h2d .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.02em;font-weight:600;line-height:1.06;color:var(--navy)!important;font-size:clamp(28px,4vw,46px)} .gpwf-h2d .gp-blue{color:var(--clay-2)!important} /* ===================================================================== AKTUALNOŚCI „Relacje z turnieju" — natywny Elementor Posts (Skin: Classic). Nadaj widgetowi Wpisy klasę CSS: gpwf-news ===================================================================== */ .gpwf-news .elementor-post{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:16px;overflow:hidden;transition:.2s;display:flex;flex-direction:column} .gpwf-news .elementor-post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(43,34,28,.12);border-color:#EADFD1} .gpwf-news .elementor-post__thumbnail img{width:100%;height:100%;object-fit:cover} .gpwf-news .elementor-post__text{padding:18px 20px 22px} .gpwf-news .elementor-post__badge{background:var(--navy);color:#FFFFFF;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;top:14px;left:14px} .gpwf-news .elementor-post__title,.gpwf-news .elementor-post__title a{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.01em;color:var(--navy);font-size:18px;line-height:1.2} .gpwf-news .elementor-post__title a:hover{color:var(--clay-2)} .gpwf-news .elementor-post__meta-data{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:#8B7A63;margin-bottom:8px} .gpwf-news .elementor-post__excerpt p{font-family:'Inter',sans-serif;color:#715B48;font-size:14px;line-height:1.55} .gpwf-news .elementor-post__read-more{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;color:var(--clay-2)} /* ===================================================================== SPONSORZY „Sponsorzy i partnerzy" — jedna siatka + nagłówki poziomów. - Etykieta poziomu: widget Nagłówek z klasą gpwf-tier - Siatka logotypów: Inner Section (kolumny z widgetami Obraz) z klasą gpwf-logos - Przycisk złoty: widget Przycisk z klasą gpwf-btn-gold ===================================================================== */ .gpwf-tier .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:600;color:#8B7A63!important;display:flex;align-items:center;justify-content:center;gap:16px} .gpwf-tier .elementor-heading-title::before,.gpwf-tier .elementor-heading-title::after{content:"";height:1px;width:48px;background:#EBE3DA} .gpwf-logos .elementor-widget-image{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:104px;transition:.2s} .gpwf-logos .elementor-widget-image:hover{border-color:#D9C5AA;box-shadow:0 10px 26px rgba(43,34,28,.10)} .gpwf-logos img{max-height:60px;width:auto!important;margin:0 auto;object-fit:contain;filter:grayscale(1);opacity:.62;transition:.25s} @media(max-width:560px){.gpwf-logos .elementor-column{width:50%!important}.gpwf-logos .elementor-widget-image{min-height:88px;padding:14px}.gpwf-logos img{max-height:52px}} .gpwf-logos a:hover img,.gpwf-logos .elementor-widget-image:hover img{filter:none;opacity:1} .gpwf-btn-gold .elementor-button{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:var(--navy-2)!important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-radius:8px;padding:14px 30px;border:none;transition:.2s} .gpwf-btn-gold .elementor-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,154,3,.35)} /* ===================================================================== STOPKA GLOBALNA (Elementor Theme Builder → Footer). Na SEKCJI stopki nadaj klasę: gpwf-footer Na dolnym pasku (copyright) nadaj klasę: gpwf-fbar ===================================================================== */ .gpwf-footer{background:var(--navy-2)} .gpwf-footer, .gpwf-footer p, .gpwf-footer .elementor-icon-list-text{color:#D4BD9E;font-family:'Inter',sans-serif;font-size:14px;line-height:1.6} .gpwf-footer h1,.gpwf-footer h2,.gpwf-footer h3,.gpwf-footer h4, .gpwf-fhead .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:#FFFFFF!important;margin-bottom:14px} .gpwf-footer a{color:#D4BD9E;text-decoration:none;transition:.2s} .gpwf-footer a:hover{color:var(--gold-2)} .gpwf-footer .elementor-icon-list-item{margin-bottom:9px;border:none!important} .gpwf-footer .elementor-icon-list-text{font-size:14px} /* Znaczek „50" (widget Nagłówek z klasą gpwf-fmark) */ .gpwf-fmark .elementor-heading-title{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--navy-2)!important;font-family:'Oswald',sans-serif!important;font-weight:700;font-size:22px;line-height:1;margin:0} /* Ikony społecznościowe (widget Ikony społ.) */ .gpwf-footer .elementor-social-icon{background:rgba(255,255,255,.08)!important;color:#FFFFFF!important;transition:.2s} .gpwf-footer .elementor-social-icon:hover{background:var(--clay)!important;transform:translateY(-2px)} /* Dolny pasek — copyright */ .gpwf-fbar{border-top:1px solid rgba(255,255,255,.1)} .gpwf-fbar, .gpwf-fbar .elementor-heading-title, .gpwf-fbar p{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:#8B7A63!important} /* Podtytuł marki w stopce — złoty (widget Nagłówek/Tekst z klasą gpwf-fsub) */ .gpwf-fsub,.gpwf-fsub .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--gold-2)!important;margin:0} /* Stopka — kolumny wyrównane do góry + odstępy w kolumnie marki */ .gpwf-footer .elementor-widget-wrap{align-content:flex-start!important} .gpwf-fmark{margin-bottom:16px!important} .gpwf-fsub{margin-bottom:14px!important} /* Stopka — blok marki (Inner Section: „50" obok nazwy). Klasa: gpwf-brandrow */ .gpwf-brandrow .elementor-widget-wrap{align-content:center!important} .gpwf-brandrow .gpwf-fmark{margin-bottom:0!important} .gpwf-brandrow .elementor-column{align-self:center} /* Kompaktowy złoty przycisk „Livestream" w GÓRNYM pasku. Klasa: gpwf-btn-live-sm */ .gpwf-btn-live-sm .elementor-button{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:var(--navy-2)!important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:12px;line-height:1;border-radius:6px;padding:7px 16px;border:none;transition:.2s} .gpwf-btn-live-sm .elementor-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,154,3,.35)} /* Obowiązkowe logo ITF w nagłówku (widget Obraz). Klasa: gpwf-itf */ .gpwf-itf img{height:40px!important;width:auto!important;display:block} /* Górny pasek: ticker na PEŁNĄ szerokość, przycisk Livestream nałożony po prawej. Ticker wyłania się spod granatowego fade niezależnie od szerokości ekranu. */ .gpwf-topbar{position:relative;overflow:hidden} .gpwf-topbar::after{content:"";position:absolute;top:0;right:0;bottom:0;width:230px;background:linear-gradient(to right,rgba(34,27,22,0),var(--navy-2) 58%);pointer-events:none;z-index:2} .gpwf-topbar .gpwf-btn-live-sm{position:absolute!important;right:16px;top:50%;transform:translateY(-50%);z-index:5;margin:0!important;width:auto!important} /* Stopka — blok marki: nazwa + ITF ciasno, bez dolnych marginesów, znaczek „50" wyśrodkowany */ .gpwf-brandrow .elementor-widget{margin-bottom:0!important} .gpwf-brandrow h4{margin-bottom:3px!important} .gpwf-brandrow .gpwf-fsub,.gpwf-brandrow .gpwf-fsub .elementor-heading-title{margin-bottom:0!important} /* Ukryj pustą, wbudowaną stopkę motywu SmartMag (używamy stopki z Elementora) */ footer.main-footer{display:none!important} /* Klasy tła sekcji — żeby tła też szły z palety :root. Nadaj sekcji zamiast ręcznego koloru tła: gpwf-bg-navy / gpwf-bg-navy2 / gpwf-bg-paper / gpwf-bg-white */ .gpwf-bg-navy{background:var(--navy)!important} .gpwf-bg-navy2{background:var(--navy-2)!important} .gpwf-bg-paper{background:var(--paper)!important} .gpwf-bg-white{background:var(--white)!important} /* Plan gier — tryb pełny: wiele zakładek dni (zawijają się i centrują) */ .gpwf-sched-full .gs-headrow{justify-content:center} .gpwf-sched-full .gs-toggle{flex-wrap:wrap;justify-content:center} /* Nagłówek podstrony — granatowy pasek. Sekcja: klasa gpwf-pagehead. Nadtytuł: gpwf-eyebrow · tytuł: gpwf-ph-title · podtytuł: gpwf-ph-sub */ .gpwf-pagehead{background:var(--navy)} .gpwf-ph-title,.gpwf-ph-title .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.02em;font-weight:600;line-height:1.05;color:#FFFFFF!important;font-size:clamp(30px,5vw,54px)} .gpwf-ph-sub,.gpwf-ph-sub .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:#D7C1A5!important} /* Debel — flaga przy każdym zawodniku (flagi wewnątrz nazwy) */ .gpwf-board .gr-nm .gr-fl{display:inline-block;vertical-align:middle;margin:0 7px 2px 0} .gpwf-sched .gs-nm .gs-fl{display:inline-block;vertical-align:middle;margin:0 6px 2px 0} /* Plan gier (pełny) — dzień nieaktywny: wyszarzona, nieklikalna zakładka */ .gpwf-sched .gs-tab-off{opacity:.4;cursor:not-allowed} .gpwf-sched .gs-tab-off:hover{background:none;color:#84705C} /* Plan gier — link do PDF planu dnia */ .gpwf-sched .gs-daybar{display:flex;justify-content:flex-end;margin-bottom:14px} .gpwf-sched .gs-pdf{display:inline-flex;align-items:center;gap:7px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;color:var(--clay-2);border:1px solid #EBE1D4;background:#FFFFFF;padding:8px 14px;border-radius:8px;transition:.2s} .gpwf-sched .gs-pdf:hover{border-color:var(--clay-2);background:#FAF9F7} /* Plan pełny — wyraźne 3 stany zakładek dni: bieżący (granat) · aktywny/klikalny (biały chip, błękitny obrys) · nieaktywny (przerywany, wyszarzony) */ .gpwf-sched-full .gs-toggle{background:transparent;padding:0;gap:10px} .gpwf-sched-full .gs-tab{background:#FFFFFF;border:1px solid var(--sky);color:var(--clay);border-radius:20px} .gpwf-sched-full .gs-tab:hover{border-color:var(--clay-2);color:var(--clay-2);box-shadow:0 4px 12px rgba(169,150,132,.18)} .gpwf-sched-full .gs-tab.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF;box-shadow:none} .gpwf-sched-full .gs-tab-off, .gpwf-sched-full .gs-tab-off:hover{background:transparent;border:1px dashed #E5D8C6;color:#C3AC90;opacity:.8;box-shadow:none;cursor:not-allowed} /* Plan pełny — pasek dni jak w prototypie: granatowy toolbar wsunięty pod tytuł, kompaktowe chipy „D#" (kod + krótka data), bieżący złoty, PDF po prawej. (Reguły poniżej nadpisują wcześniejsze warianty full.) */ .gpwf-sched-full .gs-headrow{background:var(--navy);border-radius:14px;padding:14px 16px;margin:-42px 0 28px;box-shadow:0 18px 44px rgba(43,34,28,.20)} .gpwf-sched-full .gs-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;width:100%} .gpwf-sched-full .gs-toggle{flex:1;min-width:0;background:transparent;padding:0;gap:8px;flex-wrap:wrap;justify-content:flex-start} .gpwf-sched-full .gs-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1;min-width:62px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);color:#E8DBCB;box-shadow:none} .gpwf-sched-full .gs-tab b{font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:.03em} .gpwf-sched-full .gs-tab small{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.05em;color:#C1A88B;text-transform:uppercase} .gpwf-sched-full .gs-tab:hover{border-color:var(--clay-2);color:#FFFFFF} .gpwf-sched-full .gs-tab.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent} .gpwf-sched-full .gs-tab.on b,.gpwf-sched-full .gs-tab.on small{color:#1A120C} .gpwf-sched-full .gs-tab-off,.gpwf-sched-full .gs-tab-off:hover{background:transparent;border:1px dashed rgba(255,255,255,.18);color:#968069;opacity:.7;cursor:not-allowed;box-shadow:none} .gpwf-sched-full .gs-tab-off small{color:#968069} .gpwf-sched-full .gs-pdf-top{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1A120C;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600;padding:11px 20px;border-radius:10px;white-space:nowrap;transition:.2s;flex:none} .gpwf-sched-full .gs-pdf-top:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,154,3,.3)} /* Toolbar planu jako integralna, PEŁNOSZEROKOŚCIOWA część granatowej góry: tło full-bleed (navy na całą szerokość), treść boxed i wyrównana z kaflami, bez marginesu/zaokrąglenia/cienia. (Wymaga: górny padding sekcji treści = 0, żeby pasek stykał się z nagłówkiem.) */ .gpwf-sched-full .gs-headrow{position:relative;background:transparent;border-radius:0;box-shadow:none;margin:0 0 30px;padding:16px 0} .gpwf-sched-full .gs-headrow::before{content:"";position:absolute;top:-16px;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--navy);z-index:0} .gpwf-sched-full .gs-controls{position:relative;z-index:1;width:100%} /* Uwaga do meczu (ret./v/o/przerwany) — wyśrodkowana między nazwiskami a wynikiem, bez zmiany wysokości */ .gpwf-sched .gs-body{display:flex;align-items:stretch;gap:10px} .gpwf-sched .gs-names{flex:1;min-width:0} .gpwf-sched .gs-scores{flex:none;display:flex;flex-direction:column} .gpwf-sched .gs-scr{display:flex;align-items:center;justify-content:flex-end;padding:5px 0} .gpwf-sched .gs-scr.win .gs-sc span{color:var(--clay-2);font-weight:600} .gpwf-sched .gs-note{flex:none;align-self:center;white-space:nowrap;text-align:center} .gpwf-sched .gs-note:not(.gs-vs){background:#F6F2EE;color:#84705C;border-radius:6px;padding:3px 9px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;font-weight:600} /* Uwaga do meczu w tablicy wyników (board) — wyśrodkowana między nazwiskami a wynikiem */ .gpwf-board .gr-body{display:flex;align-items:stretch;gap:10px} .gpwf-board .gr-names{flex:1;min-width:0} .gpwf-board .gr-scoresblock{flex:none;display:flex;flex-direction:column} .gpwf-board .gr-scr{display:flex;align-items:center;justify-content:flex-end;padding:9px 0} .gpwf-board .gr-scr+.gr-scr{border-top:1px solid rgba(255,255,255,.07)} .gpwf-board .gr-scr.win .gr-scores span{color:var(--clay-2);font-weight:600} .gpwf-board .gr-rem{flex:none;align-self:center;white-space:nowrap;background:rgba(255,255,255,.10);color:#E8DBCB;border-radius:6px;padding:3px 9px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;font-weight:600} /* Plan pełny — pasek dni: zdejmij górny padding, więcej granatu pod dniami, subtelny boxed border nad dniami */ .gpwf-sched-full .gs-headrow{padding:0;margin:0 0 22px} .gpwf-sched-full .gs-controls{border-top:1px solid rgba(255,255,255,.07);padding:12px 0 28px} /* Plan pełny — pełna data wybranego dnia pod tytułem (wypełnia przestrzeń, aktualizuje się przy zmianie dnia) */ .gpwf-sched-full .gs-daydate{position:relative;z-index:1;width:100%;text-align:left;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-2);font-weight:400;font-size:clamp(17px,2vw,22px);padding:2px 0 10px} /* ===================================================================== DRABINKA [gpwf_draw] — pasek kategorii + bracket + karta mistrza + droga (hover) ===================================================================== */ .gpwf-draw{--line:rgba(43,34,28,.18)} /* pasek kategorii (pełnoszerokościowy granat, jak pasek dni w planie gier) */ .gpwf-draw .gd-catbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0 24px;margin:0 0 22px} .gpwf-draw .gd-catbar::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.07);z-index:1} .gpwf-draw .gd-catbar::before{content:"";position:absolute;top:-24px;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--navy);z-index:0} .gpwf-draw .gd-cats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px} .gpwf-draw .gd-cat{display:inline-flex;flex-direction:column;gap:1px;line-height:1.15;padding:7px 13px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);color:#E8DBCB;transition:.2s} .gpwf-draw .gd-cat b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:.02em} .gpwf-draw .gd-cat small{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:9.5px;letter-spacing:.05em;color:#C1A88B} .gpwf-draw .gd-cat:hover{border-color:var(--clay-2);color:#FFFFFF} .gpwf-draw .gd-cat.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent} .gpwf-draw .gd-cat.on b,.gpwf-draw .gd-cat.on small{color:#1A120C} @media(max-width:560px){.gpwf-draw .gd-cats{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}.gpwf-draw .gd-cat{width:auto;min-width:0;align-items:center;text-align:center;padding:9px 10px}} .gpwf-draw .gd-pdf{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1A120C;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600;padding:11px 20px;border-radius:10px;white-space:nowrap;transition:.2s;flex:none} .gpwf-draw .gd-pdf:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,154,3,.3)} /* toolbar */ .gpwf-draw .gd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px} .gpwf-draw .gd-hint{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:#8B7A63} .gpwf-draw .gd-btn{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;color:#A9541F;background:#F8F5F1;border:1px solid #EBE1D4;border-radius:8px;padding:7px 13px;cursor:pointer;margin-left:8px;transition:.2s} .gpwf-draw .gd-btn:hover{background:#F2EDE8;border-color:#D9C5AA} /* scroller + bracket */ .gpwf-draw .gd-scroller{overflow-x:auto;padding-bottom:10px} .gpwf-draw .gd-heads,.gpwf-draw .gd-bracket{display:flex;gap:40px;min-width:max-content} .gpwf-draw .gd-rhead{flex:0 0 250px;text-align:center;padding:0 0 10px} .gpwf-draw .gd-rhead b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;color:#241A12;font-size:14px;letter-spacing:.04em} .gpwf-draw .gd-rhead small{font-family:'Oswald',sans-serif;text-transform:uppercase;color:#C3AC90;font-size:10.5px;letter-spacing:.06em} .gpwf-draw .gd-bracket{position:relative} .gpwf-draw .gd-links{position:absolute;inset:0;z-index:0;pointer-events:none} .gpwf-draw .gd-round{position:relative;z-index:1;flex:0 0 250px;display:flex;flex-direction:column;justify-content:space-around;gap:14px} .gpwf-draw .gd-match{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(43,34,28,.05)} .gpwf-draw .gd-side{display:flex;align-items:center;gap:7px;padding:8px 10px;cursor:pointer;transition:background .15s} .gpwf-draw .gd-side+.gd-side{border-top:1px solid #F6F2EE} .gpwf-draw .gd-fl{width:20px;height:13px;object-fit:cover;border-radius:2px;flex:none;box-shadow:0 0 0 1px #F0EAE3} .gpwf-draw .gd-nm{flex:1;min-width:0;font-family:'Oswald',sans-serif;font-size:12.5px;color:#241A12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gpwf-draw .gd-nm .gd-fl{width:17px;height:11px;display:inline-block;vertical-align:middle;margin:0 5px 2px 0;box-shadow:0 0 0 1px #F0EAE3} .gpwf-draw .gd-nm.gd-tbd{color:#DAC7AD} .gpwf-draw .gd-seed{color:#8B7A63;font-style:normal;font-size:10.5px} .gpwf-draw .gd-side.win .gd-nm{font-weight:600} .gpwf-draw .gd-sc{display:flex;gap:4px;font-family:'Oswald',sans-serif;font-size:13px;color:#C3AC90;flex:none} .gpwf-draw .gd-sc span{display:inline-block;min-width:12px;text-align:center} .gpwf-draw .gd-side.win .gd-sc{color:var(--clay-2);font-weight:600} .gpwf-draw .gd-ret{font-family:'Oswald',sans-serif;font-size:9.5px;color:#C0392B;text-transform:uppercase;margin-left:4px} /* podświetlenie drogi */ .gpwf-draw .gd-side.gd-hl{background:#FFEFD6} .gpwf-draw .gd-side.gd-hl .gd-nm{color:#7A4900} /* karta mistrza */ .gpwf-draw .gd-round-champ{justify-content:center} .gpwf-draw .gd-champ{background:var(--navy);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:30px 26px;text-align:center;min-width:236px;box-shadow:0 22px 48px rgba(43,34,28,.30)} .gpwf-draw .gd-cup{font-size:42px;line-height:1} .gpwf-draw .gd-champ-lbl{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--gold-2);margin:10px 0 12px} .gpwf-draw .gd-champ-flags{display:flex;justify-content:center;gap:8px;margin:0 0 12px} .gpwf-draw .gd-champ-fl{width:46px;height:30px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.2)} .gpwf-draw .gd-champ-nm{font-family:'Oswald',sans-serif;font-weight:600;font-size:23px;color:#FFFFFF;line-height:1.1} .gpwf-draw .gd-champ-cty{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#D7C1A5;margin-top:5px} .gpwf-draw .gd-champ-sc{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-family:'Oswald',sans-serif;font-size:13px;color:#E8DBCB} .gpwf-draw .gd-champ.gd-hl{outline:2px solid var(--gold);outline-offset:3px} /* Złoty podtytuł nagłówka podstrony (np. „Turniej główny") — jak złota data w planie gier */ .gpwf-ph-gold,.gpwf-ph-gold .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-2)!important;font-weight:400;font-size:clamp(15px,1.8vw,20px);margin:0} /* Drabinka — mecz 3-kolumnowy: nazwiska | uwaga(środek) | wyniki (ret. nie psuje wyrównania) */ .gpwf-draw .gd-body{display:flex;align-items:stretch} .gpwf-draw .gd-names{flex:1;min-width:0;display:flex;flex-direction:column} .gpwf-draw .gd-scol{flex:none;display:flex;flex-direction:column} .gpwf-draw .gd-scrow{display:flex;align-items:center;justify-content:flex-end;padding:8px 10px 8px 4px} .gpwf-draw .gd-scrow+.gd-scrow{border-top:1px solid #F6F2EE} .gpwf-draw .gd-scrow.win .gd-sc{color:var(--clay-2);font-weight:600} .gpwf-draw .gd-scrow.gd-hl{background:#FFEFD6} .gpwf-draw .gd-rem{flex:none;align-self:center;white-space:nowrap;background:#F6F2EE;color:#84705C;border-radius:6px;padding:2px 7px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:9px;letter-spacing:.04em;font-weight:600;margin:0 2px} /* Drabinka — kolumna „Awans" (zakwalifikowani zwycięzcy, bez wyników) */ .gpwf-draw .gd-qual{background:linear-gradient(135deg,#FFFFFF,#FFF3E0);border:1px solid #F0C688;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px rgba(255,154,3,.16)} .gpwf-draw .gd-qual .gd-side{padding:11px 12px} .gpwf-draw .gd-qual .gd-nm{font-weight:600} .gpwf-draw .gd-qual.gd-hl,.gpwf-draw .gd-qual .gd-side.gd-hl{background:#FFEFD6} /* ===================================================================== LISTA ZAWODNIKÓW [gpwf_players] ===================================================================== */ .gpwf-players{max-width:1100px;margin:0 auto} /* górny granatowy pasek (jak dni w planie gier / kategorie w wynikach) */ .gpwf-players .gp-bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0 24px;margin:0 0 20px} .gpwf-players .gp-bar::before{content:"";position:absolute;top:-24px;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--navy);z-index:0} .gpwf-players .gp-bar::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.07);z-index:1} .gpwf-players .gp-switch{position:relative;z-index:1;display:flex;gap:8px} .gpwf-players .gp-tab{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px;padding:9px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);color:#E8DBCB;transition:.2s} .gpwf-players .gp-tab:hover{border-color:var(--clay-2);color:#FFFFFF} .gpwf-players .gp-tab.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;color:#1A120C} .gpwf-players .gp-search{position:relative;z-index:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 14px;min-width:300px} .gpwf-players .gp-ic{opacity:.6;filter:grayscale(1)} .gpwf-players .gp-q{border:none;outline:none;background:transparent;font-family:'Inter',sans-serif;font-size:14px;width:100%;color:#FFFFFF} .gpwf-players .gp-q::placeholder{color:#C1A88B} .gpwf-players .gp-count{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;color:#84705C;margin:0 0 12px} .gpwf-players .gp-count b{color:var(--navy);font-size:15px} /* tabela */ .gpwf-players .gp-tbl{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(43,34,28,.06)} .gpwf-players .gp-th,.gpwf-players .gp-row{display:grid;grid-template-columns:56px 66px 1fr 130px 130px 120px;align-items:center;gap:10px;padding:0 18px} .gpwf-players .gp-th{height:46px;background:var(--navy);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px} .gpwf-players .gp-th>div{color:#E8DBCB} .gpwf-players .gp-th .gp-c-lp,.gpwf-players .gp-th .gp-c-fl,.gpwf-players .gp-th .gp-c-rk,.gpwf-players .gp-th .gp-c-sd{text-align:center} .gpwf-players .gp-th .gp-c-pr{text-align:right} .gpwf-players .gp-row{min-height:52px;border-top:1px solid #F6F2EE;font-family:'Inter',sans-serif;font-size:14px;transition:background .12s} .gpwf-players .gp-row:hover{background:#FCFBF9} .gpwf-players .gp-row .gp-c-lp{text-align:center;font-family:'Oswald',sans-serif;color:#C3AC90;font-size:13px} .gpwf-players .gp-row .gp-c-fl{text-align:center} .gpwf-players .gp-c-fl img{width:26px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #F0EAE3;display:inline-block;vertical-align:middle} .gpwf-players .gp-row .gp-c-nm{font-family:'Oswald',sans-serif;font-size:15px;color:var(--navy);font-weight:500;line-height:1.15} .gpwf-players .gp-c-nm a{color:var(--navy)} .gpwf-players .gp-c-nm a:hover{color:var(--clay-2)} .gpwf-players .gp-cc{font-family:'Inter',sans-serif;font-size:11px;color:#C3AC90;font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-left:8px} .gpwf-players .gp-row .gp-c-rk{text-align:center;font-family:'Oswald',sans-serif;color:var(--navy);font-size:15px} .gpwf-players .gp-row .gp-c-sd{text-align:center} .gpwf-players .gp-seed{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 7px;background:var(--navy);color:#FFFFFF;border-radius:6px;font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;margin:0 2px} .gpwf-players .gp-seed.gp-seed-alt{background:#F3EEE8;color:#8F7964} .gpwf-players .gp-dash{color:#DFCEB7} .gpwf-players .gp-c-pr{text-align:right} .gpwf-players .gp-prof{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;color:var(--clay-2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px} .gpwf-players .gp-prof:hover{color:var(--clay)} .gpwf-players .gp-arr{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1.5px solid currentColor;border-radius:6px;font-size:11px} .gpwf-players .gp-none,.gpwf-players .gp-empty{padding:26px 18px;text-align:center;color:#8B7A63;font-family:'Inter',sans-serif;font-size:14px} /* AKTUALNOŚCI — paginacja / „załaduj więcej" dla widgetu Posts (klasa gpwf-news) */ .gpwf-news .elementor-pagination{margin-top:34px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap} .gpwf-news .elementor-pagination .page-numbers{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:14px;min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #EBE1D4;background:#FFFFFF;color:var(--navy);transition:.2s;text-decoration:none} .gpwf-news .elementor-pagination .page-numbers:hover{border-color:var(--clay-2);color:var(--clay-2)} .gpwf-news .elementor-pagination .page-numbers.current{background:var(--navy);color:#FFFFFF;border-color:var(--navy)} .gpwf-news .elementor-pagination .page-numbers.dots{border:none;background:none} /* wariant „Load More" (Elementor Pro) — złoty przycisk */ .gpwf-news .elementor-button-wrapper{text-align:center;margin-top:34px} .gpwf-news .e-load-more-anchor + .elementor-button-wrapper .elementor-button, .gpwf-news .elementor-widget-posts .elementor-button{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:#1A120C!important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-radius:9px;padding:14px 30px} /* AKTUALNOŚCI — „lead": pierwszy wpis duży, poziomy (obraz z lewej). Widgetowi Posts (1 wpis) nadaj klasy: gpwf-news gpwf-lead */ .gpwf-lead .elementor-post{display:grid!important;grid-template-columns:1.15fr .85fr;align-items:stretch;margin-bottom:26px} .gpwf-lead .elementor-post:hover{transform:none} .gpwf-lead .elementor-post__thumbnail__link{display:block;height:100%} .gpwf-lead .elementor-post__thumbnail{height:100%;min-height:360px;border-radius:0} .gpwf-lead .elementor-post__thumbnail img{width:100%;height:100%;object-fit:cover} .gpwf-lead .elementor-post__text{padding:32px 40px;display:flex;flex-direction:column;justify-content:center} .gpwf-lead .elementor-post__title,.gpwf-lead .elementor-post__title a{font-size:clamp(22px,2.4vw,30px);line-height:1.12} .gpwf-lead .elementor-post__excerpt p{font-size:15px;line-height:1.6} .gpwf-lead .elementor-post__read-more{margin-top:12px;font-size:13.5px} @media(max-width:781px){ .gpwf-lead .elementor-post{grid-template-columns:1fr} .gpwf-lead .elementor-post__thumbnail{min-height:220px} .gpwf-lead .elementor-post__text{padding:22px 22px 26px} } /* Lead — tekst fragmentu w tym samym kolorze co w siatce */ .gpwf-lead .elementor-post__excerpt,.gpwf-lead .elementor-post__excerpt p,.gpwf-lead .elementor-post__excerpt *{color:#715B48!important} .gpwf-lead .elementor-post__title,.gpwf-lead .elementor-post__title a{color:var(--navy)} .gpwf-lead .elementor-post__meta-data{color:#8B7A63} /* ===================================================================== POJEDYNCZY WPIS (Theme Builder → Single Post) Klasy: hero jak gpwf-pagehead; treść -> gpwf-article; meta -> gpwf-artmeta; podpis zdjęcia -> gpwf-cred; powiązane wpisy (sidebar) -> gpwf-related ===================================================================== */ /* meta w hero: data · czas czytania */ .gpwf-artmeta,.gpwf-artmeta .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.08em;font-size:16px;color:#D7C1A5!important} /* podpis / źródło zdjęcia głównego */ .gpwf-cred,.gpwf-cred .elementor-heading-title{font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#C3AC90!important} /* TREŚĆ ARTYKUŁU — nadaj klasę gpwf-article widgetowi „Treść wpisu" (Post Content) */ .gpwf-article{font-family:'Inter',sans-serif;color:#524335;font-size:17px;line-height:1.75} .gpwf-article p{margin:0 0 20px} .gpwf-article>p:first-of-type{font-size:19px;color:var(--navy);font-weight:500} .gpwf-article h2{font-family:'Oswald',sans-serif;text-transform:uppercase;color:var(--navy);font-size:clamp(22px,2.4vw,27px);letter-spacing:.01em;line-height:1.15;margin:36px 0 14px} .gpwf-article h3{font-family:'Oswald',sans-serif;text-transform:uppercase;color:var(--navy);font-size:20px;margin:28px 0 12px} .gpwf-article a{color:var(--clay-2);text-decoration:underline;text-underline-offset:2px} .gpwf-article a:hover{color:var(--clay)} .gpwf-article strong,.gpwf-article b{color:var(--navy)} .gpwf-article ul,.gpwf-article ol{margin:0 0 20px;padding-left:22px} .gpwf-article li{margin-bottom:8px} .gpwf-article img{border-radius:12px;margin:10px 0 22px;height:auto} .gpwf-article blockquote{border-left:4px solid var(--gold);background:#FBF9F7;padding:14px 22px;margin:0 0 24px;border-radius:0 10px 10px 0;font-size:18px;color:var(--navy);font-style:normal} .gpwf-article figure{margin:0 0 22px} .gpwf-article figcaption{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:#C3AC90;margin-top:6px} /* PRZYCISKI UDOSTĘPNIANIA (widget Ikony społ. / Share) — spójny wygląd */ .gpwf-share{margin:26px 0;border-top:1px solid #F2EDE7;padding-top:24px} .gpwf-share .elementor-social-icon{background:#F8F5F1!important;color:var(--navy)!important;transition:.2s} .gpwf-share .elementor-social-icon:hover{background:var(--navy)!important;color:#FFFFFF!important} /* SIDEBAR „Nie przegap" — miniatura z lewej + tytuł/data z prawej (widget Posts) */ .gpwf-related{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:14px;padding:6px 18px;box-shadow:0 8px 26px rgba(43,34,28,.06)} .gpwf-related .elementor-posts-container{gap:0!important} .gpwf-related .elementor-post{display:flex!important;gap:13px;align-items:center;padding:14px 0;margin:0;border-bottom:1px solid #F6F2EE;background:none;border-radius:0;box-shadow:none} .gpwf-related .elementor-post:last-child{border-bottom:none} .gpwf-related .elementor-post:hover{transform:none;box-shadow:none} .gpwf-related .elementor-post__thumbnail__link{flex:0 0 72px;margin:0;display:block} .gpwf-related .elementor-post__thumbnail{display:block;width:72px;height:54px;min-height:0;border-radius:8px;overflow:hidden;position:relative} .gpwf-related .elementor-post__thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .gpwf-related .elementor-post__text{flex:1;min-width:0;padding:0;display:flex;flex-direction:column} .gpwf-related .elementor-post__title{order:1;margin:0} .gpwf-related .elementor-post__meta-data{order:2;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;color:#C3AC90;margin:4px 0 0} .gpwf-related .elementor-post__title,.gpwf-related .elementor-post__title a{font-family:'Oswald',sans-serif!important;text-transform:none;font-size:14.5px;line-height:1.22;color:var(--navy)} .gpwf-related .elementor-post__title a:hover{color:var(--clay-2)} /* Wpis — meta w hero (widget Informacje o wpisie / Post Info): jasne na granacie */ .gpwf-artmeta .elementor-post-info__item,.gpwf-artmeta .elementor-post-info__item a,.gpwf-artmeta .elementor-post-info__terms-list-item,.gpwf-artmeta .elementor-post-info__item time,.gpwf-artmeta .elementor-post-info__item span{color:#F3EEE8!important;font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.06em;font-size:16.5px;font-weight:500} .gpwf-artmeta .elementor-post-info__item{margin-bottom:2px} .gpwf-artmeta .elementor-post-info__icon{font-size:17px!important} .gpwf-artmeta .elementor-post-info__icon svg{width:17px!important;height:17px!important} .gpwf-artmeta i,.gpwf-artmeta svg,.gpwf-artmeta .elementor-post-info__icon,.gpwf-artmeta .elementor-icon,.gpwf-artmeta .elementor-post-info__item-icon{color:var(--gold-2)!important;fill:var(--gold-2)!important} .gpwf-artmeta .elementor-post-info__item a:hover{color:#FFFFFF!important} /* Sidebar „Nie przegap" — czysta lista (bez fragmentu, komentarzy, „czytaj więcej") */ .gpwf-related .elementor-post__excerpt,.gpwf-related .elementor-post__read-more,.gpwf-related .elementor-post__badge{display:none!important} .gpwf-related .elementor-post__meta-data .elementor-post__comments{display:none!important} /* Przyciski udostępniania (widget Przyciski udostępniania) — czytelne, spójne */ .gpwf-share .elementor-share-btn{background:#F8F5F1!important;border:1px solid #EBE1D4!important;box-shadow:none!important;transition:.2s;border-radius:9px!important} .gpwf-share .elementor-share-btn__icon,.gpwf-share .elementor-share-btn__text{background:transparent!important;color:var(--navy)!important} .gpwf-share .elementor-share-btn__icon svg{fill:var(--navy)!important} .gpwf-share .elementor-share-btn:hover{background:var(--navy)!important;border-color:var(--navy)!important} .gpwf-share .elementor-share-btn:hover .elementor-share-btn__icon,.gpwf-share .elementor-share-btn:hover .elementor-share-btn__text{color:#FFFFFF!important} .gpwf-share .elementor-share-btn:hover .elementor-share-btn__icon svg{fill:#FFFFFF!important} /* ===================================================================== WPIS — hero ze zdjęciem w tle (jak prototyp) + subtelne udostępnianie. Sekcja hero: klasa gpwf-arthero (tło = Wyróżniony obraz, dynamiczne). Kategoria: gpwf-artcat · Tytuł: gpwf-ph-title · Meta: gpwf-artmeta ===================================================================== */ .gpwf-arthero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden} .gpwf-arthero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(34,27,22,.95) 0%,rgba(34,27,22,.45) 58%,rgba(34,27,22,.62) 100%);z-index:0} .gpwf-arthero>.elementor-container,.gpwf-arthero>.elementor-column-gap-default,.gpwf-arthero .elementor-widget-wrap{position:relative;z-index:1} /* breadcrumb w hero na jasno */ .gpwf-arthero .gpwf-crumbs,.gpwf-arthero .gpwf-crumbs a{color:#D7C1A5!important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px} /* kategoria — złoty pill */ .gpwf-artcat,.gpwf-artcat .elementor-heading-title{display:inline-block;font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;color:#1A120C!important;background:linear-gradient(135deg,var(--gold-2),var(--gold));padding:6px 14px;border-radius:20px;margin:0 0 14px} /* hero wpisu: tytuł + kategoria + data — do lewej i dosunięte do dołu */ .gpwf-arthero>.elementor-container{align-items:flex-end!important;padding-bottom:42px} .gpwf-arthero .elementor-widget-wrap{align-content:flex-end!important} .gpwf-arthero .elementor-widget-container{text-align:left!important} .gpwf-arthero .gpwf-artmeta .elementor-post-info{justify-content:flex-start!important;text-align:left!important} /* Udostępnianie — subtelne, ikonowe (bez etykiet), spójne kolory */ .gpwf-share .elementor-share-btn__text{display:none!important} .gpwf-share .elementor-share-btn{min-width:44px;width:44px;height:44px;justify-content:center;padding:0!important;border-radius:10px!important;background:#F8F5F1!important;border:1px solid #EBE1D4!important;box-shadow:none!important;transition:.2s} .gpwf-share .elementor-share-btn__icon,.gpwf-share .elementor-share-btn__icon svg{color:var(--navy)!important;fill:var(--navy)!important;background:transparent!important} .gpwf-share .elementor-share-btn:hover{background:var(--navy)!important;border-color:var(--navy)!important} .gpwf-share .elementor-share-btn:hover .elementor-share-btn__icon,.gpwf-share .elementor-share-btn:hover .elementor-share-btn__icon svg{color:#FFFFFF!important;fill:#FFFFFF!important} /* subtelna etykieta „Udostępnij" przed ikonami */ .gpwf-share .elementor-widget-container{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .gpwf-share .elementor-widget-container::before{content:"Udostępnij";font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#B89B7A;white-space:nowrap} /* wersja EN — CSS content nie jest widziany przez TranslatePress, więc podmieniamy wg języka strony */ html[lang^="en"] .gpwf-share .elementor-widget-container::before{content:"Share"} /* ===================================================================== SCOREBOX — karta wyniku do wstawienia w treści wpisu (blok HTML). ===================================================================== */ .gpwf-scorebox{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(43,34,28,.06);margin:26px auto;max-width:560px} .gpwf-scorebox .sb-h{background:var(--navy);color:#E8DBCB;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:12px 18px} .gpwf-scorebox .sb-m{padding:6px 18px} .gpwf-scorebox .sb-m+.sb-m{border-top:1px solid #F6F2EE} .gpwf-scorebox .sb-r{display:flex;align-items:center;gap:10px;padding:8px 0} .gpwf-scorebox .sb-r img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #F0EAE3;flex:none} .gpwf-scorebox .sb-nm{flex:1;min-width:0;font-family:'Oswald',sans-serif;font-size:15px;color:var(--navy)} .gpwf-scorebox .sb-r.win .sb-nm{font-weight:600} .gpwf-scorebox .sb-sc{display:flex;gap:0;font-family:'Oswald',sans-serif;color:#C3AC90;font-size:16px;flex:none} .gpwf-scorebox .sb-r.win .sb-sc{color:var(--clay-2);font-weight:700} .gpwf-scorebox .sb-sc span,.gpwf-scorebox .sb-g{width:40px;text-align:center;display:inline-block;border-left:1px solid #F2ECE6;padding:2px 0} /* ===================================================================== SPONSORZY — natywnie w Elementorze (widgety Obraz + Nagłówek). • na widgecie Nagłówek (tytuł poziomu): klasa gpwf-sptitle • na każdym widgecie Obraz (logo): klasa gpwf-splogo • na logo sponsora strategicznego dodatkowo klasa gpwf-splogo-lg Efekt: białe zaokrąglone karty, kolorowe logo, hover = złota ramka + uniesienie. ===================================================================== */ .gpwf-sptitle .elementor-heading-title{display:flex;align-items:center;gap:16px;margin:0;font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.03em;color:var(--navy)!important;font-weight:600} .gpwf-sptitle .elementor-heading-title::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,var(--gold),transparent)} .gpwf-splogo .elementor-widget-container{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:14px;padding:20px;min-height:224px;display:flex;align-items:center;justify-content:center;transition:.2s} .gpwf-splogo .elementor-image,.gpwf-splogo .elementor-image a{display:flex;align-items:center;justify-content:center;width:100%} .gpwf-splogo img{max-height:170px;max-width:100%;width:auto!important;object-fit:contain} .gpwf-splogo:hover .elementor-widget-container{border-color:var(--gold);box-shadow:0 12px 26px rgba(43,34,28,.08);transform:translateY(-3px)} .gpwf-splogo-lg .elementor-widget-container{min-height:330px;padding:44px} .gpwf-splogo-lg img{max-height:250px} @media(max-width:600px){.gpwf-splogo .elementor-widget-container{min-height:150px;padding:14px}.gpwf-splogo img{max-height:110px} .elementor-column:has(.gpwf-splogo){width:50%!important} .elementor-column:has(.gpwf-splogo-lg){width:100%!important} .gpwf-splogo-lg .elementor-widget-container{min-height:200px;padding:24px}.gpwf-splogo-lg img{max-height:150px}} /* --------------------------------------------------------------------- Pasek „Partnerzy 50. edycji" na stronie głównej (sekcja 3b9498a). Te widżety nie mają klasy gpwf-splogo, a Elementor ogranicza im obrazek do 60 px wysokości — przy plikach 900x600 dawało to logo 90x60 px, z czego samo godło zajmowało czasem 20 px. Kolumna ma ~235 px zapasu, więc podnosimy limit; kompensacja pustki w plikach działa wyżej, bo celuje w .elementor-widget-image, nie w konkretną sekcję. Gdy przepniesz te widżety na klasę gpwf-splogo-sm, można to uprościć. --------------------------------------------------------------------- */ .elementor-element-3b9498a .elementor-widget-image img{ max-height:110px!important; width:auto!important; max-width:100%!important; object-fit:contain; } @media(max-width:600px){ .elementor-element-3b9498a .elementor-widget-image img{max-height:76px!important} } /* Kompensacja pustego marginesu wklejonego w pliki logotypów (tylko ten pasek). Pliki mają płótno 900x600, a samo logo zajmuje na nim od 27% do 50% wysokości — bez kompensacji jedne znaki są optycznie dwa razy większe od innych. transform:scale() nie uczestniczy w układzie strony, więc powiększony obrazek wychodził poza kartę: przy Poznaniu o 43 px, przy Astrze o 37 px w pionie. Ponieważ pliki mają nieprzezroczyste białe tło, zamalowywały ramkę karty — stąd brak ramki na hover. Ministerstwo Sportu (24 px) wystawało na tyle, że było to widać jako wyjeżdżanie loga poza kartę. Dlatego: karta dostaje overflow:hidden (przycina to, co i tak jest pustym marginesem pliku, a ramka zawsze zostaje widoczna), a dwa największe współczynniki są obniżone tak, żeby samo logo mieściło się w szerokości karty (235 px światła przy kolumnie 4/4). Docelowo: przyciąć pliki PNG do zawartości i usunąć ten blok. */ .elementor-element-3b9498a .elementor-widget-image{overflow:hidden} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="osavi"]) img{transform:scale(1.14)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="goherbs"]) img{transform:scale(1.32)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="pge-pzt"]) img{transform:scale(1.35)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="cyklu-msit"]) img{transform:scale(1.43)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="21add"]) img{transform:scale(1.47)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="astra"]) img{transform:scale(1.46)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="poznan"]) img{transform:scale(1.59)} .elementor-element-3b9498a .elementor-widget-image:has(img[src*="laboprint"]) img{transform:scale(1.59)} /* ===================================================================== O TURNIEJU — treść w bloku „Własny kod HTML" (klasa .gpwf-about). Granatową górę robimy natywnie (gpwf-pagehead / gpwf-ph-title/-sub). ===================================================================== */ .gpwf-about{font-family:'Inter',system-ui,sans-serif;color:#1A120C} .gpwf-about h2,.gpwf-about h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:600;line-height:1.08;color:var(--navy)} .gpwf-about .ab-eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:12.5px;font-weight:600;color:var(--clay-2);margin-bottom:8px} .gpwf-about .ab-sec{margin-bottom:56px} .gpwf-about .ab-sec:last-child{margin-bottom:0} /* intro */ .gpwf-about .ab-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center} .gpwf-about .ab-intro h2{font-size:clamp(26px,3.6vw,40px);margin:6px 0 16px} .gpwf-about .ab-intro p{color:#7A6754;margin:0 0 14px;font-size:15.5px;line-height:1.65} .gpwf-about .ab-intro p b{color:var(--navy)} .gpwf-about .ab-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:var(--clay);border-left:3px solid var(--gold);padding-left:16px;margin:18px 0 0} .gpwf-about .ab-imgwrap{border-radius:16px;overflow:hidden;box-shadow:0 24px 50px rgba(43,34,28,.18);aspect-ratio:4/5} .gpwf-about .ab-imgwrap img{width:100%;height:100%;object-fit:cover;display:block} .gpwf-about .ab-cred{font-size:11px;color:#C0A78B;font-family:'Oswald',sans-serif;letter-spacing:.05em;margin-top:6px;text-align:right} /* sec header wyśrodkowany */ .gpwf-about .ab-sec-h{text-align:center;max-width:640px;margin:0 auto 36px} .gpwf-about .ab-sec-h h2{font-size:clamp(24px,3.4vw,36px);margin-top:6px} /* tabela w skrócie */ .gpwf-about .ab-info{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(43,34,28,.06)} .gpwf-about .ab-info .r{display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid #F6F2EE} .gpwf-about .ab-info .r:last-child{border-bottom:none} .gpwf-about .ab-info .k{background:#FBFAF8;padding:15px 20px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;color:var(--navy);border-right:1px solid #F6F2EE} .gpwf-about .ab-info .v{padding:15px 20px;color:#564537;font-size:15px;line-height:1.55} .gpwf-about .ab-info .v b{color:var(--navy)} /* statystyki */ .gpwf-about .ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .gpwf-about .ab-stat{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#FFFFFF;border-radius:14px;padding:24px 18px;text-align:center} .gpwf-about .ab-stat b{font-family:'Oswald',sans-serif;font-size:38px;color:var(--gold-2);display:block;line-height:1} .gpwf-about .ab-stat small{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:#D7C1A5;margin-top:8px;display:block} /* split: przebieg + patron */ .gpwf-about .ab-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start} .gpwf-about .ab-split h2{font-size:26px;margin:6px 0 18px} .gpwf-about .ab-steps{display:flex;flex-direction:column;gap:10px} .gpwf-about .ab-li{display:flex;gap:14px;align-items:flex-start;background:#FFFFFF;border:1px solid #F2EDE7;border-radius:12px;padding:15px 18px} .gpwf-about .ab-li .n{font-family:'Oswald',sans-serif;color:var(--gold);font-size:22px;min-width:34px;line-height:1} .gpwf-about .ab-li b{color:var(--navy);font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em;display:block;margin-bottom:2px} .gpwf-about .ab-li span{color:#8F7964;font-size:14px;line-height:1.5} .gpwf-about .ab-patron p{color:#7A6754;font-size:15.5px;margin:0 0 14px;line-height:1.65} .gpwf-about .ab-li.dark{background:linear-gradient(160deg,var(--navy),var(--navy-2));border:none;color:#FFFFFF} .gpwf-about .ab-li.dark .n{color:var(--gold-2)} .gpwf-about .ab-li.dark b{color:#FFFFFF} .gpwf-about .ab-li.dark span{color:#E3D4C1} /* obiekt + mapa */ .gpwf-about .ab-venue{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch} .gpwf-about .ab-map{border-radius:16px;overflow:hidden;border:1px solid #F2EDE7;min-height:320px} .gpwf-about .ab-map iframe{width:100%;height:100%;min-height:320px;border:0;display:block} .gpwf-about .ab-vinfo h3{font-size:24px;margin-bottom:12px} .gpwf-about .ab-vinfo p{color:#7A6754;margin-bottom:14px;font-size:15px;line-height:1.6} .gpwf-about .ab-vrow{display:flex;gap:10px;align-items:center;color:#564537;font-size:15px;padding:9px 0;border-bottom:1px solid #F6F2EE} .gpwf-about .ab-vrow i{width:22px;text-align:center;font-style:normal} .gpwf-about .ab-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:14px;padding:11px 22px;border-radius:8px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--navy-2)} .gpwf-about .ab-btn:hover{filter:brightness(1.05)} @media(max-width:900px){ .gpwf-about .ab-intro,.gpwf-about .ab-split,.gpwf-about .ab-venue{grid-template-columns:1fr} .gpwf-about .ab-stats{grid-template-columns:1fr 1fr} .gpwf-about .ab-info .r{grid-template-columns:140px 1fr} } /* ===================================================================== GALERIA — natywnie w Elementorze. • kafel edycji (widget Obraz, link do podstrony): klasa gpwf-album • sticky pasek dni (sekcja z przyciskami dni): klasa gpwf-daynav • kotwica przed nagłówkiem dnia (widget Kotwica): klasa gpwf-anchor • nagłówek dnia (widget Nagłówek): klasa gpwf-daytitle • galeria dnia (widget Gallery): klasa gpwf-gallery Offset kotwic i „top" sticky: zmienna --gpwf-top (domyślnie 0; ustaw wyżej, jeśli główne menu strony też jest sticky). ===================================================================== */ /* kafle edycji — biała karta (zdjęcie + podpis), hover: złota ramka, uniesienie, zoom, zmiana koloru podpisu. Buduj jako widget OBRAZ z włączonym polem „Podpis" (np. „49 Grand Prix Wojciecha Fibaka"), link do podstrony edycji, klasa gpwf-album. */ .gpwf-album .elementor-widget-container{background:#FFFFFF;border:1px solid #F2EDE7;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(43,34,28,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} .gpwf-album figure,.gpwf-album .elementor-image{margin:0;line-height:0} .gpwf-album img{width:100%;display:block;aspect-ratio:16/11;object-fit:cover;transition:transform .45s ease} .gpwf-album .widget-image-caption,.gpwf-album figcaption{margin:0;padding:15px 18px;background:#FFFFFF;border-top:1px solid #F6F2EE;font-family:'Oswald',sans-serif;text-transform:none;letter-spacing:.02em;font-size:16px;font-weight:600;font-style:normal;color:var(--navy);text-align:center;transition:color .25s ease} .gpwf-album:hover .elementor-widget-container{border-color:var(--gold);box-shadow:0 18px 42px rgba(43,34,28,.14);transform:translateY(-4px)} .gpwf-album:hover img{transform:scale(1.05)} .gpwf-album:hover .widget-image-caption,.gpwf-album:hover figcaption{color:var(--clay-2)} /* sticky pasek dni — granatowy, pełna szerokość, równe zaokrąglone chipy. Buduj jako blok „Własny kod HTML" z linkami do kotwic (patrz dokument). */ .gpwf-daynav{position:sticky;top:var(--gpwf-top,0px);z-index:40;background:var(--navy)} .gpwf-daynav::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--navy);z-index:0} .gpwf-daynav-in{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)} .gpwf-daynav a,.gpwf-daynav .elementor-button{flex:1 1 0;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:nowrap;font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:12.5px!important;font-weight:600!important;padding:10px 14px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;color:#E8DBCB!important;background:transparent!important;box-shadow:none!important;transition:.2s!important;line-height:1.2!important} .gpwf-daynav a .elementor-button-icon i,.gpwf-daynav a svg,.gpwf-daynav .elementor-button i,.gpwf-daynav .elementor-button svg{color:inherit!important;fill:currentColor!important} .gpwf-daynav a:hover,.gpwf-daynav .elementor-button:hover{border-color:var(--gold-2)!important;color:#FFFFFF!important;background:rgba(255,255,255,.07)!important} .gpwf-daynav a.is-active,.gpwf-daynav .elementor-button.is-active{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;border-color:var(--gold)!important;color:var(--navy-2)!important} /* fallback dla wariantu natywnego (Elementor buttons w jednej kolumnie) */ .gpwf-daynav>.elementor-container{position:relative;z-index:1;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(255,255,255,.07)} .gpwf-daynav .elementor-widget-wrap{display:flex;flex-wrap:wrap;gap:8px;align-content:center} .gpwf-daynav .elementor-widget-button,.gpwf-daynav .elementor-widget{flex:1 1 0;min-width:120px;width:auto!important;max-width:none!important;margin:0!important} .gpwf-daynav .elementor-widget-button .elementor-button{width:100%!important} @media(max-width:640px){.gpwf-daynav a,.gpwf-daynav .elementor-button,.gpwf-daynav .elementor-widget-button,.gpwf-daynav .elementor-widget{flex-basis:calc(50% - 8px);min-width:0}} /* kotwica + nagłówek dnia: offset pod sticky pasek */ .gpwf-anchor,.gpwf-daytitle{scroll-margin-top:calc(var(--gpwf-top,0px) + 88px)} .gpwf-anchor{padding-bottom:30px} .gpwf-daytitle>.elementor-widget-container{display:flex;align-items:center;gap:16px} .gpwf-daytitle>.elementor-widget-container::after{content:"";height:2px;flex:1 1 24px;min-width:24px;background:linear-gradient(90deg,var(--gold),transparent)} .gpwf-daytitle .elementor-heading-title,.gpwf-daytitle>.elementor-widget-container>*:first-child{margin:0!important;font-family:'Oswald',sans-serif!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:var(--navy)!important;font-weight:600!important;line-height:1.1!important;white-space:nowrap} /* galeria dnia — zaokrąglenia + zoom kafelka */ .gpwf-gallery .elementor-gallery-item,.gpwf-gallery .e-gallery-item,.gpwf-gallery .elementor-image-gallery .gallery-item img{border-radius:12px;overflow:hidden} .gpwf-gallery .elementor-image-gallery .gallery-item img{transition:transform .35s ease} .gpwf-gallery .elementor-image-gallery .gallery-item:hover img{transform:scale(1.04)} /* ===================================================================== Tablet/laptop (≤1200): większy zapas boczny TYLKO dla pageheadów i hero wpisu (granatowe belki), żeby tytuły nie dotykały krawędzi. Header i pozostałe sekcje zostają nietknięte. ===================================================================== */ /* Tablet/laptop (≤1200): JEDNOLITE wyrównanie treści na całej stronie. Zerujemy poziomy padding sekcji najwyższego poziomu i dajemy jeden wspólny padding na ich kontenerze → header, pagehead, treść, hero i stopka mają dokładnie tę samą lewą i prawą krawędź (spójne wyrównanie). Sekcje wewnętrzne nietknięte; tła pełnej szerokości pozostają pełne. */ @media (max-width:1200px){ .elementor-top-section{padding-left:0!important;padding-right:0!important} .elementor-top-section>.elementor-container{padding-left:32px!important;padding-right:32px!important} } @media (max-width:600px){ .elementor-top-section>.elementor-container{padding-left:20px!important;padding-right:20px!important} } /* ===================================================================== ≤1200: drobne korekty headera i stopki pod tablet w poziomie. ===================================================================== */ /* Menu: 1px mniejsza czcionka + ciaśniejsze odstępy, by nie napierało na logo */ @media (max-width:1200px){ .gpwf-menu .elementor-item{font-size:13px!important;letter-spacing:.02em!important;padding-left:9px!important;padding-right:9px!important} } /* Stopka: brand „50 + nazwa" bez nachodzenia (badge stała szerokość, tekst reszta) */ @media (max-width:1200px){ .gpwf-brandrow>.elementor-container{flex-wrap:nowrap!important;align-items:center;gap:12px} .gpwf-brandrow>.elementor-container>.elementor-column{width:auto!important} .gpwf-brandrow>.elementor-container>.elementor-column:last-child{flex:1 1 auto;min-width:0} } /* ===================================================================== Menu mobilne (tryb tabletu/telefonu ≤1000): widoczny złoty hamburger + czytelne rozwijane menu na granacie. ===================================================================== */ .gpwf-menu .elementor-menu-toggle{color:var(--gold-2)!important} .gpwf-menu .elementor-menu-toggle svg{fill:var(--gold-2)!important;width:30px;height:30px} .gpwf-menu .elementor-menu-toggle i{color:var(--gold-2)!important;font-size:28px} .gpwf-menu .elementor-menu-toggle:hover{color:#FFFFFF!important} .gpwf-menu .elementor-nav-menu--dropdown{background:var(--navy-2)!important;border:1px solid rgba(255,255,255,.10)!important} .gpwf-menu .elementor-nav-menu--dropdown a{color:#F3EEE8!important;font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.04em} .gpwf-menu .elementor-nav-menu--dropdown a:hover,.gpwf-menu .elementor-nav-menu--dropdown .elementor-item-active{color:var(--gold-2)!important;background:rgba(255,255,255,.04)!important} /* ===================================================================== Utility responsywne — dodaj klasę na SEKCJĘ (lub sekcję wewnętrzną) z kolumnami; wymusza układ na tablecie/telefonie niezależnie od ustawień per-kolumna w Elementorze. gpwf-cols-2t → ≤1000: 2 kolumny w rzędzie, ≤560: 1 (kafle, stopka) gpwf-stack-t → ≤1000: kolumny jedna pod drugą (np. plakat) ===================================================================== */ @media (max-width:1000px){ .gpwf-cols-2t>.elementor-container>.elementor-column{width:50%!important} .gpwf-stack-t>.elementor-container>.elementor-column{width:100%!important} } @media (max-width:560px){ .gpwf-cols-2t>.elementor-container>.elementor-column{width:100%!important} } /* ===================================================================== Hero na tablecie/telefonie — niższy i bardziej poziomy. Dodaj klasy: SEKCJA hero -> gpwf-hero ; widget TYTUŁU -> gpwf-hero-title (o wysokości hero decyduje treść, więc zmniejszamy tytuł + odstępy). ===================================================================== */ @media (max-width:1000px){ .gpwf-hero{padding-top:26px!important;padding-bottom:34px!important} .gpwf-hero-title .elementor-heading-title{font-size:clamp(30px,7.5vw,46px)!important;line-height:1.03!important} } @media (max-width:560px){ .gpwf-hero-title .elementor-heading-title{font-size:clamp(26px,8.5vw,40px)!important} } /* ===================================================================== Tablet/telefon (≤1000): dopięcia menu, news-lead i tabeli zawodników. ===================================================================== */ /* Menu rozwijane — większe, czytelniejsze litery + próba dosunięcia w prawo */ .gpwf-menu .elementor-nav-menu--dropdown a{font-size:15.5px!important;padding-top:13px!important;padding-bottom:13px!important;letter-spacing:.06em!important} @media (max-width:1000px){ .gpwf-menu .elementor-menu-toggle{margin-left:auto!important} } /* ===================================================================== HEADER MOBILE — osobna sekcja widoczna tylko na mobile pionowym Klasy do nadania w Elementorze: • SEKCJA .................. gpwf-mhead • kolumna/obraz z logo .... gpwf-mhead-logo • widget Menu Nawigacji ... gpwf-menu • obraz WTT ............... gpwf-mhead-wtt ===================================================================== */ .gpwf-mhead{background:var(--navy)!important;padding:10px 16px!important} .gpwf-mhead>.elementor-container{align-items:center!important} .gpwf-mhead .elementor-column{align-self:center} .gpwf-mhead-logo img{max-height:48px!important;width:auto!important} .gpwf-mhead .gpwf-menu .elementor-widget-container{display:flex;justify-content:flex-end} .gpwf-mhead .elementor-menu-toggle{margin:0 0 0 auto!important} .gpwf-mhead-wtt,.gpwf-mhead-wtt .elementor-widget-container,.gpwf-mhead-wtt .elementor-image{text-align:center!important;width:100%!important} .gpwf-mhead-wtt .elementor-image,.gpwf-mhead-wtt .elementor-image a{display:flex!important;justify-content:center!important;align-items:center!important} .gpwf-mhead-wtt img{max-height:58px!important;width:auto!important;margin:0 auto!important;display:block!important;float:none!important} /* MOBILE — nadpisujemy reguły Elementora (img{width:1%} + wyśrodkowanie WTT). Selektor MUSI mieć wyższą specyficzność niż reguła Elementora ".elementor-27092 .elementor-element.elementor-element-XXXX img" (0,3,1). */ @media(max-width:767px){ .gpwf-mhead .elementor-widget.gpwf-mhead-wtt .elementor-widget-container{text-align:center!important} .gpwf-mhead .elementor-widget.gpwf-mhead-wtt .elementor-widget-container img{ width:auto!important;max-width:none!important; height:54px!important;max-height:54px!important; margin:0 auto!important;display:block!important;float:none!important} } /* rozwinięte menu — duże, czytelne, dobrze rozdzielone pozycje */ .gpwf-mhead .elementor-nav-menu--dropdown a{font-size:16px!important;padding:15px 22px!important;border-bottom:1px solid rgba(255,255,255,.06)!important} .gpwf-mhead .elementor-nav-menu--dropdown{box-shadow:0 18px 40px rgba(0,0,0,.4)!important} /* Logo WTT (podlinkowane) jako pierwsza pozycja rozwijanego menu — TYLKO mobile pionowy. Element wstrzykiwany JS-em; domyślnie ukryty, pokazywany wyłącznie na telefonie w pionie. */ .gpwf-menu .gpwf-wtt-menuitem{display:none} /* Próg 767px = dokładne lustro klasy elementor-hidden-mobile, która chowa WTT w headerze. BEZ orientacji: telefon w poziomie ≤767 też ma hamburger i brak WTT w headerze, więc logo w menu powinno być. */ @media (max-width:767px){ .gpwf-menu .gpwf-wtt-menuitem{display:block;list-style:none;margin:0;padding:20px 22px 24px;border-bottom:1px solid rgba(255,255,255,.10);text-align:center} .gpwf-menu .gpwf-wtt-menuitem a{display:block!important;padding:0!important;border:0!important;line-height:0;text-align:center} .gpwf-menu .gpwf-wtt-menuitem img{height:56px!important;width:auto!important;max-width:none!important;object-fit:contain;margin:0 auto;display:inline-block} } /* News — wpis wiodący na całą szerokość (obraz na górze, tekst pod spodem) */ @media (max-width:1000px){ .gpwf-lead .elementor-post{grid-template-columns:1fr!important} .gpwf-lead .elementor-post__thumbnail{min-height:200px!important} .gpwf-lead .elementor-post__text{padding:22px 24px!important} } /* Lista zawodników/zawodniczek — tabela mieści się w ekranie */ @media (max-width:1000px){ .gpwf-players .gp-search{min-width:0;width:100%} .gpwf-players .gp-th,.gpwf-players .gp-row{grid-template-columns:30px 40px 1fr 56px 64px 40px;gap:8px;padding:0 12px} .gpwf-players .gp-th{font-size:9.5px;letter-spacing:.02em} .gpwf-players .gp-th .gp-c-pr{font-size:0} .gpwf-players .gp-row .gp-c-nm{font-size:13px;line-height:1.12} .gpwf-players .gp-cc{display:none} .gpwf-players .gp-c-fl img{width:22px;height:14px} .gpwf-players .gp-row .gp-c-rk{font-size:13.5px} .gpwf-players .gp-seed{min-width:22px;height:22px;font-size:12px} .gpwf-players .gp-prof{font-size:0;justify-content:flex-end} .gpwf-players .gp-prof .gp-arr{font-size:11px} } /* News — wpis wiodący: wymuś 1 kolumnę siatki WIDGETU (nie tylko wpisu), żeby zajął całą szerokość na tablecie/telefonie. */ @media (max-width:1000px){ .gpwf-lead .elementor-posts-container, .gpwf-lead .elementor-posts, .gpwf-lead .elementor-grid{grid-template-columns:1fr!important} } /* ===================================================================== Mobile (≤767) — dopięcia strony głównej. ===================================================================== */ /* Kompaktowy header: chowamy duże logo ITF WTT (brand i tak mówi ITF J100) */ @media (max-width:767px){ .gpwf-header .elementor-widget-image img{max-height:34px!important;width:auto!important;height:auto!important;object-fit:contain!important} } /* Plakat (sekcja gpwf-jub) — obraz nie wychodzi poza ekran */ @media (max-width:1000px){ .gpwf-jub .elementor-widget-image img,.gpwf-jub img{max-width:100%!important;height:auto!important} } /* Hero — jeszcze niższy na telefonie */ @media (max-width:560px){ .gpwf-hero{padding-top:20px!important;padding-bottom:26px!important} .gpwf-hero-title .elementor-heading-title{font-size:clamp(24px,8vw,36px)!important} } /* Hero na telefonie — ciaśniejsze odstępy + możliwość ukrycia bloków TERMIN/MIEJSCE/NAWIERZCHNIA (nadaj ich grupie/sekcji klasę gpwf-hero-info). */ @media (max-width:560px){ .gpwf-hero .elementor-widget:not(:last-child){margin-bottom:12px!important} .gpwf-hero-info{display:none!important} } /* Hero na telefonie — niech wysokość wynika z treści (kasujemy odziedziczone Min Height) */ @media (max-width:560px){ .gpwf-hero{min-height:0!important} } /* Hero na telefonie — MOCNE nadpisanie wysokości (padding sekcji 120/150 + min-height). Podwojona klasa = wyższa specyficzność, żeby wygrać z regułą Elementora. */ @media (max-width:560px){ .gpwf-hero.gpwf-hero{padding-top:22px!important;padding-bottom:26px!important;min-height:0!important} } /* Hero na telefonie — bardzo mocne zdjęcie wysokości: sekcja I kontener, min-height + height. */ @media (max-width:767px){ .gpwf-hero.gpwf-hero, .gpwf-hero.gpwf-hero>.elementor-container{min-height:0!important;height:auto!important} .gpwf-hero.gpwf-hero{padding-top:24px!important;padding-bottom:28px!important} } /* Ukrycie przycisków hero na telefonie */ @media (max-width:767px){ .gpwf-hero .elementor-widget-button{display:none!important} } /* ===================================================================== MOBILE FIXY: menu rozwijane, plan gier (dni), tabela zawodników. ===================================================================== */ /* Plan gier (≤640) — dni obok siebie (zawijane, wyśrodkowane), PDF poniżej wyśrodkowany */ @media (max-width:640px){ .gpwf-sched-full .gs-controls{flex-direction:column!important;align-items:center!important;gap:16px!important} .gpwf-sched-full .gs-toggle{flex:none!important;width:100%!important;justify-content:center!important} .gpwf-sched-full .gs-pdf-top{align-self:center!important;margin:0 auto!important} } /* Tabela zawodników (≤560) — zagęszczona, żeby nazwiska miały więcej miejsca */ @media (max-width:560px){ .gpwf-players .gp-th,.gpwf-players .gp-row{grid-template-columns:24px 32px 1fr 48px 44px 30px!important;gap:6px!important;padding:0 10px!important} .gpwf-players .gp-th{font-size:8.5px!important;letter-spacing:.01em!important} .gpwf-players .gp-c-fl img{width:20px;height:13px} }