/* ========================================================================== ads.css — layout guard for Google AdSense Nič tu reklamy neskrýva ani neodstraňuje (to je proti AdSense policy). Jediná úloha: keď Auto ads vloží reklamu do stránky, prinútiť ju byť samostatný blok na plnú šírku MEDZI obsahom — nie kartou v gride, nie stĺpcom vo flex riadku, nie vnútri panelu generátora. ========================================================================== */ /* --- 1) Auto-placed wrapper vždy ako blok na plnú šírku ------------------ */ .google-auto-placed { display: block !important; position: static !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 32px auto !important; padding: 0 !important; box-sizing: border-box !important; /* keď rodič je CSS grid → zaber celý riadok, nie jeden card slot */ grid-column: 1 / -1 !important; grid-row: auto !important; /* keď rodič je flexbox → vlastný riadok na plnú šírku */ flex: 0 0 100% !important; align-self: stretch !important; order: 999 !important; } /* --- 2) Samotné jednotky ------------------------------------------- */ /* .adsbygoogle-noablate = anchor / vignette formáty pripojené na , tie sa nesmú prepisovať, inak sa rozbijú. */ ins.adsbygoogle:not(.adsbygoogle-noablate) { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* --- 3) Ochrana interaktívneho UI --------------------------------------- */ /* Ak sa reklama aj tak dostane do generátora/skenera, aspoň nech nerozhodí layout panelu (finálne riešenie sú Excluded areas v AdSense). */ .gen-shell .google-auto-placed, .gen-app .google-auto-placed, .scanner-panel .google-auto-placed, .modal .google-auto-placed { margin: 16px 0 !important; max-width: 100% !important; } /* --- 4) Rezervované miesta pre manuálne ad unity ------------------------- */ .ad-slot { width: 100%; max-width: 1100px; margin: 40px auto; padding: 0 16px; box-sizing: border-box; text-align: center; clear: both; } .ad-slot--article { max-width: 760px; margin: 36px auto; } .ad-slot--tight { margin: 24px auto; } .ad-slot > ins.adsbygoogle { margin: 0 auto !important; } /* Označenie reklamy — povolený a policy-friendly label */ .ad-slot::before { content: "Advertisement"; display: block; font: 500 11px/1.4 Inter, system-ui, -apple-system, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #9aa3b2; margin-bottom: 8px; } /* Prázdny (nenaplnený) slot nesmie nechať dieru v stránke */ .ad-slot:has(> ins.adsbygoogle[data-ad-status="unfilled"]) { display: none; } /* --- 5) Mobil ----------------------------------------------------------- */ @media (max-width: 640px) { .google-auto-placed { margin: 24px auto !important; } .ad-slot { margin: 28px auto; padding: 0 12px; } }