/* fajront.v48.css – zlúčené: bývalé inline bloky faj-core / faj-2027 / faj-ux / faj-push-frontend + v47. Poradie kaskády zachované. */

/* ═══ Globálne odkazy a pomocné pravidlá (faj-core 1, bývalý inline blok) ═══ */
body a{color:var(--color-primary)}body a:hover,body a:focus{color:var(--color-primary-hover)}
.nav-links a,.nav-links a:hover,.nav-links a:focus,.nav-links a:active,.nav-previous a,.nav-previous a:hover,.nav-previous a:focus,.nav-next a,.nav-next a:hover,.nav-next a:focus,.navigation a,.navigation a:hover,.navigation a:focus{background:none!important;background-color:transparent!important}
.nav-previous,.nav-next{display:inline-block}
.nav-previous a,.nav-next a{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;transition:background 180ms ease,border-color 180ms ease!important}
.nav-previous a:hover,.nav-next a:hover{background:var(--color-surface-offset)!important;border-color:var(--color-primary)!important}
#faj-mobile-menu #faj-mm-close,#faj-mobile-menu #faj-mm-close:hover,#faj-mobile-menu #faj-mm-close:focus,#faj-mobile-menu #faj-mm-close:active{color:var(--color-text)!important;border:none!important;outline:none!important;background:none!important;background-color:transparent!important}
.faj-mm-theme-row{width:100%!important;border:none!important;border-top:1px solid var(--color-divider)!important;color:var(--color-text-muted)!important;font-size:0.95rem!important}
.faj-mm-theme-row:hover,.faj-mm-theme-row:active{background:var(--color-surface-offset)!important}
.faj-mm-theme-label{color:var(--color-text)!important}
/* Keyboard focus visibility for mobile-menu controls (WCAG 2.4.7) — restores an outline that base rules removed */
#faj-mobile-menu #faj-mm-close:focus-visible,#faj-mobile-menu .faj-mm-theme-row:focus-visible,#faj-mobile-menu .faj-mm-link:focus-visible,#faj-mobile-menu .faj-mm-search-form input:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:-2px!important}
#faj-mobile-menu .faj-mm-body{flex:0 1 auto!important;flex-direction:column!important;justify-content:flex-start}
/* Prepínač témy: fajront.vXX.css má `#faj-theme-toggle svg{display:block!important}`
   so špecificitou (1,0,1), čo prebíjalo tematické skrývanie (0,2,1) → svietili OBE
   ikony naraz. Tieto pravidlá majú (1,2,1) a vyhrajú. */
html[data-theme="dark"] #faj-theme-toggle .icon-moon{display:none!important}
html:not([data-theme="dark"]) #faj-theme-toggle .icon-sun{display:none!important}
/* Lucide ikony kategórií v nadpisoch (náhrada za zakázané emoji) */

/* ═══ Reklamný obal .faj-ad (faj-core, nezmenené) ═══ */
.faj-ad{margin:2rem auto;text-align:center;max-width:100%;overflow:hidden;clear:both;}.faj-ad__label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted,#7a7974);margin-bottom:.4rem;}.faj-ad ins{display:block;margin:0 auto;}.faj-ad--multiplex{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-divider,#dcd9d5);}

/* ═══ Vyhľadávanie: farba nadpisu (faj-core) ═══ */
body.search .entry-title,body.search .entry-title a{font-size:clamp(1.05rem,1rem + 0.4vw,1.3rem)!important;line-height:1.3!important;letter-spacing:-0.01em;}body.search .entry-title a:hover{color:var(--color-primary)!important;}body.search article.post{margin-bottom:1.25rem;}

/* ═══ WordPress: contain-intrinsic-size pre auto-sizes ═══ */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}


/* ═══ v47 (externý základ) ═══ */
/* fajront.css v2.1 — fajront.sk */
/* Font loaded via wp_enqueue_style (no @import waterfall) */

/* ── TOKENS ── (v47: skutočné hodnoty; oprava dizajnu 24. 10. 2026) */
:root,[data-theme="light"]{
--color-bg:#f7f6f2;--color-surface:#ffffff;--color-surface-2:#fbfbf9;
--color-surface-offset:#f0eeeb;--color-divider:#e5e7eb;--color-border:#d4d1ca;
--color-text:#1a1a1a;--color-text-muted:#5c5a52;--color-text-faint:#6b675e;
--color-primary:#15803d;--color-primary-hover:#14532d;
--color-brand:#15803d;--color-brand-hover:#14532d;--color-brand-light:#dcfce7;
--color-on-primary:#ffffff;
/* tlačidlá: jeden vzor (primárne / sekundárne / textové) */
--btn-h:44px;--btn-r:6px;--btn-px:20px;--btn-fs:16px;--btn-fw:600;
--btn-bg:#15803d;--btn-fg:#ffffff;--btn-bg-h:#14532d;--btn-fg-h:#ffffff;
--btn-2-bg:transparent;--btn-2-fg:#1a1a1a;--btn-2-bd:#d4d1ca;--btn-2-bg-h:#f0eeeb;--btn-2-bd-h:#15803d;
--shadow-sm:0 1px 2px oklch(0.2 0.01 80/0.06);--shadow-md:0 4px 12px oklch(0.2 0.01 80/0.08);--shadow-lg:0 12px 32px oklch(0.2 0.01 80/0.12);
--transition:180ms cubic-bezier(0.16,1,0.3,1);
--font-display:'Cabinet Grotesk',system-ui,sans-serif;--font-body:'Satoshi',system-ui,sans-serif;
--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;
--max-w:1200px;--content-w:720px;--gutter:clamp(1rem,4vw,2rem);
/* typografická škála (mobil); od 768 px sa lg/xl/2xl zväčšia, viď nižšie */
--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:40px;
--lh-tight:1.15;--lh-ui:1.4;--lh-text:1.7;
--fs-body:var(--fs-base);
/* staré názvy (používajú ich aj ostatné moduly) sú napojené na novú škálu */
--text-xs:var(--fs-xs);
--text-sm:var(--fs-sm);
--text-base:var(--fs-body);
--text-lg:var(--fs-md);
--text-xl:var(--fs-xl);
--text-2xl:var(--fs-xl);
--text-hero:clamp(2.25rem,1rem + 3.5vw,3.5rem);
}
@media(min-width:768px){:root{--fs-lg:24px;--fs-xl:32px;--fs-2xl:44px;--fs-body:var(--fs-md);--text-lg:var(--fs-lg);--text-2xl:var(--fs-2xl);}}
[data-theme="dark"]{
--color-bg:#141311;--color-surface:#1a1918;--color-surface-2:#1e1d1b;
--color-surface-offset:#242320;--color-divider:#2a2928;--color-border:#3a3938;
--color-text:#e4e3e1;--color-text-muted:#a8a69b;--color-text-faint:#9a988d;
--color-primary:#4ade80;--color-primary-hover:#86efac;
--color-brand:#4ade80;--color-brand-hover:#86efac;--color-brand-light:#14532d;
--color-on-primary:#0f1a12;
--btn-bg:#4ade80;--btn-fg:#0f1a12;--btn-bg-h:#86efac;--btn-fg-h:#0f1a12;
--btn-2-bg:transparent;--btn-2-fg:#e4e3e1;--btn-2-bd:#3a3938;--btn-2-bg-h:#242320;--btn-2-bd-h:#4ade80;
--shadow-sm:0 1px 2px oklch(0 0 0/0.25);--shadow-md:0 4px 12px oklch(0 0 0/0.35);--shadow-lg:0 12px 32px oklch(0 0 0/0.45);
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);line-height:var(--lh-text);min-height:100dvh;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;line-height:var(--lh-tight)!important;color:var(--color-text)!important;}
p,li{text-wrap:pretty!important;}
img,picture{display:block;max-width:100%!important;height:auto!important;}
:focus-visible{outline:2px solid var(--color-brand)!important;outline-offset:3px!important;}
/* Značková farba označenia textu (bola default modrá) — Linear/Stripe detail, oba témy auto */
::selection{background-color:color-mix(in oklch,var(--color-primary) 22%,transparent)!important;}
::-moz-selection{background-color:color-mix(in oklch,var(--color-primary) 22%,transparent)!important;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}

/* (F28: starý ukazovateľ #faj-progress-wrap zrušený; priebeh čítania rieši .faj-progress z faj-ux) */

/* ── BACK TO TOP ── */
#faj-top{position:fixed;bottom:72px;right:18px;width:42px;height:42px;background:var(--color-primary);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--fs-md);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;z-index:998;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);}
#faj-top:hover{background:var(--color-brand);}
#faj-top.visible{opacity:1;transform:translateY(0);}
@media(min-width:769px){#faj-top{bottom:28px;right:28px;}}

/* ── LAYOUT ── */
.site-main,#content,body:not([class*=elementor-page-]) .site-main{max-width:var(--max-w);margin-left:auto!important;margin-right:auto!important;padding:0 clamp(1rem,4vw,2rem) clamp(3rem,6vw,5rem)!important;padding-top:clamp(1.5rem,3vw,2.5rem)!important;}
.single .site-main,.single #content,body.single:not([class*=elementor-page-]) .site-main{max-width:var(--content-w);}

/* ── HEADER ── */

/* ── LOGO ── */
.faj-logo-svg{display:flex;align-items:center;line-height:0;flex-shrink:0;}
.faj-logo-svg svg{height:36px!important;width:auto;transition:opacity var(--transition);}
.faj-logo-main{fill:var(--color-text);}
.faj-logo-accent{fill:var(--color-brand);}
.custom-logo-link img.custom-logo{display:none!important;}

/* ── HEADER ACTIONS ── */
#faj-search-btn,#faj-theme-toggle{background:none!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;width:34px!important;height:34px!important;color:var(--color-text-muted)!important;transition:border-color var(--transition),color var(--transition),background var(--transition);}
#faj-search-btn:hover,#faj-theme-toggle:hover{border-color:var(--color-brand)!important;color:var(--color-brand)!important;background:var(--color-brand-light)!important;}
#faj-search-btn svg,#faj-theme-toggle svg{width:16px;height:16px;display:block;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}

/* ── SEARCH OVERLAY ── */
#faj-search-overlay{display:none;position:fixed;inset:0;background:oklch(0 0 0/0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:12vh;}
#faj-search-overlay.open{display:flex;}
.faj-search-modal{border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg);width:min(640px,calc(100vw - 2rem))!important;overflow:hidden;animation:fajModalIn 0.15s cubic-bezier(0.16,1,0.3,1);}
@keyframes fajModalIn{from{opacity:0;transform:translateY(-12px) scale(0.97);}to{opacity:1;transform:none;}}
.faj-search-bar{display:flex;align-items:center;gap:0.75rem;border-bottom:1px solid var(--color-border);}
.faj-search-icon{color:var(--color-text-muted);flex-shrink:0;}
.faj-search-bar input[type="search"]{flex:1;border:none!important;background:none;padding:1.125rem 0;outline:none!important;box-shadow:none;}
.faj-search-footer{padding:0.625rem 1.125rem;display:flex;align-items:center;justify-content:flex-end;}
.faj-search-hint{color:var(--color-text-faint)!important;font-size:var(--text-xs);display:flex;gap:0.75rem;align-items:center;}
.faj-search-hint kbd{background:var(--color-surface-offset);border:1px solid var(--color-border)!important;border-radius:4px!important;padding:2px 6px;color:var(--color-text-muted);}

/* ── NAV DESKTOP ── */

/* ── MOBILE FULL-SCREEN MENU ── */
body.mm-open{overflow:hidden!important;}
#faj-mobile-menu.open{animation:fajMmIn 0.22s cubic-bezier(0.16,1,0.3,1);}
@keyframes fajMmIn{from{opacity:0;transform:translateX(100%);}to{opacity:1;transform:none;}}
#faj-mm-close:hover{color:var(--color-text);}
.faj-mm-nav{flex:1;}
.faj-mm-link{font-family:var(--font-display);}

/* ── BOTTOM NAV ── */
#faj-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:color-mix(in oklch,var(--color-surface) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);height:54px;align-items:stretch;justify-content:stretch;}
@media(max-width:768px){#faj-top{bottom:20px;right:16px;}}
#faj-bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;letter-spacing:0.02em;color:var(--color-text-muted);border-right:1px solid color-mix(in oklch,var(--color-border) 50%,transparent);transition:color var(--transition),background var(--transition);min-height:48px;}
#faj-bottom-nav a:last-child{border-right:none;}
#faj-bottom-nav a.current,#faj-bottom-nav a:active{color:var(--color-brand);background:var(--color-brand-light);}

/* ══════════════════════════════════════════════════════
   ARCHIVE / HOMEPAGE CARDS
   ══════════════════════════════════════════════════════ */

/* Grid */
.blog .page-content,.archive .page-content,.search .page-content{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:2rem 1.5rem!important;align-items:start;}
@media(max-width:1024px){.blog .page-content,.archive .page-content{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:640px){.blog .page-content,.archive .page-content{grid-template-columns:1fr!important;gap:1.5rem!important;}}

/* Card: flat, no border/radius/shadow, flex column */
@keyframes fajIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.blog .page-content article.post,.archive .page-content article.post,.search .page-content article.post{background:transparent;border:none!important;border-radius:0!important;overflow:visible;display:flex;flex-direction:column;animation:fajIn 0.35s ease backwards;}
.blog .page-content article.post:nth-child(1){animation-delay:0.03s!important;}
.blog .page-content article.post:nth-child(2){animation-delay:0.07s;}
.blog .page-content article.post:nth-child(3){animation-delay:0.11s;}
.blog .page-content article.post:nth-child(n+4){animation-delay:0.15s;}
.blog .page-content article.post:hover,.archive .page-content article.post:hover{transform:none!important;}

/* Thumbnail link — ORDER 1 (image first) */
.blog .page-content article.post > a,.archive .page-content article.post > a{order:1;overflow:hidden;flex-shrink:0;line-height:0;}

/* Image — 3:2 ratio (use both selectors for max coverage) */
.blog .page-content article.post > a img,.archive .page-content article.post > a img{width:100%!important;height:auto!important;aspect-ratio:16/9;display:block;}

/* Title — ORDER 2 */
.blog .page-content article.post h2.entry-title,.archive .page-content article.post h2.entry-title{order:2;font-family:var(--font-display);font-weight:600;margin:0.75rem 0 0.25rem;}
.blog .page-content article.post h2.entry-title a:hover,.archive .page-content article.post h2.entry-title a:hover{color:var(--color-brand)!important;}

/* Date meta — ORDER 3 */

/* Excerpt — ORDER 4, 2-line clamp */
.blog .page-content article.post > p,.archive .page-content article.post > p{display:none;}

/* Thumbnail wrap */
.faj-card-thumb-wrap{line-height:0;}

/* Category badge: bottom-right, dark translucent for legibility on any image */
span.faj-card-cat{position:absolute;bottom:0.5rem!important;right:0.5rem!important;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,0.3);backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,0.4)!important;}
[data-theme="dark"] span.faj-card-cat{background:rgba(0,0,0,0.82)!important;}

/* Hide junk on archive */
.blog .page-content .entry-footer,.archive .page-content .entry-footer,.blog .page-content .more-link,.archive .page-content .more-link,.blog .page-content .entry-meta,.archive .page-content .entry-meta{display:none!important;}

/* Pagination */

/* ══════════════════════════════════════════════════════
   SINGLE POST
   ══════════════════════════════════════════════════════ */

/* Breadcrumbs */
.faj-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0.375rem;margin-bottom:1rem;}
.faj-breadcrumb a{text-decoration:none!important;transition:color var(--transition);}
.faj-breadcrumb-current{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}

/* Cat badge (single) */

/* Author bar */
.faj-author-bar{display:flex;align-items:center;gap:0.625rem;margin:0 0 1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-divider);}
.faj-author-info{display:flex;flex-direction:column;gap:1px;}
.faj-author-meta{font-size:var(--text-xs);color:var(--color-text-faint);display:flex;gap:0.375rem;align-items:center;line-height:var(--lh-ui);}
.faj-author-meta-sep{color:var(--color-text-muted);}

/* Hero */
.faj-hero-image{border-radius:var(--radius-xl);overflow:hidden;line-height:0;background:var(--color-surface-offset);}
img.faj-hero-img{aspect-ratio:3/2;max-height:440px!important;display:block;border-radius:var(--radius-xl);}

/* Perex */
.faj-perex{font-size:var(--text-lg);font-weight:500;color:var(--color-text-muted);}

/* Single body */
.single .page-content > p,.single .entry-content p{margin:0 0 1.5rem;max-width:70ch;}
.single .page-content img:not(.faj-author-avatar):not(.faj-hero-img),.single .entry-content img:not(.faj-author-avatar):not(.faj-hero-img){aspect-ratio:16/9;border-radius:var(--radius-md)!important;margin:2rem 0!important;}
/* CLS guard for any lazy-loaded image without explicit dimensions */
img[data-lazyloaded]:not([width]):not([height]){aspect-ratio:16/9;width:100%;height:auto;}
.single .page-content > h2,.single .entry-content h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;}
.single .page-content > h3,.single .entry-content h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:2.25rem 0 0.75rem;}
.single .page-content ul,.single .page-content ol,.single .entry-content ul,.single .entry-content ol{padding-left:1.5rem!important;margin:0 0 1.5rem;}
.single .page-content li,.single .entry-content li{margin-bottom:0.5rem!important;max-width:70ch;}
.single .page-content figure,.single .entry-content figure{margin:2rem 0;}
.single .page-content a,.single .entry-content a{color:var(--color-brand)!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px!important;transition:color var(--transition)!important;}
.single .page-content a:hover,.single .entry-content a:hover{color:var(--color-text)!important;}
.single .page-content blockquote,.single .entry-content blockquote{padding:1.5rem 1.75rem;margin:2.25rem 0;background:var(--color-surface-offset);border-radius:var(--radius-lg);border-left:3px solid var(--color-brand);font-size:1.05em;color:var(--color-text-muted);font-style:italic;}
.post-views-count,[class*="post-views"]{display:none!important;}
.post-tags{display:none;}
.feedbackwp-wrapper,.fwp-rating,.fwp-form,[class*="feedbackwp"],#feedbackwp{display:none!important;}

/* ── RATING + SHARE ── */
.faj-section-label{color:var(--color-text-faint);}
.faj-star{font-size:2rem;color:#d0ccc7!important;appearance:none!important;border:none!important;line-height:1;transition:color 0.1s,transform 0.12s;}
.faj-star.hov{color:#FFC107!important;transform:scale(1.15)!important;}
.faj-star.active{color:#FFC107!important;}
.faj-rating-info{color:var(--color-text-faint);}
/* Share row — pill buttons (icon + text) */

/* ── COMMENTS ── */
.faj-no-comments{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:1.5rem;}
.faj-comment{border-bottom:1px solid color-mix(in oklch,var(--color-border) 50%,transparent);}
.faj-comment-meta{font-size:var(--text-sm);}

/* ── ENGERIO ── */

/* ── FOOTER ── */
/* Theme footer hidden — replaced by faj-footer-links */

/* ── GOOGLE / SWG ── */
.google-auto-placed,#google_esf,.async-hide,[id*="google_esf"]{height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
swg-popup-background,swg-popup,[class*="swg-popup"],[id*="swg-popup"],[class*="reader-revenue"],[id*="reader-revenue"],.googlesitekit-reader-revenue-manager,[class*="googlesitekit-reader-revenue"]{display:none!important;}

/* ── ADMIN BAR ── */

/* ══ v33: HAMBURGER BUTTON (mobile only) ══ */
#faj-hamburger-btn{border:none!important;display:none;color:var(--color-text)!important;flex-shrink:0;}
#faj-hamburger-btn svg{display:block;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
@media(max-width:640px){
  #faj-search-btn,#faj-theme-toggle{display:none;}
}

/* ══ v33: MOBILE MENU FULL REDESIGN ══ */
#faj-mobile-menu{display:none;inset:0;flex-direction:column;overflow:hidden;}
#faj-mobile-menu.open{display:flex;}
.faj-mm-header{border-bottom:1px solid var(--color-border)!important;}
#faj-mm-close{border-radius:var(--radius-md)!important;color:var(--color-text)!important;border:none!important;outline:none!important;transition:background var(--transition);font-size:0;}
.faj-mm-body{overflow-y:auto;display:flex;flex-direction:column;}
.faj-mm-nav{padding:0.25rem 0;}
.faj-mm-link{gap:0.875rem;}
.faj-mm-link:hover,.faj-mm-link:active{color:var(--color-brand);}
.faj-mm-search-form{background:var(--color-surface-offset)!important;border:1px solid var(--color-border)!important;border-radius:24px!important;padding:0.5rem 1rem!important;}
.faj-mm-search-form .faj-mm-s-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-text-muted);stroke:currentColor!important;fill:none;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.faj-mm-search-form input{border:none!important;color:var(--color-text)!important;padding:0;}
.faj-mm-search-form button[type=submit]{display:none!important;}
.faj-mm-social{gap:0.75rem!important;flex-shrink:0;}
.faj-mm-social a{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);}
.faj-mm-social a:hover{color:var(--color-text);background:var(--color-surface-offset);}

/* ══ v33: CARD META (author + date) ══ */

/* ══ v33b: Hide WP toggle + Archív heading ══ */
.blog .page-header h1,.archive .page-header h1,.search .page-header h1{display:none!important;}
.blog .page-header,.archive .page-header,.search .page-header{display:none!important;padding:0;}


/* ── v34b: Structural fixes ── */

/* Hide theme entry-title + entry-header on single posts (we inject our own H1) */



/* Our injected H1 below hero image */

/* body flex removed v37 */

/* Dark footer sits flush at bottom */


/* Footer links bar: left-aligned */

/* Mobile menu: fixed overlay (no content push) */

/* Back-to-top ZOBRAZENÝ aj na mobile (dlhé čítanie potrebuje rýchly návrat hore).
   Base #faj-top je opacity:0 kým JS nepridá .visible, takže sa objaví až po scrolle. */



/* ── v34: Premium redesign ── */

/* Logo leaf: deeper green */

/* Badge v34: overridden by unified rule at line 168 */

/* H2 card titles */
.blog .page-content article.post h2,.archive .page-content article.post h2{font-size:var(--fs-body);line-height:var(--lh-ui)!important;}

/* Mobile menu theme toggle */

/* Newsletter section */

/* Dark footer */

/* Footer links bar */

/* Pagination */



/* ── v34b: Structural fixes ── */

/* Hide theme entry-title + entry-header on single posts */



/* Our injected H1 below hero image */
.faj-entry-title {
    font-size: var(--text-2xl);
    font-weight: 800;
    margin: 1.25rem 0 0.875rem;
    font-family: var(--font-display);
}

/* Body flex column – eliminates white space below footer */
/* body flex removed v37 */
#page, .site { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; }
.site-main, #content, main { flex-grow: 1; }


/* Footer links bar: left-aligned */

/* Mobile menu: fixed overlay (no content push) */
#faj-mobile-menu { position: fixed; width: 100% !important; height: 100dvh; overflow-y: auto; transform: translateX(100%); transition: transform 280ms cubic-bezier(0.16,1,0.3,1); }
#faj-mobile-menu.open { transform: translateX(0) !important; }

/* Hide back-to-top on mobile */

/* ═════════════════════════════════════════
   CUSTOM HEADER (.fajront-header)
   ═════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════
   FAJ CUSTOM HEADER CSS v3 — snippet 36
   ═══════════════════════════════════════════════════════ */

/* Skryť pôvodnú Hello Elementor hlavičku */

/* === NOVÁ HLAVIČKA — z-index vyšší ako #faj-mobile-menu (100000) === */
.fajront-header {
    position: sticky;
    top: 0;
    z-index: 1000001;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    transition: background-color 180ms ease;
    isolation: isolate;
}

.fajront-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 var(--gutter, clamp(1rem, 4vw, 2rem));
    height: 60px;
}

/* === LOGO === */
.fajront-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.fajront-header__logo img,
.fajront-header__logo .custom-logo,
.fajront-header__logo svg:not(.icon-sun):not(.icon-moon) {
    height: 40px;
    width: auto;
    display: block;
}

.fajront-header__logo-text {
    font-family: var(--font-display, 'Cabinet Grotesk', system-ui);
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--color-text);
    letter-spacing: -0.02em;
}

/* === PRAVÉ IKONY === */
.fajront-header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
    position: relative;
    z-index: 2;
}

.fajront-header__icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    color: var(--color-text);
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0;
    position: relative;
    z-index: 1000001;
    pointer-events: all;
    transition: color 150ms ease;
    -webkit-tap-highlight-color: transparent;
}

.fajront-header__icon-btn:hover {
    color: var(--color-text);
    background: none !important;
}

.fajront-header__icon-btn:active {
    opacity: 0.6;
}

.fajront-header__icon-btn:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Dark mode ikony — v light mode ukazuj mesiac, v dark mode slnko */
html:not([data-theme="dark"]) .icon-sun {
    display: none;
}
html:not([data-theme="dark"]) .icon-moon {
    display: inline-block;
}
html[data-theme="dark"] .icon-moon {
    display: none;
}
html[data-theme="dark"] .icon-sun {
    display: inline-block;
}

/* === HAMBURGER — LEN MOBILE === */
.fajront-header__hamburger {
    display: none;
}

/* === DARK MODE === */
[data-theme="dark"] .fajront-header {
    background-color: #1c1b19;
    border-bottom-color: var(--color-divider);
}

[data-theme="dark"] .fajront-header__icon-btn {
    color: #cccccc;
}

[data-theme="dark"] .fajront-header__icon-btn:hover {
    color: #ffffff;
}

[data-theme="dark"] .fajront-header__logo-text {
    color: #ffffff;
}

/* === ADMIN BAR KOMPENZÁCIA === */
body.admin-bar .fajront-header {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .fajront-header {
        top: 46px;
    }
}

/* === RESPONSIVE === */
@media (max-width: 640px) {
    .fajront-header__inner {
        height: 50px;
    }

    .fajront-header__logo img,
    .fajront-header__logo .custom-logo,
    .fajront-header__logo svg:not(.icon-sun):not(.icon-moon) {
        height: 35px;
    }

    .fajront-header__actions {
        gap: 0;
    }

    .fajront-header__icon-btn {
        width: 40px;
        min-width: 40px;
    }

    .fajront-header__hamburger {
        display: flex !important;
    }
}

/* ═══════════════════════════════════════════════════════
   ARTICLE CARDS — Titulky a badge
   ═══════════════════════════════════════════════════════ */

.post .entry-title,
.post .entry-title a,
article.post h2,
article.post h2 a {
    color: var(--color-text);
    font-weight: 700;
    letter-spacing: 0;
}

/* Badge — unified rule at line 168 wins, this block removed */

.faj-card-thumb-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.faj-card-thumb-wrap .faj-card-cat {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 2;
}

/* ═══════════════════════════════════════════════════════
   BREADCRUMBS — 11px, sivé
   ═══════════════════════════════════════════════════════ */

.faj-breadcrumb a {
    color: var(--color-text-muted) !important;
    padding: 4px 0;
}

.faj-breadcrumb a:hover {
    color: var(--color-text-muted) !important;
}

.faj-breadcrumb-sep {
    font-size: var(--fs-xs);
    color: var(--color-text-faint);
}

.faj-breadcrumb-current {
    font-size: var(--fs-xs);
}

/* ═══════════════════════════════════════════════════════
   MOBILE MENU #faj-mobile-menu — redizajn
   ═══════════════════════════════════════════════════════ */

#faj-mobile-menu {
    background-color: #ffffff;
    z-index: 1000002;
}

[data-theme="dark"] #faj-mobile-menu {
    background-color: #1c1b19;
}

/* Header v menu (logo + close) */
.faj-mm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    height: 56px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}

[data-theme="dark"] .faj-mm-header {
    border-bottom-color: var(--color-divider);
}

/* Nav linky */
.faj-mm-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    height: 56px;
    border-bottom: 1px solid #f0f0f0;
    color: var(--color-text);
    font-size: var(--fs-base);
    font-weight: 500;
    transition: background-color 120ms ease;
}

.faj-mm-link:hover {
    background-color: #f8f8f8;
}

[data-theme="dark"] .faj-mm-link {
    color: #e0e0e0;
    border-bottom-color: var(--color-divider);
}

[data-theme="dark"] .faj-mm-link:hover {
    background-color: #252423;
}

/* Ľavá strana: ikona + label */
.faj-mm-link > span {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Ikona v nav linku */

/* Šípka doprava — pseudo-element */
.faj-mm-link::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #999;
    border-top: 1.5px solid #999;
    transform: rotate(45deg);
    flex-shrink: 0;
}

/* Aktívna kategória */
.faj-mm-link.current {
    color: var(--color-primary);
    font-weight: 600;
}

/* Theme toggle row */
.faj-mm-theme-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0 1.25rem;
    height: 56px;
    border: none;
    outline: none;
    background: none;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
    color: var(--color-text-muted);
    font-family: var(--font-body, system-ui, sans-serif);
    font-size: var(--fs-sm);
    transition: background 180ms ease;
}
.faj-mm-theme-row:hover,
.faj-mm-theme-row:active {
    background: rgba(0,0,0,0.04);
}
[data-theme="dark"] .faj-mm-theme-row {
    border-top-color: var(--color-divider);
    color: #999;
}
[data-theme="dark"] .faj-mm-theme-row:hover,
[data-theme="dark"] .faj-mm-theme-row:active {
    background: rgba(255,255,255,0.04);
}
.faj-mm-theme-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.faj-mm-theme-label {
    color: var(--color-text);
    font-weight: 500;
}
[data-theme="dark"] .faj-mm-theme-label {
    color: #e0e0e0;
}

/* Search v menu */
.faj-mm-search-wrap {
    padding: 1rem 1.25rem;
    border-top: 1px solid #f0f0f0;
}

[data-theme="dark"] .faj-mm-search-wrap {
    border-top-color: var(--color-divider);
}

.faj-mm-search-form {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 0 12px;
    height: 44px;
}

[data-theme="dark"] .faj-mm-search-form {
    background: #252423;
}

.faj-mm-search-form input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    font-size: var(--fs-sm);
    color: var(--color-text);
}

[data-theme="dark"] .faj-mm-search-form input {
    color: #e0e0e0;
}

.faj-mm-search-form button[type="submit"] {
    background: none;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--fs-sm);
    padding: 0;
}

/* CTA */

/* Social */
.faj-mm-social {
    display: flex;
    gap: 20px;
    padding: 1.25rem;
    border-top: 1px solid #f0f0f0;
}

[data-theme="dark"] .faj-mm-social {
    border-top-color: var(--color-divider);
}

.faj-mm-social a svg {
    width: 24px;
    height: 24px;
    fill: #555;
}

[data-theme="dark"] .faj-mm-social a svg {
    fill: #999;
}

/* ═══════════════════════════════════════════════════════
   SEARCH OVERLAY #faj-search-overlay
   ═══════════════════════════════════════════════════════ */

#faj-search-overlay {
    z-index: 1000003;
}

/* F8: okno hľadania je na väčších obrazovkách 640 px so zaoblením; na celú šírku len na mobile (≤ 640 px) */
.faj-search-modal {
    background-color: var(--color-surface);
    max-height: 100dvh;
    padding: 1.5rem;
}
@media (max-width: 640px) {
    .faj-search-modal {
        border-radius: 0 !important;
        max-width: 100%;
        width: 100% !important;
        padding: 2rem 1.5rem;
    }
}

.faj-search-bar {
    background: var(--color-surface-offset);
    border-radius: 10px;
    padding: 0 1rem;
    height: 56px;
    font-size: var(--fs-md);
}

.faj-search-bar input {
    font-size: var(--fs-md);
    color: var(--color-text);
}

/* ═══ DESKTOP NAV ═══ */
/* Základný stav (Mobil): skrytý */
.fajront-desktop-nav {
    display: none;
}

@media (min-width: 641px) {
    .fajront-desktop-nav {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
    }

    .fajront-desktop-nav ul {
        display: flex;
        list-style: none;
        gap: 30px;
        margin: 0;
        padding: 0;
    }

    .fajront-desktop-nav a {
        text-decoration: none;
        color: var(--color-text);
        font-weight: 700;
        text-transform: uppercase;
        font-size: var(--fs-sm);
        letter-spacing: 0.5px;
        white-space: nowrap;
        transition: opacity 0.2s ease;
    }

    .fajront-desktop-nav a:hover {
        opacity: 0.6;
    }

    [data-theme="dark"] .fajront-desktop-nav a {
        color: var(--color-text);
    }
}


/* ═══════════════════════════════════════════════════════
   VIZUÁLNE DETAILY — ikony, obrázky, meta
   ═══════════════════════════════════════════════════════ */

/* 1. ODSTRÁNENIE BORDERU Z IKON (override snippet 12) */
#faj-search-btn,
#faj-theme-toggle,
.fajront-header__icon-btn,
.header-btn {
    border: none !important;
    background: transparent !important;
    outline-offset: 3px;
}

#faj-search-btn:hover,
#faj-theme-toggle:hover,
.fajront-header__icon-btn:hover,
.header-btn:hover {
    opacity: 0.7;
    background: transparent !important;
    border: none !important;
}

#faj-search-btn:active,
#faj-theme-toggle:active,
.fajront-header__icon-btn:active {
    opacity: 0.5;
}

/* 2. ZAOBLENIE ROHOV OBRÁZKOV ČLÁNKOV */
.faj-card-thumb-wrap img,
.faj-card-thumb-wrap {
    border-radius: var(--radius-md); /* zjednotené s related/carousel/category (8px), bolo 4px */
    overflow: hidden;
}

/* 3. META INFORMÁCIE — menšie, jemnejšie */


/* ═══════════════════════════════════════════════════════
   ARTICLE BODY — čitateľnosť textu
   ═══════════════════════════════════════════════════════ */

/* 1. Odseky — veľkosť a riadkovanie */

/* 2. Hierarchia nadpisov v článku */

/* 3. Obmedzenie šírky čítania na desktope */
@media (min-width: 992px) {
    .single-post .entry-content,
    .single-post .entry-header {
        max-width: 760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* ═══════════════════════════════════════════════════════
   NEWSLETTER SEKCIA (Brevo) — v36
   ═══════════════════════════════════════════════════════ */

/* Rad: input + button vedla seba */

/* Brevo message panels override */
.faj-newsletter .sib-form-message-panel,
.faj-nl-msg {
    display: none;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: var(--fs-sm);
    font-family: inherit !important;
    margin-bottom: 16px;
    max-width: none !important;
    border-width: 1px;
    border-style: solid;
    text-align: left;
}

/* Override Brevo sib-styles.css defaults */

/* Mobile: stack input a button */


/* ── Legal pages ── */
/* Theme page title styling */
/* h2 — teal with underline */
.page .page-content h2 {
  font-size: var(--text-lg);
  color: var(--color-primary) !important;
  border-bottom: 1px solid var(--color-primary-highlight) !important;
}
/* h3 — pill badge */
.page .page-content h3 {
  color: var(--color-text) !important;
}
.page .page-content p {
  margin-bottom: 0.875rem;
  max-width: 70ch;
}
.page .page-content ul {
  list-style: none;
  padding-left: 0 !important;
  margin: 0.5rem 0 1rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.page .page-content li {
  max-width: 68ch;
  padding-left: 1.25rem;
  position: relative;
}
.page .page-content li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
}
.page .page-content a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px !important;
}
.page .page-content a:hover { color: var(--color-primary-hover) !important; }

/* ── Legal page ID overrides (must be last) ── */
body.page-id-25 .page-content h1,
body.page-id-5768 .page-content h1,
body.page-id-23 .page-content h1 {
  font-size: var(--text-2xl);
  color: var(--color-text) !important;
  letter-spacing: -0.02em;
}
body.page-id-25 .page-content h1::after,
body.page-id-5768 .page-content h1::after,
body.page-id-23 .page-content h1::after {
  height: 3px;
}
body.page-id-25 .page-content h2,
body.page-id-5768 .page-content h2,
body.page-id-23 .page-content h2 {
  font-size: var(--fs-md);
  color: var(--color-primary) !important;
  border-bottom: 1px solid var(--color-primary-highlight) !important;
}
body.page-id-25 .page-content h3,
body.page-id-5768 .page-content h3,
body.page-id-23 .page-content h3 {
  font-size: var(--fs-sm) !important;
  font-weight: 700 !important;
  color: var(--color-text) !important;
  display: inline-block;
  background: var(--color-surface-offset);
  padding: 0.15rem 0.6rem;
  border-radius: 4px;
  margin: 1.5rem 0 0.4rem !important;
}
body.page-id-25 .page-content li::before,
body.page-id-5768 .page-content li::before,
body.page-id-23 .page-content li::before {
  background: var(--color-primary);
}

/* ═════════════════════════════════════════
   FOOTER
   ═════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════
   FAJ Footer CSS — Snippet 42
   ═══════════════════════════════════════════════════════ */

/* Skryť pôvodný Hello Elementor footer */

/* Skryť starý faj-footer-links inject (bezpečnostné skrytie) */

/* === NOVÝ FOOTER === */

/* Vnútorný layout */

/* Logo */

/* Nav zoznam — nulový padding (oprava odsadenia) */

/* Spodný pás — copyright */

/* Tmavý režim — footer je vždy tmavý, ale upravíme odtiene */

/* Bez bieleho medzipriestoru pod footerom */

/* Mobile */


/* ═══════════════════════════════════════════════════════════════════════
   ENGERIO WIDGET — fix oversize "Prináša ENGERIO" brand overlay
   The widget's logo container is position:absolute but the widget root has
   no positioning, so the brand floats over the 6th card. Plus our own
   `.entry-content img { width:100% !important }` rule blows the logo images
   up to full card width. Pin to corner + force small size. UUID hardcoded
   because it identifies our specific widget instance.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   AUTHOR ARCHIVE — rich hero (E-E-A-T signal for Discover)
   Replaces default .page-header on /author/{slug}/ pages.
   ═══════════════════════════════════════════════════════════════════════ */
/* When inserted inside .page-content (which is display:grid for the article cards),
   the hero must span every column. */
body.author .page-content > .faj-author-hero{
grid-column:1/-1;
}
.faj-author-hero{
max-width:var(--max-w);
margin:0 auto clamp(1.5rem,3vw,2.5rem);
padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,2rem) clamp(1.5rem,3vw,2.5rem);
border-bottom:1px solid var(--color-border);
width:100%;
box-sizing:border-box;
}
.faj-author-hero__inner{
display:grid;
grid-template-columns:auto 1fr;
gap:clamp(1.25rem,3vw,2.25rem);
align-items:start;
max-width:880px;
margin:0 auto;
}
.faj-author-hero__avatar{
width:120px;height:120px;
border-radius:50%;
object-fit:cover;
background:var(--color-surface-offset);
border:3px solid var(--color-surface);
box-shadow:var(--shadow-md);
flex-shrink:0;
}
.faj-author-hero__body{min-width:0}
.faj-author-hero__job{
font-family:var(--font-body);
font-size:var(--text-xs);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--color-primary);
margin:0 0 .25rem;
}
.faj-author-hero__name{
font-family:var(--font-display);
font-size:var(--text-2xl);
font-weight:800;
line-height:var(--lh-tight);
letter-spacing:-0.02em;
color:var(--color-text);
margin:0 0 .75rem;
text-wrap:balance;
}
.faj-author-hero__bio{
font-family:var(--font-body);
font-size:var(--text-base);
line-height:var(--lh-text);
color:var(--color-text-muted);
margin:0 0 1rem;
max-width:62ch;
}
.faj-author-hero__stats{
display:flex;
flex-wrap:wrap;
gap:1rem 1.5rem;
list-style:none;
padding:0;
margin:0;
font-family:var(--font-body);
font-size:var(--text-sm);
color:var(--color-text-faint);
}
.faj-author-hero__stats li{display:flex;align-items:baseline;gap:.3rem}
.faj-author-hero__stats strong{
color:var(--color-text);
font-weight:700;
font-size:var(--text-base);
}
.faj-author-hero__social{
display:flex;
gap:.875rem;
list-style:none;
padding:0;
margin:1rem 0 0;
}
.faj-author-hero__social a{
font-size:var(--text-sm);
color:var(--color-primary);
text-decoration:none;
}
.faj-author-hero__social a:hover{text-decoration:underline}
@media (max-width:600px){
.faj-author-hero__inner{grid-template-columns:1fr;text-align:center}
.faj-author-hero__avatar{margin:0 auto;width:96px;height:96px}
.faj-author-hero__bio,.faj-author-hero__stats{margin-left:auto;margin-right:auto;justify-content:center}
.faj-author-hero__social{justify-content:center}
}

/* ═══════════════════════════════════════════════════════════════════════
   ARTICLE BODY H2 — editorial styling with decorative marker
   ═══════════════════════════════════════════════════════════════════════ */
.single .page-content > h2,
.single .entry-content h2{
position:relative;
letter-spacing:-0.015em;
margin:3.5rem 0 1.25rem;
padding-top:1.25rem;
max-width:28ch;
}
.single .page-content > h2::before,
.single .entry-content h2::before{
content:"";
display:block;
width:48px;
height:3px;
background:var(--color-primary);
border-radius:2px;
margin-bottom:1rem;
position:absolute;
top:0;
left:0;
}

/* ═══════════════════════════════════════════════════════════════════════
   RELATED ARTICLES — "Čítajte ďalej" section under article body
   ═══════════════════════════════════════════════════════════════════════ */
.faj-related{
margin:3rem 0 2.5rem;
padding-top:2rem;
border-top:1px solid var(--color-border);
}
.faj-related__title{
font-family:var(--font-display);
font-size:var(--text-xl);
font-weight:800;
color:var(--color-text);
margin:0 0 1.5rem;
letter-spacing:-0.015em;
}
.faj-related__grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:1.25rem;
}
.faj-related__card{
display:block;
text-decoration:none;
color:inherit;
transition:transform 200ms cubic-bezier(0.16,1,0.3,1);
}
.faj-related__card:hover{transform:translateY(-3px)}
.faj-related__thumb{
position:relative;
display:block;
overflow:hidden;
border-radius:var(--radius-md);
aspect-ratio:16/9;
background:var(--color-surface-offset);
margin-bottom:.625rem;
}
.faj-related__thumb img{
height:100% !important;
display:block;
aspect-ratio:auto !important;
}
.faj-related__cat{
position:absolute;
top:.5rem;
left:.5rem;
background:rgba(0,0,0,.72);
color:#fff;
font-family:var(--font-body);
font-size:var(--fs-xs);
font-weight:700;
letter-spacing:.06em;
padding:.25rem .5rem;
border-radius:var(--radius-sm);
}
.faj-related__heading{
font-family:var(--font-display);
font-size:var(--text-base);
font-weight:700;
line-height:var(--lh-ui);
color:var(--color-text);
margin:0;
text-wrap:balance;
letter-spacing:-0.01em;
}
.faj-related__card:hover .faj-related__heading{color:var(--color-primary)}

/* Updated date in author meta — subtle accent for freshness signal */

/* ═══════════════════════════════════════════════════════════════════════
   CATEGORY HERO — rich intro on /kategoria/{slug}/ pages
   ═══════════════════════════════════════════════════════════════════════ */
body.category .page-content > .faj-cat-hero{grid-column:1/-1}
.faj-cat-hero{
max-width:var(--max-w);
margin:0 auto clamp(1.5rem,3vw,2.5rem);
padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,2rem) clamp(1.5rem,3vw,2.5rem);
border-bottom:1px solid var(--color-border);
width:100%;
box-sizing:border-box;
text-align:center;
}
.faj-cat-hero__inner{max-width:760px;margin:0 auto}
.faj-cat-hero__parent{
font-family:var(--font-body);
font-size:var(--text-xs);
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--color-text-muted);
text-decoration:none;
margin-bottom:.5rem;
display:inline-block;
}
.faj-cat-hero__parent:hover{color:var(--color-primary)}
.faj-cat-hero__eyebrow{
font-family:var(--font-body);
font-size:var(--text-xs);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--color-primary);
margin:0 0 .35rem;
}
.faj-cat-hero__name{
font-family:var(--font-display);
font-size:var(--text-2xl);
font-weight:800;
line-height:var(--lh-tight);
letter-spacing:-0.025em;
color:var(--color-text);
margin:0 0 .85rem;
text-wrap:balance;
}
.faj-cat-hero__emoji{
display:inline-block;
font-size:0.9em;
vertical-align:middle;
margin-right:.2em;
}
.faj-cat-hero__desc{
font-family:var(--font-body);
font-size:var(--text-base);
line-height:var(--lh-text);
color:var(--color-text-muted);
margin:0 auto 1rem;
max-width:60ch;
text-wrap:pretty;
}
.faj-cat-hero__stats{
font-family:var(--font-body);
font-size:var(--text-sm);
color:var(--color-text-faint);
margin:0;
}
.faj-cat-hero__stats strong{color:var(--color-text);font-weight:700}

/* ═══════════════════════════════════════════════════════════════════════
   CAROUSEL "V máji sa hodí" — fade gradient on right edge to show scrollability
   ═══════════════════════════════════════════════════════════════════════ */
.faj-carousel{position:relative}
.faj-carousel::after{
content:"";
position:absolute;
top:3.5rem;
right:0;
bottom:0;
width:80px;
pointer-events:none;
background:linear-gradient(to right,transparent,var(--color-bg) 90%);
z-index:2;
}
@media (max-width:600px){
.faj-carousel::after{width:48px}
}

/* ═══════════════════════════════════════════════════════════════════════
   FOOTER NEWSLETTER CTA — full-width banner above column grid
   ═══════════════════════════════════════════════════════════════════════ */
.faj-footer-nl{
background:linear-gradient(135deg,var(--color-surface-offset) 0%,var(--color-surface) 100%);
border-bottom:1px solid var(--color-border);
padding:clamp(2.5rem,5vw,3.5rem) 0;
}
.faj-footer-nl__inner{
max-width:1100px;
margin:0 auto;
padding:0 clamp(1rem,4vw,2rem);
display:grid;
grid-template-columns:1.2fr 1fr;
gap:clamp(1.5rem,4vw,3rem);
align-items:center;
}
.faj-footer-nl__eyebrow{
font-family:var(--font-body);
font-size:var(--text-xs);
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--color-primary);
margin:0 0 .4rem;
}
.faj-footer-nl__title{
font-family:var(--font-display);
font-size:var(--fs-xl);
font-weight:800;
line-height:var(--lh-ui);
letter-spacing:-0.02em;
color:var(--color-text);
margin:0 0 .65rem;
text-wrap:balance;
}
.faj-footer-nl__desc{
font-family:var(--font-body);
font-size:var(--text-sm);
line-height:var(--lh-text);
color:var(--color-text-muted);
margin:0;
max-width:42ch;
}
.faj-footer-nl__form{
position:relative;
display:grid;
grid-template-columns:1fr auto;
gap:.5rem;
align-items:center;
}
.faj-footer-nl__email{
appearance:none;
-webkit-appearance:none;
width:100%;
padding:.875rem 1rem;
border:1px solid var(--color-border);
border-radius:var(--radius-md);
background:var(--color-surface);
color:var(--color-text);
font-family:var(--font-body);
font-size:var(--text-base);
transition:border-color .18s;
outline:none;
min-height:48px;
box-sizing:border-box;
}
.faj-footer-nl__email:focus{border-color:var(--color-primary)}
.faj-footer-nl__email::placeholder{color:var(--color-text-faint)}
.faj-footer-nl__btn{
appearance:none;
-webkit-appearance:none;
padding:.875rem 1.5rem;
background:var(--color-primary);
color:#fff;
border:none;
border-radius:var(--radius-md);
font-family:var(--font-body);
font-size:var(--text-base);
font-weight:600;
cursor:pointer;
min-height:48px;
white-space:nowrap;
transition:background .18s;
}
.faj-footer-nl__btn:hover{background:var(--color-primary-hover)}
.faj-footer-nl__btn:disabled{opacity:.7;cursor:wait}
.faj-footer-nl__msg{
grid-column:1/-1;
font-size:var(--text-xs);
margin:.25rem 0 0;
min-height:1em;
color:var(--color-text-muted);
}
.faj-footer-nl__msg.ok{color:var(--color-primary);font-weight:600}
.faj-footer-nl__msg.err{color:#dc2626;font-weight:600}
@media (max-width:720px){
.faj-footer-nl__inner{grid-template-columns:1fr;gap:1.5rem}
.faj-footer-nl__form{grid-template-columns:1fr}
}
/* ══════════ 2026 MODERN POLISH (v45) — overené proti CLAUDE.md ══════════ */
/* #2 Karty: jemný zoom obrázka na hoveri (desktop-only), zjednotená interakcia.
   Oba thumby sú overflow:hidden+radius, takže scale sa čisto oreže. */
.blog .page-content article.post .faj-card-thumb-wrap img,
.archive .page-content article.post .faj-card-thumb-wrap img{transition:transform 450ms cubic-bezier(0.16,1,0.3,1);}
.faj-related__thumb img{transition:transform 450ms cubic-bezier(0.16,1,0.3,1);}
@media(hover:hover){
  .blog .page-content article.post:hover .faj-card-thumb-wrap img,
  .archive .page-content article.post:hover .faj-card-thumb-wrap img{transform:scale(1.04)!important;}
  .faj-related__card:hover .faj-related__thumb img{transform:scale(1.04);}
}
/* #11 Related karta (hlavný next-tap prvok): dotykový :active feedback */
.faj-related__card:active{transform:scale(.985)!important;}
@media(hover:none){.faj-related__card:active .faj-related__heading{color:var(--color-primary);}}
/* #6 content-visibility na off-screen sekcie — šetrí layout+paint (CWV).
   Multiplex reklama je SIBLING za .faj-related, zámerne NEobalená (meranie šírky AdSense). */
.faj-footer{content-visibility:auto;contain-intrinsic-size:auto 600px;}
.faj-related{content-visibility:auto;contain-intrinsic-size:auto 1000px;}
.faj-comments-section{content-visibility:auto;contain-intrinsic-size:auto 500px;}
/* #7 Inputs <16px → iOS Safari auto-zoom pri fokuse. Vynúť 16px na reader poliach. */
#faj-cf input[type="text"],
#faj-cf textarea,
#faj-mobile-menu .faj-mm-search-form input{font-size:var(--fs-base)!important;}


/* ═══════════════════════════════════════════════════════════════════════
   OPRAVA DIZAJNU 24. 10. 2026 (bot C) — kanonické pravidlá
   Za týmto súborom nasledujú inline bloky (faj-core, faj-2027, faj-ux, weby-reklamy) s !important,
   preto majú kanonické pravidlá zvýšenú špecifickosť (html body:not(#_c)) – vyhrajú nad staršími prepismi.
   ═══════════════════════════════════════════════════════════════════════ */

/* F1: vložené videá a iframy v obsahu sú responzívne (YouTube/Vimeo 16:9) */
html body :is(.entry-content,.page-content,.faj-entry-content) :is(iframe[src*="youtube.com"],iframe[src*="youtube-nocookie.com"],iframe[src*="youtu.be"],iframe[src*="vimeo.com"],iframe[data-src*="youtube"],iframe[data-src*="vimeo"],iframe[data-lazy-src*="youtube"],iframe[data-lazy-src*="vimeo"]){display:block;max-width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--radius-md);}
html body :is(.entry-content,.page-content) :is(.wp-block-embed__wrapper,.wp-has-aspect-ratio,figure.wp-block-embed){max-width:100%;}
html body :is(.entry-content,.page-content) :is(video,embed,object){max-width:100%;height:auto;}

/* F25: od 641 px je viditeľné celé menu (hamburger len ≤ 640 px); na užších tabletoch je menu o kúsok kompaktnejšie */
@media (min-width:641px) and (max-width:900px){
  html body .fajront-desktop-nav ul{gap:10px;}
  html body .fajront-desktop-nav a{font-size:13px;letter-spacing:.2px;padding-left:6px;padding-right:6px;}
  html body .fajront-header__actions{gap:4px;}
}

/* F23: hlavička (.fajront-header__inner), obsah (.site-main) a pätička (.n2-foot__in) používajú rovnaký kontajner: max-width var(--max-w) = 1 200 px a bočný okraj var(--gutter) (pravidlá hlavičky sú vyššie v tomto súbore) */

/* ═══ F17: KANONICKÉ TLAČIDLÁ ═══ */
html body:not(#_c) :is(.n2-btn:not(.n2-btn--sek):not(.n2-btn--txt),.faj-nl-inline-btn,.faj-footer-nl__btn:not(.n2-btn--sek),.faj-cf-submit:not(.n2-btn--sek),.faj-404__btn,#faj-nl-submit,.faj-onas-cta-btn,.faj-recipe-jump,.faj-sres button,form[role="search"] button[type="submit"],.n2-rb--p,.fajpp-yes,.n2-btn--sek,.n2-rb:not(.n2-btn):not(.n2-rb--p),.faj-wake,.nav-previous a,.nav-next a,.fajpp-no,.n2-btn--txt){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
  min-height:var(--btn-h);height:auto;padding:0 var(--btn-px);margin-block:0;
  border-width:1px!important;border-style:solid!important;border-radius:var(--btn-r)!important;font-size:var(--btn-fs);font-weight:var(--btn-fw);line-height:var(--lh-ui);
  text-decoration:none!important;text-align:center;cursor:pointer;
  transition:background-color var(--transition),border-color var(--transition),color var(--transition);
}
/* primárne: zelená, biely text (tmavý režim: svetlozelená s tmavým textom) */
html body:not(#_c) :is(.n2-btn:not(.n2-btn--sek):not(.n2-btn--txt),.faj-nl-inline-btn,.faj-footer-nl__btn:not(.n2-btn--sek),.faj-cf-submit:not(.n2-btn--sek),.faj-404__btn,#faj-nl-submit,.faj-onas-cta-btn,.faj-recipe-jump,.faj-sres button,form[role="search"] button[type="submit"],.n2-rb--p,.fajpp-yes){background:var(--btn-bg)!important;color:var(--btn-fg)!important;border-color:var(--btn-bg)!important;}
html body:not(#_c) :is(.n2-btn:not(.n2-btn--sek):not(.n2-btn--txt),.faj-nl-inline-btn,.faj-footer-nl__btn:not(.n2-btn--sek),.faj-cf-submit:not(.n2-btn--sek),.faj-404__btn,#faj-nl-submit,.faj-onas-cta-btn,.faj-recipe-jump,.faj-sres button,form[role="search"] button[type="submit"],.n2-rb--p,.fajpp-yes):is(:hover,:focus-visible){background:var(--btn-bg-h)!important;color:var(--btn-fg-h)!important;border-color:var(--btn-bg-h)!important;}
html body:not(#_c) :is(.n2-btn:not(.n2-btn--sek):not(.n2-btn--txt),.faj-nl-inline-btn,.faj-footer-nl__btn:not(.n2-btn--sek),.faj-cf-submit:not(.n2-btn--sek),.faj-404__btn,#faj-nl-submit,.faj-onas-cta-btn,.faj-recipe-jump,.faj-sres button,form[role="search"] button[type="submit"],.n2-rb--p,.fajpp-yes):disabled{opacity:.6;cursor:wait;}
/* sekundárne: rámik, rovnaké rozmery */
html body:not(#_c) :is(.n2-btn--sek,.n2-rb:not(.n2-btn):not(.n2-rb--p),.faj-wake,.nav-previous a,.nav-next a,.fajpp-no){background:var(--btn-2-bg)!important;color:var(--btn-2-fg)!important;border-color:var(--btn-2-bd)!important;}
html body:not(#_c) :is(.n2-btn--sek,.n2-rb:not(.n2-btn):not(.n2-rb--p),.faj-wake,.nav-previous a,.nav-next a,.fajpp-no):is(:hover,:focus-visible){background:var(--btn-2-bg-h)!important;color:var(--btn-2-fg)!important;border-color:var(--btn-2-bd-h)!important;}
/* zapnutý stav prepínača (Uložené, Obrazovka ostane zapnutá): rámik a text v zelenej */
html body:not(#_c) :is(.n2-rb[aria-pressed="true"],.n2-btn[aria-pressed="true"],.faj-wake[aria-pressed="true"]){background:var(--btn-2-bg)!important;color:var(--color-brand)!important;border-color:var(--color-brand)!important;}
html body:not(#_c) :is(.n2-rb[aria-pressed="true"],.n2-btn[aria-pressed="true"],.faj-wake[aria-pressed="true"]):is(:hover,:focus-visible){background:var(--btn-2-bg-h)!important;color:var(--color-brand)!important;}
/* textové: bez rámika, zelený podčiarknutý text, plocha dotyku 44 px */
html body:not(#_c) .n2-btn--txt{color:var(--color-brand);padding:0 8px;text-underline-offset:3px;}
html body:not(#_c) .n2-btn--txt:is(:hover,:focus-visible){color:var(--color-brand-hover)!important;background:var(--color-surface-offset)!important;}
/* krokovanie porcií (− / +): štvorec 44 px */
html body:not(#_c) .n2-btn--sek[aria-label$="porcií"]{min-width:var(--btn-h);padding:0;}
/* nástroje receptu: v úzkom riadku (3 stĺpce) menšie písmo a okraje, rozmery 44 px a zaoblenie 6 px ostávajú */
@media (max-width:480px){html body:not(#_c) .n2-rt .n2-rb{padding:0 8px;gap:4px;}}
html body:not(#_c) .n2-rb{white-space:nowrap;}
html body:not(#_c) .n2-rb svg{flex:none;}

/* ikony v hlavičke a „Späť hore“: plocha dotyku aspoň 44 × 44 px */
html body:not(#_c) .fajront-header__icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border:0!important;border-radius:var(--btn-r)!important;background:transparent!important;color:var(--color-text)!important;}
html body:not(#_c) .fajront-header__icon-btn:is(:hover,:focus-visible){background:var(--color-surface-offset)!important;color:var(--color-brand)!important;}
html body:not(#_c) #faj-top{width:44px;height:44px;border:0!important;border-radius:var(--btn-r)!important;color:var(--btn-fg);display:flex;align-items:center;justify-content:center;padding:0;}
html body:not(#_c) #faj-top:is(:hover,:focus-visible){background:var(--btn-bg-h)!important;color:var(--btn-fg-h)!important;}

/* zdieľanie: neutrálne ikony, farba siete až pri hoveri / fokuse (kontrast bieleho textu ≥ 4,5:1) */
html body:not(#_c) .faj-shr .faj-shr__btn{background:var(--color-surface-offset);color:var(--color-text)!important;border:1px solid var(--color-border)!important;}
html body:not(#_c) .faj-shr .faj-shr__btn{--shr-h:#15803d;}
html body:not(#_c) .faj-shr .faj-shr__btn--fb{--shr-h:#1664d9;}
html body:not(#_c) .faj-shr .faj-shr__btn--wa{--shr-h:#0e7a6e;}
html body:not(#_c) .faj-shr .faj-shr__btn--ms{--shr-h:#0a5fe0;}
html body:not(#_c) .faj-shr .faj-shr__btn--pin{--shr-h:#e60023;}
html body:not(#_c) .faj-shr .faj-shr__btn:is(:hover,:focus-visible),html body:not(#_c) .faj-shr .faj-shr__btn--copy.is-ok{background:var(--shr-h)!important;color:#fff!important;border-color:var(--shr-h)!important;}
html body:not(#_c) .faj-shr .faj-shr__btn svg{color:inherit;}

/* F13: poslednú kartu v neúplnom rade roztiahne v43 skript (trieda faj-fill); široká karta má nižší obrázok */
.faj-fill{min-width:0;}
html body:not(#_c) .faj-fill :is(.faj-card-thumb-wrap,.faj-related__thumb) img{aspect-ratio:2/1!important;width:100%!important;height:auto!important;}
html body:not(#_c) .faj-fill[data-fill="3"] :is(.faj-card-thumb-wrap,.faj-related__thumb) img{aspect-ratio:3/1!important;}

/* zdieľanie: rovnaké zaoblenie ako ostatné tlačidlá (6 px), nie pilulky */
html body:not(#_c) .faj-shr .faj-shr__btn{border-radius:var(--btn-r)!important;font-size:var(--btn-fs);}
/* stránkovanie (Novšie / Staršie články): vždy jeden riadok, na úzkom displeji menšie okraje */
html body:not(#_c) :is(.nav-previous a,.nav-next a){white-space:nowrap;}
@media (max-width:480px){html body:not(#_c) :is(.nav-previous a,.nav-next a){padding:0 12px;gap:6px;}}
/* polia vo formulároch s tlačidlom majú rovnakú výšku 44 px ako tlačidlo (nerovnaká výška robila rad nepravidelný) */
html body:not(#_c) :is(.faj-404__input,.faj-footer-nl__email,.n2-nl input[type="email"],.faj-nl-inline-row input[type="email"],.faj-nl-inline-email,.faj-sres input[type="search"],form[role="search"] input[type="search"]:not(.faj-search-bar input)){height:var(--btn-h);min-height:var(--btn-h);box-sizing:border-box;}

/* ═══ F3 (CSS): cookie lišta Cookie-Script vo farbách webu ═══
   Lišta je vždy biela, preto pevné farby (nie tokeny režimu). Tlačidlo „Odmietnuť“ (#cookiescript_reject) v lište zatiaľ NIE JE
   (zapína sa v administrácii Cookie-Script); pravidlo je pripravené, aby po zapnutí vyzeralo ako sekundárne tlačidlo rovnakej veľkosti. */
html body #cookiescript_injected :is(#cookiescript_accept,#cookiescript_reject):not(#_c){
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;margin:0;
  border-radius:6px;font:600 var(--fs-base)/var(--lh-ui) 'Satoshi',system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:center;cursor:pointer;transition:background-color .18s,border-color .18s;
}
html body #cookiescript_injected #cookiescript_accept:not(#_c){background:#15803d!important;border:1px solid #15803d;}
html body #cookiescript_injected #cookiescript_accept:not(#_c):is(:hover,:focus-visible){background:#14532d!important;border-color:#14532d!important;color:#fff!important;}
html body #cookiescript_injected #cookiescript_reject:not(#_c){background:#fff!important;color:#1a1a1a!important;border:1px solid #8a877d!important;}
html body #cookiescript_injected #cookiescript_reject:not(#_c):is(:hover,:focus-visible){background:#f0eeeb!important;border-color:#15803d!important;color:#1a1a1a!important;}
html body #cookiescript_injected #cookiescript_buttons:not(#_c){gap:8px;flex-wrap:wrap;}
html body #cookiescript_injected #cookiescript_buttons > *:not(#_c){flex:1 1 140px;}
html body #cookiescript_injected :is(#cookiescript_readmore,#cookiescript_show_all_partners_button,#cookiescript_show_all_partners_button span,#cookiescript_manage_wrap,#cookiescript_manage,#cookiescript_manage span,#cookiescript_description a):not(#_c){
  color:#15803d;text-transform:none;font-family:'Satoshi',system-ui,sans-serif;font-weight:600;
}
html body #cookiescript_injected :is(#cookiescript_readmore,#cookiescript_show_all_partners_button,#cookiescript_manage):not(#_c):is(:hover,:focus-visible){color:#14532d!important;}
html body #cookiescript_injected #cookiescript_manage svg:not(#_c){fill:#15803d;}
html body #cookiescript_injected :is(#cookiescript_accept,#cookiescript_reject,#cookiescript_readmore,#cookiescript_show_all_partners_button,#cookiescript_manage_wrap,#cookiescript_close):focus-visible{outline:2px solid #15803d!important;outline-offset:2px!important;}


/* ═══ faj-core: bývalý wp_add_inline_style (hero, newsletter, karty…) ═══ */
/* ── Global overflow clamp: prevent any runaway child from causing horizontal scroll ──
   `clip` is the modern equivalent of hidden that does NOT create a scroll container
   (keeps position:sticky / fixed descendants working). Fallback to hidden for old
   Safari < 16 via the first declaration. Both `html` and `body` for belt-and-braces. */
html,body{max-width:100vw;overflow-x:clip!important;}
/* Grid items can't shrink below their min-content by default, which causes wide flex
   children (like the carousel track) to blow out the column. Force the grid item
   itself plus its track to be allowed to shrink. */
.page-content > *{min-width:0;}

/* ── Hero card (first post on home/archive) — mobile-first magazine layout ── */
.blog .page-content article.post:first-of-type,
.archive .page-content article.post:first-of-type{grid-column:1/-1;padding-bottom:1.5rem;margin-bottom:0.5rem;border-bottom:1px solid var(--color-divider)!important;}
.blog .page-content article.post:first-of-type h2.entry-title,
.archive .page-content article.post:first-of-type h2.entry-title{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.25rem);font-weight:700;line-height:1.2!important;letter-spacing:-0.02em;margin:1rem 0 0.5rem;}
.blog .page-content article.post:first-of-type > p,
.archive .page-content article.post:first-of-type > p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;order:4;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:62ch;}
.blog .page-content article.post:first-of-type span.faj-card-cat,
.archive .page-content article.post:first-of-type span.faj-card-cat{bottom:0.75rem!important;right:auto!important;}
/* Desktop: side-by-side image + text hero */
@media(min-width:900px){
.blog .page-content article.post:first-of-type,
.archive .page-content article.post:first-of-type{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;padding-bottom:2rem;margin-bottom:1rem;}
.blog .page-content article.post:first-of-type > a,
.archive .page-content article.post:first-of-type > a{grid-column:1;grid-row:1/span 3;}
.blog .page-content article.post:first-of-type h2.entry-title,
.archive .page-content article.post:first-of-type h2.entry-title{grid-column:2;grid-row:1;font-size:clamp(1.75rem,1rem + 2vw,2.5rem);margin-top:0;}
.blog .page-content article.post:first-of-type > p{grid-column:2;-webkit-line-clamp:4;}
}

/* Zrušený karusel „V … sa hodí“ (F10): ostáva len skrytý kotvový prvok pre sezónny blok z faj-2027.php */

/* ── Inline newsletter block (after 5th card on home / blog) ── */
.faj-nl-inline{grid-column:1/-1;margin:1.25rem 0 1.5rem;padding:1.5rem 1.25rem;background:var(--color-surface-offset);border:1px solid var(--color-divider)!important;border-radius:var(--radius-md)!important;display:flex;flex-direction:column!important;gap:1rem;align-items:flex-start;}
.faj-nl-inline-eyebrow{text-transform:uppercase;letter-spacing:0.08em;font-weight:700;margin:0 0 0.375rem;}
.faj-nl-inline-headline{font-family:var(--font-display);font-size:clamp(1.125rem,1rem + 0.5vw,1.375rem);font-weight:700;line-height:1.3;letter-spacing:-0.01em;margin:0;max-width:42ch;}
.faj-nl-inline-form{display:flex;flex-direction:column;gap:0.625rem;width:100%!important;max-width:440px!important;}
.faj-nl-inline-row{display:flex;gap:0.5rem;width:100%!important;}
.faj-nl-inline-email{flex:1 1 auto;min-width:0;min-height:48px!important;padding:0 1rem!important;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-size:var(--text-base);transition:border-color 180ms ease!important;}
.faj-nl-inline-email:focus{border-color:var(--color-primary)!important;}
.faj-nl-inline-btn{flex:0 0 auto;min-height:48px!important;color:#fff;border:none!important;border-radius:var(--radius-md)!important;transition:background 180ms ease!important;}
.faj-nl-inline-btn:hover:not(:disabled){background:var(--color-primary-hover)!important;}
.faj-nl-inline-btn:disabled{opacity:0.6!important;cursor:wait!important;}
.faj-nl-inline-msg{margin:0;font-size:var(--text-sm);min-height:1.25em;color:var(--color-text-muted);}
.faj-nl-inline-msg.ok{color:var(--color-primary);font-weight:600;}
.faj-nl-inline-msg.err{color:#b02a37;}
.faj-nl-inline-legal{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);}
@media(min-width:720px){
.faj-nl-inline{flex-direction:row!important;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;flex-wrap:wrap;}
.faj-nl-inline-text{flex:1 1 260px;}
.faj-nl-inline-form{flex:1 1 320px;max-width:none!important;}
}

/* ── Mini category sections (injected after last card on home) ── */
.faj-cat-sections{grid-column:1/-1;display:flex;flex-direction:column;gap:48px;margin:48px 0 0;}
.faj-cat-section{display:flex;flex-direction:column;gap:1rem;}
.faj-cat-cards{display:grid;grid-template-columns:1fr!important;gap:1rem;}
.faj-cat-card{text-decoration:none!important;color:var(--color-text);}
.faj-cat-card img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);display:block;}
.faj-cat-card-title{margin:0.625rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media(min-width:600px){
.faj-cat-cards{grid-template-columns:1fr 1fr!important;gap:1.25rem;}
}
@media(min-width:960px){
.faj-cat-sections{gap:64px;margin-top:64px;}
.faj-cat-cards{grid-template-columns:repeat(3,1fr)!important;}
}

/* ── Author hero: initials fallback when no Gravatar ── */
.faj-author-hero__avatar--initials{
  display:inline-flex;align-items:center;justify-content:center;
  width:120px;height:120px;
  background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);
  color:#fff;font-family:var(--font-display,'Cabinet Grotesk',system-ui,sans-serif);
  font-size:44px;font-weight:800;letter-spacing:-0.02em;
  text-transform:uppercase;line-height:1;
  box-shadow:0 8px 24px rgba(22,163,74,0.25);
}
/* Article byline avatar (small 36px) with the same initials fallback */
.faj-author-avatar--initials{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);
  color:#fff;font-family:var(--font-display,'Cabinet Grotesk',system-ui,sans-serif);
  font-size:var(--fs-sm);font-weight:800;letter-spacing:-0.01em;
  text-transform:uppercase;line-height:1;flex-shrink:0;
}

/* ── F31: metadáta karty „Rubrika · X min“ pod titulkom (13 px, farba textu z témy) ── */
html body .page-content article.post > p.n2-meta:not(#faj){display:block;-webkit-line-clamp:unset;overflow:visible;font:400 13px/18px var(--font-body);margin:.375rem 0 0;order:3;}
@media(min-width:900px){html body .page-content article.post:first-of-type > p.n2-meta:not(#faj){grid-column:2;grid-row:2;align-self:end;margin:0 0 .5rem;}html body .page-content article.post:first-of-type > p:not(.n2-meta):not(#faj){grid-row:3;align-self:start;}}
html body .faj-cat-card .n2-meta,html body .faj-related__card .n2-meta,html body .faj-404__card .n2-meta{display:block;margin:.25rem 0 0;font:400 13px/18px var(--font-body);color:var(--color-text-muted);}
/* ── F32: stránkovanie – „Strana N z M“ uprostred ── */
html body nav.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;grid-column:1/-1;margin-top:2rem}
html body nav.pagination .nav-previous{grid-column:1;justify-self:start;order:0}
html body nav.pagination .nav-next{grid-column:3;justify-self:end;order:0;margin-left:0}
html body nav.pagination .faj-pagi-info{grid-column:2;margin:0;font:400 14px/20px var(--font-body);color:var(--color-text-muted);text-align:center;white-space:nowrap}
@media(max-width:480px){html body nav.pagination{grid-template-columns:1fr 1fr}html body nav.pagination .faj-pagi-info{grid-column:1/-1;grid-row:1;order:-1}html body nav.pagination .nav-previous{grid-column:1;grid-row:2}html body nav.pagination .nav-next{grid-column:2;grid-row:2}}
/* ── F10: nadpis strany na /page/N/ ── */
.faj-paged-head{grid-column:1/-1;margin:0 0 .5rem}
/* ── F11/F12/F13: mini sekcie – jeden vzor nadpisu (n2-sec-head), jedna čiara, 6 kariet (na mobile 3) ── */
@media(max-width:640px){.faj-cat-cards > .faj-cat-card:nth-child(n+4){display:none}}


/* ═══ Vyhľadávanie (faj-core 14) ═══ */
:where(body.search) .page-header{padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2rem) 0;max-width:var(--content-wide,1200px);margin:0 auto}
:where(body.search) .page-header h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}
body.search .page-content{max-width:var(--content-wide,1200px);margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem}
:where(body.search) .page-content article.post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow 180ms ease,transform 180ms ease}
:where(body.search) .page-content article.post:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
:where(body.search) .page-content article.post .entry-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;line-height:1.3;padding:0.875rem 1rem 0;margin:0}
:where(body.search) .page-content article.post .entry-title a{color:var(--color-text);text-decoration:none}
:where(body.search) .page-content article.post .entry-title a:hover{color:var(--color-primary)}
:where(body.search) .page-content article.post .post-excerpt,:where(body.search) .page-content article.post .entry-content p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;padding:0.5rem 1rem 1rem;margin:0}
:where(body.search) .page-content article.post img{width:100%;height:200px;object-fit:cover;display:block}
:where(body.search) .page-content article.post .faj-card-thumb-wrap{display:block;position:relative}
:where(body.search) .page-content article.post .faj-card-cat{position:absolute;bottom:8px;right:8px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,0.85);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,0.3)}
body.search .nav-links a,body.search .nav-links a:hover,body.search .nav-links a:focus{color:var(--color-primary)!important;background:none!important;font-size:var(--text-sm);font-weight:500;text-decoration:none;font-family:var(--font-body)}
body.search .nav-links a:hover{text-decoration:underline!important}
:where(body.search) .page-content article.post{display:flex;flex-direction:column}
:where(body.search) .page-content article.post .entry-title{order:2}
:where(body.search) .page-content article.post a:has(img),:where(body.search) .page-content article.post .faj-card-thumb-wrap{order:1}
:where(body.search) .page-content article.post .post-excerpt,:where(body.search) .page-content article.post .entry-content,:where(body.search) .page-content article.post>p{order:3}
:where(body.search) .page-content .page-header{grid-column:1/-1}
body.search .page-header{display:block!important}
body.search .page-header h1{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:500}
body.search .page-header h1 span{color:var(--color-text);font-weight:700}
@media(max-width:600px){
body.search .page-content{grid-template-columns:1fr!important;gap:1.25rem!important;padding:1rem}
body.search .page-content article.post img{height:200px}
}
@media(min-width:601px) and (max-width:900px){
body.search .page-content{grid-template-columns:repeat(2,1fr)!important}
}

/* ═══ Právne stránky (faj-core 14b) ═══ */
:where(body.page) .faj-legal{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 1rem;font-family:var(--font-body);color:var(--color-text);line-height:var(--lh-text);}
:where(body.page) .faj-legal-title{font-family:var(--font-display);font-size:clamp(2rem,1.4rem+2vw,3rem);font-weight:800;line-height:var(--lh-tight);letter-spacing:-0.02em;color:var(--color-text);margin:0 0 1.5rem;max-width:22ch;text-wrap:balance;}
:where(body.page) .faj-legal-meta{font-size:var(--text-xs);color:var(--color-text-faint);background:var(--color-surface-offset);border-radius:var(--radius-md);padding:.5rem .875rem;display:inline-block;margin-bottom:2rem;}
:where(body.page) .faj-legal h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:2.5rem 0 .75rem;padding-top:2rem;border-top:1px solid var(--color-border);}
:where(body.page) .faj-legal h2:first-of-type{border-top:none;padding-top:0;}
:where(body.page) .faj-legal h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:1.5rem 0 .5rem;}
:where(body.page) .faj-legal p{color:var(--color-text-muted);margin-bottom:1rem;max-width:72ch;}
:where(body.page) .faj-legal ul{color:var(--color-text-muted);padding-left:1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.375rem;}
:where(body.page) .faj-legal ul li{max-width:68ch;}
:where(body.page) .faj-legal a{color:var(--color-primary);text-decoration:none;}
:where(body.page) .faj-legal a:hover{text-decoration:underline;}
:where(body.page) .faj-legal strong{color:var(--color-text);font-weight:600;}
:where(body.page) .faj-legal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:.75rem 0 1.25rem;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-text);}
:where(body.page) .faj-legal-card strong{color:var(--color-text);}

/* ═══ Autor ═══ */
body.author .page-header{display:none}

/* ═══ Štítok a dátumový archív ═══ */
:where(body.tag,body.date) .page-content > .faj-cat-hero{grid-column:1/-1}:where(body.tag,body.date) .archive .page-header{display:none!important}

/* ═══ Kategória: skrytie page-header ═══ */
body.category .page-header{display:none}

/* ═══ Kategória: rodič v hero ═══ */
:where(body.category) .faj-cat-hero__eyebrow .faj-cat-hero__parent{color:inherit;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline;text-underline-offset:3px}

/* ═══ Skip link ═══ */
.faj-skip.screen-reader-text:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;clip-path:none;margin:0;padding:12px 16px;background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-primary);border-radius:var(--radius-md);font:600 1rem/1.2 var(--font-body,system-ui);text-decoration:none;z-index:100002;overflow:visible}

/* ═══ Skrytie témy hlavičky a pätičky ═══ */
#site-header,#site-footer{display:none!important}body.home .page-header,body.single .page-header,body.page-id-12370 .page-header,body.page-id-1218 .page-header,body.page-id-25 .page-header,body.page-id-12368 .page-header,body.page-id-5768 .page-header,body.page-id-12369 .page-header{display:none!important}

/* ═══ Vzhľad 2027 (faj-2027.php) ═══ */
:root{--n2-text:#1f1d19;--n2-muted:#5c5a52;--n2-line:#dedbd0;--n2-green:#15803d;--n2-green-s:#166534;--n2-foot:#efede5}
html[data-theme=dark]{--n2-text:#e7e5dc;--n2-muted:#a8a69b;--n2-line:#2c2f28;--n2-green-s:#4ade80;--n2-foot:#11130f}
.n2 a{text-decoration:none!important}
/* Tlačidlá: vzhľad (farba, výška, zaoblenie) dáva jedno kanonické pravidlo .n2-btn / .n2-btn--sek vo fajront.v47.css. Tu len záložný základ s nulovou špecifickosťou, ktorý ho nikdy neprebije. */
:where(.n2-btn){display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;text-decoration:none}
.n2-meta{display:block;font:400 13px/18px var(--font-body);color:var(--n2-muted)}
/* lišta Teraz */
.n2-teraz{grid-column:1/-1;display:flex;align-items:center;gap:20px;min-height:44px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--n2-line);margin:0 0 24px;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.n2-teraz::-webkit-scrollbar{display:none}
.n2-teraz b{font:600 13px/16px var(--font-display);color:var(--n2-green-s);flex:none}
.n2-teraz a{flex:none;font:500 15px/20px var(--font-body);color:var(--n2-text);padding:12px 0 10px;border-bottom:2px solid transparent}
.n2-teraz a.on,.n2-teraz a:hover{border-bottom-color:var(--n2-green)}
.n2-teraz a.all{color:var(--n2-green-s);margin-left:auto;padding-right:24px}
/* nadpis sekcie: jeden vzor pre všetky bloky webu (F11) */
.n2-sec-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"h more" "sub sub";align-items:baseline;gap:4px 16px;margin:0 0 24px}
.n2-sec-head__h{grid-area:h;font:700 22px/1.15 var(--font-display);margin:0;color:var(--n2-text)!important}
.n2-sec-head__h svg{display:none!important}
.n2-sec-head__more{grid-area:more;display:inline-flex;align-items:center;min-height:44px;font:500 15px/20px var(--font-body);color:var(--n2-green-s);white-space:nowrap;text-decoration:none!important}
.n2-sec-head__more:hover{text-decoration:underline!important;text-underline-offset:3px}
.n2-sec-head__sub{grid-area:sub;font:400 16px/24px var(--font-body);color:var(--n2-muted);margin:0}
@media(max-width:767px){.n2-sec-head:not(.n2-sec-head--tabs){grid-template-columns:1fr;grid-template-areas:"h" "sub" "more";margin-bottom:12px}.n2-sec-head:not(.n2-sec-head--tabs) .n2-sec-head__more{justify-self:start}}
@media(min-width:768px){.n2-sec-head__h{font-size:26px}}
/* sezónny blok: medzi sekciami 48 px (mobil) / 64 px (desktop), bez vlastných čiar (F12) */
/* mriežka titulky už dáva medzeru 24 px (mobil) / 32 px (desktop) a predchádzajúci článok 8 px; okraje dopĺňajú na 48 px (mobil) / 64 px (desktop) */
.n2-sez,.n2-top{grid-column:1/-1;margin:16px 0 24px;padding:0;border:0}
.n2-top{margin-top:24px}
@media(min-width:768px){.n2-sez,.n2-top{margin:16px 0 32px}.n2-top{margin-top:5px}}
.n2-sez__g{display:grid;grid-template-columns:5fr 7fr;gap:32px}
.n2-sez__main img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;display:block}
.n2-sez__main h3{font:600 20px/26px var(--font-display);margin:12px 0 4px;color:var(--n2-text)}
.n2-sez ul{list-style:none;margin:0;padding:0}
.n2-sez li{border-top:1px solid var(--n2-line)}.n2-sez li:first-child{border-top:0}
.n2-sez li a{display:block;padding:12px 0}
.n2-sez li .t{display:block;font:600 17px/24px var(--font-body);color:var(--n2-text)}
.n2-sez__foot{margin:20px 0 0}
/* Najčítanejšie */
.n2-sec-head--tabs{align-items:end;margin-bottom:0;border-bottom:1px solid var(--n2-line)}
.n2-sec-head--tabs .n2-sec-head__h{padding-bottom:10px}
.n2-tabs{grid-area:more;display:flex;gap:20px}
.n2-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;font:500 15px/20px var(--font-body);color:var(--n2-muted)!important;padding:12px 0 10px;min-height:44px;cursor:pointer}
.n2-tabs button[aria-selected=true]{font-weight:700;color:var(--n2-text)!important;border-bottom-color:var(--n2-green)}
.n2-top ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.n2-top ol[hidden]{display:none}
.n2-top li{border-bottom:1px solid var(--n2-line)}
.n2-top li a{display:grid;grid-template-columns:40px 1fr 88px;gap:12px;align-items:center;min-height:88px;padding:12px 0}
.n2-top .num{font:700 36px/40px var(--font-display);color:var(--n2-green-s)}
.n2-top .t{font:600 17px/24px var(--font-body);color:var(--n2-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.n2-top img{width:88px;height:66px;object-fit:cover;border-radius:4px}
/* drobné štítky: aspoň 12 px a kontrast aspoň 4,5:1 vo svetlom aj tmavom režime (F30) */
html body .wr-ad-label{font-size:12px;color:var(--color-text-muted)}
html body .faj-nl-inline-eyebrow{font-size:var(--fs-xs);color:var(--n2-green-s)}
/* štítok AI */
html body .page-content .faj-ai-stitok{font-size:0!important;padding:0!important;gap:0!important;height:24px;min-width:28px;text-decoration:none!important;cursor:pointer;justify-content:center;border-radius:3px!important;background:rgba(23,25,21,.88)!important;color:#fff!important;top:auto!important}
html body .page-content .faj-ai-stitok svg{display:none}
html body .page-content .faj-ai-stitok::after{content:"AI";font:600 12px/14px var(--font-body);color:#fff;padding:0 7px}
html body .page-content a.faj-ai-stitok:hover,html body .page-content a.faj-ai-stitok:focus-visible{background:rgba(23,25,21,.92)!important;outline:2px solid #fff;outline-offset:1px}
html body .n2-cap{margin:8px 0 0;font:400 13px/18px var(--font-body);color:var(--n2-muted)}
html body .n2-cap a{color:var(--n2-muted);text-decoration:underline;text-underline-offset:2px}
/* nástroje receptu: pri nadpise „Suroviny“; tlačidlá berú vzhľad z .n2-btn / .n2-btn--sek (F20) */
.n2-rt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 20px;padding:0}
.n2-rt .n2-rb{gap:6px;padding-left:14px;padding-right:14px;white-space:nowrap}
.n2-rt svg{width:18px;height:18px;flex:none}
.n2-por{display:inline-flex;align-items:center;margin-left:auto;font:600 15px/1 var(--font-body);color:var(--n2-text)}
.n2-por .n2-btn{width:44px;min-width:44px;min-height:42px;padding:0}
@media(pointer:coarse){.n2-por .n2-btn{min-height:44px}}
.n2-por span{min-width:84px;text-align:center}
.n2-moje{flex-basis:100%;font:400 14px/20px var(--font-body);margin:0}
html body .n2-moje button{appearance:none;border:0;padding:0;color:var(--n2-green-s)!important;text-decoration:underline;font:inherit;cursor:pointer}
.n2-dlg{margin:auto;border:1px solid var(--n2-line);border-radius:8px;padding:24px;max-width:520px;width:calc(100% - 32px);background:var(--color-bg);color:var(--n2-text);font-family:var(--font-body)}
.n2-dlg::backdrop{background:rgba(0,0,0,.45)}
.n2-dlg h2{font:700 22px/28px var(--font-display);margin:0 0 12px}
.n2-dlg ul{list-style:none;margin:0 0 16px;padding:0;max-height:55vh;overflow:auto}
.n2-dlg li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--n2-line);font:400 16px/24px var(--font-body)}
.n2-dlg li a{color:var(--n2-text)!important;text-decoration:underline!important}
.n2-dlg input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--n2-green)}
.n2-dlg__akcie{display:flex;gap:8px;flex-wrap:wrap}
html body .n2-dlg button.n2-btn{padding:0 16px}
@media print{
  #fajront-header,#site-header,.site-header,.n2-foot,.faj-footer,.faj-ad,.faj-related,.faj-share-row,.faj-comments-section,.faj-rating-row,.n2-g,.n2-rt,.faj-recipe-bar,.faj-wake-row,.faj-progress,.faj-breadcrumb,ins,iframe,#cookiescript_injected,.faj-push-bar{display:none!important}
  body{background:#fff!important;color:#000!important}
}
/* pätička */
.n2-foot{background:var(--n2-foot);color:var(--n2-text);font-family:var(--font-body);border-top:1px solid var(--n2-line)}
.n2-foot__in{box-sizing:border-box;width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.n2-stay{display:grid;grid-template-columns:7fr 5fr;gap:48px;padding:48px 0 40px;border-bottom:1px solid var(--n2-line)}
.n2-stay h2{font:700 22px/28px var(--font-display);margin:0 0 6px;color:var(--n2-text);border:0;padding:0;background:none}
.n2-stay p{font:400 16px/24px var(--font-body);color:var(--n2-muted);margin:0 0 16px}
.n2-foot .n2-stay .faj-footer-nl{background:none;border:0;padding:0;margin:0;display:block}
.n2-foot .n2-nl{display:flex;flex-wrap:wrap;gap:8px;max-width:520px;position:relative;grid-template-columns:none}
.n2-foot .n2-nl input[type=email]{flex:1 1 220px;min-width:0;height:48px;padding:0 14px;border:1px solid var(--n2-muted);border-radius:6px;background:var(--color-bg);color:var(--n2-text);font:400 var(--fs-base) var(--font-body)}
.n2-foot .n2-nl .faj-footer-nl__msg{flex-basis:100%;margin:0;font:600 14px/20px var(--font-body)}
.n2-small{font:400 13px/18px var(--font-body)!important;margin:10px 0 0!important}
.n2-small a{color:var(--n2-muted);text-decoration:underline!important}
.n2-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0}
.n2-cols h3{font:600 14px/20px var(--font-display);color:var(--n2-text);margin:0 0 8px;letter-spacing:.01em}
.n2-cols ul{list-style:none;margin:0;padding:0}
.n2-cols li a{display:block;padding:6px 0;font:400 15px/22px var(--font-body);color:var(--n2-muted)}
.n2-cols li a:hover{color:var(--n2-text);text-decoration:underline}
.n2-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--n2-line);font:400 13px/18px var(--font-body);color:var(--n2-muted)}
.n2-logo{font:800 20px/1 var(--font-display);color:var(--n2-text)}
.n2-logo b{color:var(--n2-green-s);font-weight:500}
/* stránky */
.n2-page{max-width:680px;margin:0 auto;padding:40px 0 56px;font-family:var(--font-body);color:var(--n2-text)}
.n2-kat{font:500 13px/18px var(--font-body)!important}
.n2-page h1{font:700 44px/50px var(--font-display);margin:0 0 8px;color:var(--n2-text);border:0;padding:0}
.n2-datum{font:400 14px/20px var(--font-body)!important}
.n2-perex{font:400 20px/30px var(--font-body)!important;padding-bottom:24px;border-bottom:1px solid var(--n2-line)}
.n2-strucne__h{font:600 18px/24px var(--font-display)!important}
.n2-strucne ul{margin:0 0 24px;padding-left:20px!important}
.n2-toc{border-top:1px solid var(--n2-line);border-bottom:1px solid var(--n2-line);padding:4px 0 8px;margin:0 0 32px}
.n2-toc summary{font:600 15px/44px var(--font-body);cursor:pointer;color:var(--n2-text)}
.n2-toc ol{margin:4px 0 8px;padding-left:22px}.n2-toc li{font:400 16px/24px var(--font-body)!important;padding:4px 0}
.n2-page h2{font:600 26px/32px var(--font-display);color:var(--n2-text)!important;scroll-margin-top:80px;border:0!important}
.n2-page h3{font:600 19px/26px var(--font-display)!important;margin:24px 0 8px;color:var(--n2-text)!important}
.n2-page p,.n2-page li{font:400 18px/30px var(--font-body);color:var(--n2-text)}
.n2-page p{margin:0 0 16px}
.n2-page ul{padding-left:20px}
.n2-page a:not(.n2-btn){color:var(--n2-green-s);text-decoration:underline!important;text-underline-offset:3px}
.n2-page .faj-legal-card{border:0;background:none;padding:0;margin:0 0 16px}
.n2-pata{margin-top:48px;padding-top:20px;border-top:1px solid var(--n2-line)}
.n2-pata p{font:400 15px/22px var(--font-body)!important}
.n2-cta{margin-top:24px}
.n2-kontakt dl{margin:0 0 24px}
.n2-kontakt dt{font:600 15px/22px var(--font-body);color:var(--n2-muted);margin-top:16px}
.n2-kontakt dd{margin:0;font:400 20px/30px var(--font-body)}
/* prebiť staré pravidlá stránok (body.page-id-… .page-content h1/h2/li::before s !important) */
html body .page-content .n2-page h1,html body .n2-page h1{font:700 44px/50px var(--font-display)!important;color:var(--n2-text)!important;letter-spacing:-.01em}
html body .page-content .n2-page h2,html body .n2-page h2{font:600 26px/32px var(--font-display)!important;color:var(--n2-text)!important;margin:40px 0 12px;border:0!important}
html body .page-content .n2-page h3{color:var(--n2-text)!important}
html body .page-content .n2-page .n2-datum,html body .page-content .n2-page .n2-kat,html body .page-content .n2-page .n2-pata p,html body .page-content .n2-page .n2-meta{color:var(--n2-muted)}
html body .page-content .n2-toc li{padding-left:0}
html body .page-content .n2-toc ol{padding-left:24px}
@media(max-width:760px){html body .page-content .n2-page h1,html body .n2-page h1{font-size:32px!important;line-height:38px!important}html body .page-content .n2-page h2,html body .n2-page h2{font-size:22px!important;line-height:28px!important}}
/* statické stránky: bočný okraj dáva len .site-main (16 px na mobile ako pri článkoch), nie ďalšie vrstvy (F24) */
@media(max-width:760px){
  .n2-sez__g{grid-template-columns:1fr;gap:16px}
  .n2-top ol{grid-template-columns:1fr}.n2-top li a{grid-template-columns:36px 1fr 72px}.n2-top img{width:72px;height:72px}
  .n2-tabs{gap:16px}
  .n2-rt .n2-rb{flex:1 1 auto}.n2-rt .n2-rb svg{display:none}.n2-por{flex-basis:100%;margin-left:0;justify-content:space-between}
  .n2-stay{grid-template-columns:1fr;gap:32px;padding:32px 0}
  .n2-cols{grid-template-columns:1fr 1fr;gap:24px 16px;padding:32px 0}
  .n2-cols li a{font-size:var(--fs-base);line-height:24px;padding:10px 0}
  .n2-foot .n2-nl{flex-direction:column}.n2-foot .n2-nl input[type=email]{flex:none}.n2-foot .n2-nl .n2-btn{width:100%}
  .n2-page{padding:8px 0 40px}.n2-page h1{line-height:38px}.n2-perex{font-size:var(--fs-md)!important;line-height:28px!important}.n2-page h2{font-size:22px}.n2-page p,.n2-page li{font-size:17px;line-height:28px}
}

/* ═══ UX opravy (faj-ux.php) ═══ */
/* Kontrast (WCAG AA 4.5:1): #16a34a mal na pozadí stránky len 3,05:1 pre odkazy a 3,3:1 pre biely text
   na tlačidlách. #15803d je ten istý odtieň zelenej, len tmavší (4,6:1 na pozadí, 5:1 s bielym textom).
   Tmavý režim ostáva bez zmeny. */
html[data-theme="light"],html:not([data-theme]){--color-text-faint:#666d7a!important}

/* Kotvy (#faj-comments a pod.) nezmiznú pod prilepenou hlavičkou. */
html{scroll-padding-top:76px}
/* Otvorenie menu/okna, ktoré zamkne scroll, neposunie stránku o šírku posuvníka. */
@media (min-width:769px){html{scrollbar-gutter:stable}}

/* Podčiarknuté majú byť odkazy v texte článku, nie karty, zdieľanie ani odporúčania. */
.single .page-content :is(.faj-related,.faj-share-row,[id^="engerio-widget"],.faj-ad) a{text-decoration:none!important}
.single .page-content .faj-related a,.single .page-content [id^="engerio-widget"] a{color:var(--color-text)!important}
.single .page-content .faj-related a:hover,.single .page-content [id^="engerio-widget"] a:hover h3{color:var(--color-brand)!important}
.single .page-content .faj-share-row a.faj-sl{color:var(--color-text-muted)!important}
.single .page-content .faj-share-row a.faj-sl:hover{color:var(--color-brand)!important}

/* Blok odporúčaní Engerio: bol tmavá krabica aj vo svetlom režime. Preberá farby a písmo webu. */
/* Engerio dáva triedu .widget-replacer priamo prvku s id, nie potomkovi. */

/* Najmenšie písmo 12 px (štítky kategórií mali 10–11 px). */
.faj-footer__col-title{font-size:var(--fs-xs)!important;color:var(--color-text-muted)!important}

/* Omrvinky: čitateľnejšie; na mobile bez opakovania titulku, ktorý je hneď pod nimi ako H1. */
.faj-breadcrumb{font-size:13px}
.faj-breadcrumb-current{color:var(--color-text-muted)}
@media (max-width:600px){.faj-breadcrumb-current,.faj-breadcrumb-sep:has(+ .faj-breadcrumb-current){display:none}}

/* Vyhľadávanie: nadpis s hľadaným výrazom bol skrytý, titulky odsadené inak ako obrázok a text. */
.search .page-header h1.entry-title{display:block!important;font-size:var(--text-xl)!important;font-weight:800;line-height:1.2!important;margin:0 0 1.5rem;padding:0}
.search .page-header h1.entry-title span{color:var(--color-brand)}
body.search main#content .page-content{padding-left:0;padding-right:0}
.search .page-content article.post h2.entry-title{padding-left:0;padding-right:0}
.search .page-content article.post>p{color:var(--color-text-muted);font-size:var(--fs-base);line-height:1.6}

/* Pätička: biely pás nad newsletterom a logo nalepené na jeho spodnú hranu. */
.faj-footer{padding-top:0!important}
.faj-footer__wrap{padding-top:clamp(2.5rem,5vw,4rem)!important}
.faj-footer__social a{width:44px!important;height:44px!important}
.faj-footer__bottom-links a{display:inline-block;padding:.625rem 0}

/* Titulka mala newsletter dvakrát (blok v zozname článkov aj banner v pätičke) — stačí ten v zozname. */
body:has(.faj-nl-inline) .faj-footer-nl{display:none!important}
/* Čiara nad copyrightom bola širšia ako obsah pätičky (odsadenie vnútri, čiara cez celú šírku). */
.faj-footer__bottom{box-sizing:border-box!important;width:calc(100% - 2*clamp(1rem,4vw,2rem))!important;max-width:calc(1200px - 2*clamp(1rem,4vw,2rem))!important;padding-left:0!important;padding-right:0!important}

/* Tlačidlo komentára má triedu n2-btn (vzhľad dáva fajront.v47.css). */

/* Aktívna kategória v hlavnom menu (trieda sa dopĺňa skriptom nižšie). */
.fajront-desktop-nav a.faj-nav-current{color:var(--color-brand);box-shadow:inset 0 -2px 0 currentColor}

/* Titulka a /page/N/: H1 „Najlepšie tipy…“ mal display:none, takže ho nevideli ani čítačky obrazovky.
   Ostáva vizuálne skrytý (dizajn titulky sa nemení), ale je v prístupnom strome. */
body.blog .page-header{display:block!important;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap}
body.blog .page-header h1{display:block!important}

/* Push pruh a tlačidlo „hore“ sedia v tom istom rohu — kým je pruh otvorený, tlačidlo ustúpi. */
body:has(.fajpp.in) #faj-top{opacity:0!important;pointer-events:none!important}
/* Tlačidlo „hore“ trvalo prekrývalo koniec riadkov; ukáže sa, až keď sa čitateľ sám vracia nahor. */
body:not(.faj-up) #faj-top{pointer-events:none}

/* Titulka: pod hlavným článkom boli dve deliace čiary tesne pod sebou. */
.page-content article.post:first-of-type + .faj-carousel{border-top:0!important}
/* Štítok kategórie na kartách vždy vľavo hore (bol vľavo hore, vpravo dole aj vľavo dole). */
/* Pôvodné pravidlá sa vypisujú neskôr v tele stránky, preto „body“ pre vyššiu špecifickosť. */
body .faj-card-cat{bottom:auto!important;right:auto!important}
/* Hlavný článok na titulke a v kategórii má vlastné pravidlo s bottom (.blog/.archive … :first-of-type);
   bez tohto by štítok mal top aj bottom a roztiahol sa na celú výšku obrázka. */
html body.blog .page-content article.post:first-of-type span.faj-card-cat,html body.archive .page-content article.post:first-of-type span.faj-card-cat{bottom:auto!important}
/* Jednotné karty (4. kolo dizajnu): titulky malých kariet mali 4 rôzne štýly (15–18 px, w600/700,
   riadkovanie 1,15–1,35), štítky kategórií 3 varianty. Karty v hlavnom zozname ostávajú väčšie. */
html body .faj-carousel-heading,html body .faj-cat-card-title,html body.single .page-content .faj-related__heading{font-size:clamp(1rem,.96rem + .2vw,1.0625rem);font-weight:600;line-height:1.3!important;letter-spacing:0}
html body :is(.faj-card-cat,.faj-carousel-cat,.faj-related__cat,.faj-404__cat){font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;padding:5px 9px!important;border-radius:6px!important;background:rgba(17,17,17,.78)!important;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);top:.625rem;left:.625rem;bottom:auto!important;right:auto!important}
/* Karty v sekciách (Najčítanejšie, Recepty, Zaujímavosti) sú rovnako široké ako karty v zozname —
   rovnaký titulok aj štítok kategórie (štítok vkladá faj-core.php). */
html body .faj-cat-card{position:relative}
html body .faj-cat-cards .faj-cat-card-title{font-size:clamp(1rem,.85rem + .9vw,1.25rem)}
/* „Čítajte ďalej“ je v obsahu článku, takže obrázok karty dostával odsadenie obrázkov z textu (32 px) —
   nad fotkou bol sivý pás so štítkom. */
html body.single .page-content .faj-related .faj-related__thumb img{margin:0!important;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover;display:block}
/* Vrch článku: omrvinky a meno autora vyzerali ako odkazy v texte (zelené, podčiarknuté). */
/* Vyššia špecifickosť: pravidlo .single .page-content a (odkazy v texte) inak vyhrá. */
html body.single .page-content .faj-breadcrumb a,html body .faj-breadcrumb a{color:var(--color-text-muted)!important;text-decoration:none!important}
html body.single .page-content .faj-breadcrumb a:hover,html body .faj-breadcrumb a:hover{color:var(--color-brand)!important;text-decoration:underline!important;text-underline-offset:3px}
html body.single .page-content .faj-author-bar a,html body.single .page-content .faj-author-name,html body .faj-author-name{color:var(--color-text)!important;text-decoration:none!important;font-weight:600!important}
html body.single .page-content .faj-author-bar a:hover{color:var(--color-brand)!important}
/* Avatar s iniciálami v tmavom režime: biely text na svetlozelenej (#4ade80) mal kontrast pod 2:1. */
html[data-theme="dark"] body .faj-author-avatar--initials{color:#0f1a12}

/* Recept: suroviny ako karta so štvorčekmi na odškrtnutie (ťuknutím), kroky postupu s číslom v krúžku. */
html body.single .page-content ul[data-faj-recept="suroviny"]{list-style:none;margin:1rem 0 2rem;padding:.25rem 1.25rem!important;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
html body.single .page-content ul[data-faj-recept="suroviny"] li{position:relative;margin:0!important;padding:.8rem 0 .8rem 2.25rem;border-bottom:1px solid var(--color-divider);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition)}
html body.single .page-content ul[data-faj-recept="suroviny"] li:last-child{border-bottom:0}
html body.single .page-content ul[data-faj-recept="suroviny"] li::before{content:"";position:absolute;left:0;top:50%;width:1.25rem;height:1.25rem;margin-top:-.625rem;border:2px solid var(--color-border);border-radius:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;line-height:1;color:var(--color-bg)}
html body.single .page-content ul[data-faj-recept="suroviny"] li.faj-mam{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:var(--color-text-faint)}
html body.single .page-content ul[data-faj-recept="suroviny"] li.faj-mam::before{content:"✓";background:var(--color-brand);border-color:var(--color-brand)}
html body.single .page-content ul[data-faj-recept="suroviny"] li:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:4px}
html body.single .page-content ol[data-faj-recept="postup"]{list-style:none;counter-reset:faj-krok;margin:1rem 0 2rem;padding:0!important}
html body.single .page-content ol[data-faj-recept="postup"] li{position:relative;counter-increment:faj-krok;margin:0 0 1.25rem!important;padding-left:3rem;min-height:2rem}
html body.single .page-content ol[data-faj-recept="postup"] li::before{content:counter(faj-krok);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--color-brand);color:var(--color-bg);font-family:var(--font-display);font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}
/* Nápoveda priamo v karte cez CSS (bez vkladania skriptom = bez posunu obsahu). */
html body.single .page-content ul[data-faj-recept="suroviny"]::after{content:"Ťuknutím si suroviny odškrtnete.";display:block;padding:.25rem 0 .9rem;font-size:.8125rem;color:var(--color-text-muted)}
@media(pointer:fine){html body.single .page-content ul[data-faj-recept="suroviny"]::after{content:"Kliknutím si suroviny odškrtnete."}}

/* Mobilné menu: text položiek bol na strede medzi ikonou a šípkou; ikona Instagramu bola plný štvorec. */
html body .faj-mm-link span{flex:1 1 auto;text-align:left}
html body .faj-mm-social svg[fill="none"]{fill:none!important}

/* Podkategórie pod hlavičkou kategórie (čipy vkladá skript nižšie v PHP). */
.faj-subcats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:760px;margin:0 auto 2rem;padding:0 1rem;grid-column:1/-1}
.faj-subcats a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-text)!important;text-decoration:none!important;background:var(--color-surface);transition:border-color var(--transition),color var(--transition)}
.faj-subcats a:hover{border-color:var(--color-brand);color:var(--color-brand)!important}
.faj-subcats a[aria-current="page"]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)!important}
.faj-subcats small{font-size:.8125rem;font-weight:500;opacity:.7}

/* „Viac článkov →“ mal dotykovú výšku 22 px. */
body .faj-cat-more{display:inline-block!important;padding:.5rem 0!important}

/* Stránkovanie: „Staršie“ vpravo so šípkou doprava, „Novšie“ vľavo (texty z filtra gettext nižšie). */
.pagination{gap:1rem!important}
.pagination .nav-previous{order:1}.pagination .nav-next{order:2;margin-left:auto}.pagination a{align-items:center;min-height:44px;padding:0 1.125rem!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-weight:600}
.pagination a:hover{border-color:var(--color-brand)!important}

/* Vyhľadávanie: počet výsledkov a pole na úpravu hľadania nad výsledkami. */
.faj-sres{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin:0 0 1.5rem;padding:0 0 1.5rem;border-bottom:1px solid var(--color-divider)}
.faj-search-count{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}
/* Globálne štýly vyhľadávacích polí témy používajú !important, preto body + !important. */
body .faj-sres form{display:flex;gap:.5rem;flex:1 1 320px;max-width:480px}
body .faj-sres input[type=search]{flex:1;min-width:0;padding:0 .875rem!important;font:inherit!important;font-size:var(--fs-base)!important;text-align:left;color:var(--color-text)!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}
body .faj-sres input[type=search]:focus{border-color:var(--color-brand);outline:2px solid var(--color-brand);outline-offset:1px}
/* Tlačidlo Hľadať má triedu n2-btn. */

/* Recepty: skok na suroviny a prepínač, aby obrazovka pri varení nezhasla. */
.faj-recipe-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1.75rem}
/* V tmavom režime je zelená svetlá (#4ade80) — biely text by mal kontrast pod 2:1, preto tmavý. */
html[data-theme="dark"] .single .page-content .faj-recipe-bar a.faj-recipe-jump,html[data-theme="dark"] body :is(.faj-sres button,#faj-cf .faj-cf-submit,.faj-footer-nl__btn,.faj-nl-inline-btn,#faj-nl-submit,.faj-404__btn,.faj-cf-submit){color:#0f1a12!important}
/* Tlačidlá „Prejsť na recept“ a „Nezhasínať obrazovku“ majú triedy n2-btn / n2-btn--sek (vzhľad dáva fajront.v47.css). */
.faj-wake[aria-pressed="true"]{color:var(--color-primary-hover)!important}
.faj-wake[hidden]{display:none!important}

/* Obrázky od AI: štítok v rohu obrázka (vzor techzona.sk „Zdroj: TECHZÓNA/ChatGPT“). Značku dáva filter nižšie. */
html body .page-content figure.faj-ai-fig{position:relative}
html body .page-content .faj-ai-stitok{position:absolute;right:.5rem;bottom:.5rem;z-index:2;display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:3px 8px;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;line-height:var(--lh-ui);letter-spacing:.01em;color:#fff;background:rgba(17,17,17,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;pointer-events:none;user-select:none}
html body .page-content .faj-ai-stitok svg{width:12px;height:12px;flex:none}
/* S popiskom pod obrázkom by „bottom“ padol na popisok — štítok ide hore. */
html body .page-content figure.faj-ai-fig:has(figcaption) .faj-ai-stitok{top:.5rem;bottom:auto}

/* Priebeh čítania: tenký pruh navrchu obrazovky (vzor techzona.sk). Fixný, takže nič neposúva. */
.faj-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100000;pointer-events:none;background:transparent}
.faj-progress span{display:block;height:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:0 50%;will-change:transform}
body.admin-bar .faj-progress{top:32px}
@media (max-width:782px){body.admin-bar .faj-progress{top:46px}}

/* Zdieľanie: farebné tlačidlá (vzor varimeslaskou.sk). Téma dáva tlačidlám rámik a ružovú farbu, preto !important. */
html body .faj-share-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}
.faj-shr{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.faj-shr__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted);margin-right:.25rem}
html body .faj-shr .faj-shr__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:44px;height:44px;padding:0;font-weight:600;line-height:1;color:#fff!important;border:0!important;border-radius:999px!important;text-decoration:none!important;cursor:pointer;transition:filter .15s,transform .15s}
html body .faj-shr .faj-shr__btn:hover{filter:brightness(1.1);transform:translateY(-1px);color:#fff!important}
html body .faj-shr .faj-shr__btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
html body .faj-shr .faj-shr__btn svg{width:18px;height:18px;opacity:1}
html body .faj-shr .faj-shr__btn[hidden]{display:none!important}
html body .faj-shr .faj-shr__btn--fb{--c:#1877f2;padding:0 1.1rem 0 .875rem}
.faj-shr__btn--wa{--c:#128c7e}
.faj-shr__btn--ms{--c:#0a6cff}
.faj-shr__btn--pin{--c:#e60023}
/* Messenger cez fb-messenger:// funguje len v telefóne. */
@media (hover:hover) and (pointer:fine){html body .faj-shr .faj-shr__btn--ms{display:none}}
html body .faj-shr .faj-shr__btn--copy.is-ok{--c:#15803d}
.faj-shr__btn--copy.is-ok::after{content:"Odkaz skopírovaný";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;color:#fff;background:#111;border-radius:6px;pointer-events:none}
html body .faj-share-row a.faj-shr__comments{margin-left:auto}
/* Mobil: jeden riadok tlačidiel. E-mail a Pinterest sú v natívnom zdieľaní („Viac“), ak ho telefón má. */
@media (max-width:480px){.faj-shr__label{display:none}html body .faj-shr--native .faj-shr__btn--pin,html body .faj-shr--native .faj-shr__btn--mail{display:none}html body .faj-share-row a.faj-shr__comments{margin-left:0}}

/* Recept: čas a množstvo ako dlaždice pod perexom (vzor varimeslaskou.sk). Vypisuje filter nižšie, len keď údaje nie sú v texte. */
html body.single .page-content .faj-rstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0 0 1.75rem}
html body.single .page-content .faj-rstat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
html body.single .page-content .faj-rstats .faj-rstat:last-child:nth-child(odd){grid-column:1/-1}
@media(min-width:641px){
  html body.single .page-content .faj-rstats{grid-template-columns:repeat(4,minmax(0,1fr))}
  html body.single .page-content .faj-rstats:has(.faj-rstat:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.single .page-content .faj-rstats:has(.faj-rstat:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.single .page-content .faj-rstats .faj-rstat:last-child:nth-child(odd){grid-column:auto}
}
html body.single .page-content .faj-rstat small{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}
html body.single .page-content .faj-rstat b{font-size:var(--fs-base);font-weight:700;line-height:1.3;color:var(--color-text)}

/* „Prečítajte si tiež“ v texte: karty s obrázkom namiesto riadkov so šípkou (vzor techzona.sk „Prečítajte si aj“). */
html body.single .page-content .faj-ct{margin:2rem 0;padding:.875rem 1rem;background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
html body.single .page-content .faj-ct__label{margin:0 0 .375rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-hover)}
html body.single .page-content a.faj-ct__item{display:flex;align-items:center;gap:.875rem;padding:.625rem 0;color:var(--color-text)!important;text-decoration:none!important}
html body.single .page-content a.faj-ct__item+a.faj-ct__item{border-top:1px solid var(--color-border)}
html body.single .page-content .faj-ct__thumb{flex:0 0 72px;width:72px;height:72px;overflow:hidden;border-radius:10px;background:var(--color-border)}
html body.single .page-content .faj-ct .faj-ct__thumb img{display:block;height:100%!important;max-width:none;margin:0!important;object-fit:cover;border-radius:0!important}
html body.single .page-content .faj-ct__title{font-size:var(--fs-base);font-weight:600;line-height:1.35}
html body.single .page-content a.faj-ct__item:hover .faj-ct__title{color:var(--color-brand)}
/* Čítajte ďalej na mobile: kompaktný zoznam – náhľad 96 px vľavo, titulok a metadáta (F5). Značky dodáva faj-core: .faj-related__card > .faj-related__thumb + .faj-related__heading + .n2-meta */
@media(max-width:640px){
  html body.single .page-content .faj-related .faj-related__grid{grid-template-columns:1fr;gap:0}
  html body.single .page-content .faj-related a.faj-related__card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"thumb title" "thumb meta";column-gap:12px;row-gap:2px;align-content:center;align-items:start;padding:12px 0;border-top:1px solid var(--color-divider);transform:none}
  html body.single .page-content .faj-related a.faj-related__card:first-child{border-top:0}
  html body.single .page-content .faj-related .faj-related__thumb{grid-area:thumb;width:96px;height:96px;margin:0;aspect-ratio:1/1;border-radius:var(--radius-md)}
  html body.single .page-content .faj-related .faj-related__thumb img{height:100%!important}
  html body.single .page-content .faj-related .faj-related__cat{display:none}
  html body.single .page-content .faj-related .faj-related__heading{grid-area:title;font-size:var(--fs-base);line-height:1.35;font-weight:600;align-self:end}
  html body.single .page-content .faj-related .n2-meta,html body.single .page-content .faj-related .faj-related__meta{grid-area:meta;align-self:start;margin:0}
}

/* ═══ Prázdne vyhľadávanie – bez dup. kariet ═══ */:where(body.search) .faj-nores{grid-column:1/-1;max-width:1040px;margin:0 auto;padding:0 0 2rem}:where(body.search) .faj-nores__lead{font:400 1.0625rem/1.6 var(--font-body);color:var(--color-text-muted);margin:0 0 1rem}:where(body.search) .faj-nores__form{display:flex;flex-wrap:wrap;gap:.5rem;max-width:520px;margin:0 0 3rem}:where(body.search) .faj-nores__form label{flex:1 0 100%;font:600 var(--fs-sm)/var(--lh-ui) var(--font-body);color:var(--color-text)}:where(body.search) .faj-nores__form input{flex:1 1 220px;min-width:0;min-height:48px;padding:0 1rem;font:400 var(--fs-base) var(--font-body);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:6px}:where(body.search) .faj-nores .n2-sec-head{margin-bottom:1rem}

/* ═══ 404 a populárne karty ═══ */
body.error404 .page-content > p,body.error404 .page-header{display:none}
    :where(body.error404,body.search) .faj-404{max-width:1040px;margin:0 auto;padding:1rem 0 2rem}
    :where(body.error404,body.search) .faj-404__hero{text-align:center;padding:1rem 0 2.5rem}
    :where(body.error404,body.search) .faj-404__badge{font-family:var(--font-display);font-size:clamp(3.5rem,2rem + 8vw,6rem);font-weight:800;line-height:1;color:var(--color-primary);opacity:.18;letter-spacing:-.03em}
    :where(body.error404,body.search) .faj-404__headline{font-family:var(--font-display);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.02em;margin:.25rem 0 .5rem;color:var(--color-text)}
    :where(body.error404,body.search) .faj-404__lead{font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;color:var(--color-text-muted);max-width:52ch;margin:0 auto 1.5rem}
    :where(body.error404,body.search) .faj-404__search{display:flex;gap:.5rem;max-width:480px;margin:0 auto 1rem}
    :where(body.error404,body.search) .faj-404__input{flex:1;min-width:0;height:50px;padding:0 1rem;background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:.5rem;font-family:var(--font-body);font-size:var(--fs-base);outline:none;transition:border-color .18s}
    :where(body.error404,body.search) .faj-404__input:focus{border-color:var(--color-primary)}
    :where(body.error404,body.search) .faj-404__btn{flex:0 0 auto;height:50px;padding:0 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:background .18s}
    :where(body.error404,body.search) .faj-404__btn:hover{background:var(--color-primary-hover)}
    :where(body.error404,body.search) .faj-404__home{display:inline-block;font-family:var(--font-body);font-size:.9375rem;color:var(--color-primary);text-decoration:none;font-weight:500}
    :where(body.error404,body.search) .faj-404__home:hover{text-decoration:underline}
    :where(body.error404,body.search) .faj-404__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:760px){:where(body.error404,body.search) .faj-404__grid{grid-template-columns:repeat(3,1fr)}}:where(body.error404,body.search) .faj-404__card,:where(body.error404,body.search) .faj-404__card:hover,:where(body.error404,body.search) .faj-404__title{text-decoration:none!important}:where(body.error404,body.search) .faj-404__card{display:block;color:var(--color-text)}:where(body.error404,body.search) .faj-404__thumb{position:relative;display:block}:where(body.error404,body.search) .faj-404__thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;display:block}:where(body.error404,body.search) .faj-404__cat{position:absolute;left:.5rem;bottom:.5rem;background:rgba(0,0,0,.72);color:#fff;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:4px}:where(body.error404,body.search) .faj-404__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-display);font-size:.95rem;font-weight:600;line-height:1.35;margin:.5rem 0 0;color:var(--color-text)}:where(body.error404,body.search) .faj-404__card:hover .faj-404__title{color:var(--color-primary)}

/* ═══ Koniec článku (hodnotenie, zdieľanie, komentáre) ═══ */
:where(body.single) .faj-article-footer{margin:3rem 0 1.5rem;padding:2rem 0 0;border-top:1px solid var(--color-border);}:where(body.single) .faj-section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)!important;margin:0 0 .75rem;}:where(body.single) .faj-rating-row{margin-bottom:1.75rem;}:where(body.single) .faj-stars{display:flex;gap:4px;margin-bottom:.5rem;}:where(body.single) .faj-star{-webkit-appearance:none;appearance:none;border:none!important;padding:4px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}:where(body.single) .faj-star svg{fill:none!important;stroke:#8a857c!important;stroke-width:1.5!important;stroke-linejoin:round!important;transition:fill .15s,stroke .15s,transform .15s;}:where(body.single) .faj-star:hover svg,:where(body.single) .faj-star.hov svg{fill:#FFC107!important;transform:scale(1.12)!important;}:where(body.single) .faj-star.active svg{fill:#FFC107!important;}:where(body.single) .faj-rating-info{font-size:var(--text-xs);color:var(--color-text-faint)!important;margin:.25rem 0 0;}:where(body.single) .faj-share-row{padding-top:1.25rem;border-top:1px solid var(--color-border);}:where(body.single) .faj-share-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}:where(body.single) .faj-sl,:where(body.single) .faj-sl:link,:where(body.single) .faj-sl:visited{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)!important;text-decoration:none!important;padding:.25rem 0;min-height:44px;}:where(body.single) .faj-sl:hover,:where(body.single) .faj-sl:active{color:var(--color-text)!important;text-decoration:none!important;}:where(body.single) .faj-sl svg{opacity:.5!important;transition:opacity .15s;}:where(body.single) .faj-sl:hover svg{opacity:1!important;}@media(hover:none){:where(body.single) .faj-sl svg{opacity:1!important;}}:where(body.single) .faj-sl span{text-decoration:none!important;}:where(body.single) .faj-sl-dot{color:var(--color-text-faint);font-size:var(--fs-xs);user-select:none;}@media(min-width:860px){html body.single .page-content .faj-related .faj-related__grid:not(#faj){grid-template-columns:repeat(3,1fr);}}@media(max-width:640px){html body.single .page-content .faj-related:not(#faj){margin:2rem 0 1.5rem;padding-top:1.5rem;contain-intrinsic-size:auto 560px;}html body.single .page-content .faj-related .faj-related__card:not(#faj){border-top:1px solid var(--color-divider)!important;}html body.single .page-content .faj-related .faj-related__card:first-child:not(#faj){border-top:0!important;padding-top:0;}html body.single .page-content .faj-related .faj-related__thumb:not(#faj){grid-row:1/span 2;grid-column:1;aspect-ratio:4/3;}html body.single .page-content .faj-related .faj-related__thumb img:not(#faj){height:100%!important;aspect-ratio:auto;}html body.single .page-content .faj-related .faj-related__heading:not(#faj){grid-column:2;line-height:1.3!important;}html body.single .page-content .faj-related .n2-meta:not(#faj){grid-column:2;margin:.25rem 0 0;}}:where(body.single) .faj-comments-section{margin:2.5rem 0 0;border:none!important;}:where(body.single) .faj-comments-heading{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;margin:0 0 .75rem;letter-spacing:-0.01em;}:where(body.single) .faj-comment{padding:.875rem 0;border-top:1px solid var(--color-divider);}:where(body.single) .faj-comment:last-of-type{border-bottom:1px solid var(--color-divider);}:where(body.single) .faj-comment-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.125rem;}:where(body.single) .faj-comment-author{font-weight:600;}:where(body.single) .faj-comment-date{color:var(--color-text-faint);font-size:var(--text-xs);}:where(body.single) .faj-comment-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;}:where(body.single) .faj-comment-text p{margin:0;}:where(body.single) .faj-comment--new{padding-left:1rem;border-left:2px solid var(--color-primary);}:where(body.single) .faj-comment-form{margin-top:1.25rem;display:grid;gap:.625rem;}:where(body.single) .faj-comment-form input[type="text"],:where(body.single) .faj-comment-form textarea{padding:.5rem .75rem;border:1px solid var(--color-divider)!important;border-radius:var(--radius-sm)!important;background:transparent;color:var(--color-text);transition:border-color .18s;}:where(body.single) .faj-comment-form input:focus,:where(body.single) .faj-comment-form textarea:focus{border-color:var(--color-primary)!important;}:where(body.single) .faj-comment-form label{display:block;font-size:var(--text-sm);font-weight:600;margin:0 0 .25rem;}:where(body.single) .faj-comment-form [aria-invalid="true"]{border-color:#b02a37;}:where(body.single) .faj-cf-msg.err{color:#b02a37;font-weight:600;}[data-theme="dark"] :where(body.single) .faj-comment-form [aria-invalid="true"]{border-color:#f19aa3;}[data-theme="dark"] :where(body.single) .faj-cf-msg.err{color:#f19aa3;}:where(body.single) .faj-comment-form textarea{min-height:72px;}:where(body.single) .faj-cf-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}:where(body.single) .faj-cf-msg{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);}

/* ═══ Kontakt (shortcode) ═══ */
:where(body.page) .faj-contact{max-width:var(--content-wide,1200px);margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2rem) clamp(3rem,6vw,5rem);font-family:var(--font-body)}
:where(body.page) .faj-contact-head{max-width:40ch;margin-bottom:clamp(2.5rem,5vw,4rem)}
:where(body.page) .faj-contact-eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.75rem}
:where(body.page) .faj-contact-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,1.4rem+3.2vw,4rem);line-height:1.05;letter-spacing:-.025em;color:var(--color-text);text-wrap:balance;margin:0}
:where(body.page) .faj-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:860px){:where(body.page) .faj-contact-grid{grid-template-columns:1fr;gap:2.5rem}}

/* Left column — info blocks */
:where(body.page) .faj-contact-left{display:flex;flex-direction:column}
:where(body.page) .faj-contact-block{padding:1.5rem 0;border-top:1px solid var(--color-border)}
:where(body.page) .faj-contact-block:first-child{padding-top:0;border-top:none}
:where(body.page) .faj-contact-block:last-child{padding-bottom:0}
:where(body.page) .faj-contact-block-label{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.625rem}
:where(body.page) .faj-contact-block-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--color-text);margin:0 0 .5rem;letter-spacing:-.005em}
:where(body.page) .faj-contact-block-text{font-size:.9375rem;line-height:1.65;color:var(--color-text-muted);max-width:46ch;margin:0}
:where(body.page) .faj-contact-email-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:clamp(1.125rem,1rem+.5vw,1.375rem);font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.01em;transition:color var(--transition-interactive,180ms ease),gap var(--transition-interactive,180ms ease)}
:where(body.page) .faj-contact-email-link:hover{color:var(--color-primary);gap:.75rem}
:where(body.page) .faj-contact-email-link svg{flex-shrink:0}

/* Socials — 44x44 icon squares */
:where(body.page) .faj-contact-socials{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.25rem}
:where(body.page) .faj-contact-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive,180ms ease),border-color var(--transition-interactive,180ms ease),background var(--transition-interactive,180ms ease)}
:where(body.page) .faj-contact-social:hover,:where(body.page) .faj-contact-social:focus-visible{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-surface-offset)}
:where(body.page) .faj-contact-social svg{width:20px;height:20px}

/* Response badge */
:where(body.page) .faj-contact-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--color-surface-offset);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}
:where(body.page) .faj-contact-badge svg{flex-shrink:0;color:var(--color-primary)}

/* Right column — form */
:where(body.page) .faj-contact-right{position:relative}
:where(body.page) .faj-cf{display:flex;flex-direction:column;gap:1.125rem}
:where(body.page) .faj-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:540px){:where(body.page) .faj-cf-row{grid-template-columns:1fr}}
:where(body.page) .faj-cf-field{display:flex;flex-direction:column}
:where(body.page) .faj-cf label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.4375rem}
:where(body.page) .faj-cf input[type="text"],:where(body.page) .faj-cf input[type="email"],:where(body.page) .faj-cf select,:where(body.page) .faj-cf textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;padding:.8125rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:border-color var(--transition-interactive,180ms ease),box-shadow var(--transition-interactive,180ms ease);-webkit-appearance:none;appearance:none}
:where(body.page) .faj-cf input::placeholder,:where(body.page) .faj-cf textarea::placeholder{color:var(--color-text-faint);opacity:1}
:where(body.page) .faj-cf input:hover,:where(body.page) .faj-cf select:hover,:where(body.page) .faj-cf textarea:hover{border-color:var(--color-text-faint)}
:where(body.page) .faj-cf input:focus-visible,:where(body.page) .faj-cf select:focus-visible,:where(body.page) .faj-cf textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 18%,transparent)}
:where(body.page) .faj-cf textarea{resize:vertical;min-height:150px;font-family:var(--font-body)}
:where(body.page) .faj-cf select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px;padding-right:2.5rem;cursor:pointer}
:where(body.page) .faj-cf-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.375rem}
:where(body.page) .faj-cf-submit{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-interactive,180ms ease),border-color var(--transition-interactive,180ms ease),transform 120ms ease}
:where(body.page) .faj-cf-submit svg{transition:transform var(--transition-interactive,180ms ease)}
:where(body.page) .faj-cf-submit:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}
:where(body.page) .faj-cf-submit:hover svg{transform:translateX(3px)}
:where(body.page) .faj-cf-submit:active{transform:scale(.98)}
:where(body.page) .faj-cf-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
:where(body.page) .faj-cf-msg{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);min-height:1.25rem}
:where(body.page) .faj-cf-msg[data-state="ok"]{color:var(--color-primary)}
:where(body.page) .faj-cf-msg[data-state="err"]{color:#dc2626}
[data-theme="dark"] :where(body.page) .faj-cf-msg[data-state="err"]{color:#f87171}
@media(max-width:540px){:where(body.page) .faj-contact .faj-cf-submit{width:100%;justify-content:center}}

/* ═══ Pätička ═══ */
.faj-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:clamp(2.5rem,5vw,4rem) 0 0;font-family:var(--font-body);}
    .faj-footer__wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:start;}
    .faj-footer__logo{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-text);text-decoration:none;letter-spacing:-.01em;margin-bottom:.875rem;}
    .faj-footer__logo-leaf{color:var(--color-primary);}
    .faj-footer__logo-domain{color:var(--color-primary);}
    .faj-footer__desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;max-width:26ch;margin-bottom:1.5rem;}
    .faj-footer__social{display:flex;gap:.75rem;}
    .faj-footer__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);text-decoration:none;transition:border-color var(--transition-interactive),color var(--transition-interactive),background var(--transition-interactive);}
    .faj-footer__social a:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-highlight);}
    .faj-footer__col-title{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin:0 0 1rem;}
    .faj-footer__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;}
    .faj-footer__nav a{font-size:.9375rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive);}
    .faj-footer__nav a:hover{color:var(--color-text);}
    .faj-footer__bottom{margin-top:clamp(2rem,4vw,3.5rem);border-top:1px solid var(--color-border);padding:1.25rem clamp(1rem,4vw,2rem);max-width:1200px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
    .faj-footer__copy{font-size:.8125rem;color:var(--color-text-faint);}
    .faj-footer__bottom-links{display:flex;gap:1.25rem;}
    .faj-footer__bottom-links a{font-size:.8125rem;color:var(--color-text-faint);text-decoration:none;transition:color var(--transition-interactive);}
    .faj-footer__bottom-links a:hover{color:var(--color-text-muted);}
    @media(max-width:700px){
      .faj-footer__wrap{grid-template-columns:1fr 1fr;gap:2rem;}
      .faj-footer__brand{grid-column:1/-1;}
    }
    @media(max-width:480px){
      .faj-footer__wrap{grid-template-columns:1fr;gap:2rem;}
      .faj-footer__desc{max-width:100%;}
      .faj-footer__bottom{flex-direction:column;align-items:flex-start;gap:.5rem;}
    }

/* ═══ Newsletterové okno ═══ */
#faj-nl-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity 260ms ease}
    #faj-nl-overlay.open{opacity:1;pointer-events:auto}
    #faj-nl-modal{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 24px 64px rgba(0,0,0,.18);max-width:420px;width:100%;padding:2.25rem 2rem 2rem;transform:translateY(16px);transition:transform 260ms cubic-bezier(.16,1,.3,1)}
    #faj-nl-overlay.open #faj-nl-modal{transform:translateY(0)}
    [data-theme="dark"] #faj-nl-modal{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 24px 64px rgba(0,0,0,.5)}
    #faj-nl-close{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-surface-offset);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:background 160ms ease,color 160ms ease}
    [data-theme="dark"] #faj-nl-close{background:var(--color-surface-offset);color:var(--color-text)}
    #faj-nl-close:hover{background:var(--color-surface-offset);color:var(--color-text)}
    [data-theme="dark"] #faj-nl-close:hover{background:var(--color-surface-offset)}
    #faj-nl-icon{margin-bottom:1.25rem}
    #faj-nl-eyebrow{font-family:var(--font-body,'Satoshi',system-ui,sans-serif);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}
    #faj-nl-title{font-family:var(--font-display,'Cabinet Grotesk',system-ui,sans-serif);font-size:clamp(1.25rem,1rem+1vw,1.5rem);font-weight:800;line-height:1.2;color:var(--color-text);margin-bottom:.75rem}
    [data-theme="dark"] #faj-nl-title{color:var(--color-text)}
    #faj-nl-desc{font-family:var(--font-body,'Satoshi',system-ui,sans-serif);font-size:.9375rem;line-height:1.55;color:var(--color-text-muted);margin-bottom:1.375rem;max-width:none}
    #faj-nl-field-wrap{display:flex;gap:.5rem;margin-bottom:.625rem}
    #faj-nl-email{flex:1;min-width:0;height:44px;padding:0 .875rem;font-family:var(--font-body,'Satoshi',system-ui,sans-serif);font-size:.9375rem;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:border-color 160ms ease}
    #faj-nl-email:focus{border-color:var(--color-primary)}
    [data-theme="dark"] #faj-nl-email{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}
    #faj-nl-submit{flex-shrink:0;height:44px;padding:0 1.125rem;background:var(--color-primary);color:#fff;font-family:var(--font-body,'Satoshi',system-ui,sans-serif);font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background 160ms ease,transform 80ms ease;white-space:nowrap}
    #faj-nl-submit:hover{background:var(--color-primary-hover)}
    #faj-nl-submit:active{transform:scale(.97)}
    #faj-nl-submit:disabled{opacity:.6;cursor:default}
    #faj-nl-legal{font-size:var(--fs-xs);color:var(--color-text-faint);line-height:1.5;max-width:none}
    #faj-nl-msg{font-size:var(--fs-sm);min-height:1.4em;margin-top:.375rem}
    #faj-nl-msg.ok{color:var(--color-primary)}
    #faj-nl-msg.err{color:#c44}
    @media(max-width:400px){#faj-nl-field-wrap{flex-direction:column}#faj-nl-submit{width:100%}}

/* ═══ Push výzva (faj-push-frontend.php) ═══ */
.fajpp{position:fixed;right:18px;bottom:18px;width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:14px 16px;z-index:9998;opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease;font:14px/1.45 var(--font-body,system-ui,-apple-system,"Segoe UI",sans-serif);color:var(--color-text)}
.fajpp.in{opacity:1;transform:none}
/* Kým je v okne pätička, pruh ustúpi, aby nezakrýval právne odkazy a ©. */
.fajpp.in.fajpp-ustup{opacity:0;pointer-events:none;transform:translateY(14px)}
.fajpp b{display:block;font-size:15px;margin-bottom:3px;color:var(--color-primary-hover)}
.fajpp p{margin:0 0 10px;color:var(--color-text-muted);font-size:13.5px}
.fajpp .fajpp-btns{display:flex;align-items:center;gap:10px}
.fajpp button{font:inherit;cursor:pointer}
.fajpp .fajpp-yes{padding:0 18px}
.fajpp .fajpp-no{background:none;border:0;color:var(--color-text-muted);font-size:13px;text-decoration:underline;padding:12px 4px;min-height:44px}
.fajpp .fajpp-x{position:absolute;top:2px;right:2px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--color-text-muted);font-size:22px;line-height:1;padding:0}
/* Mobil: celá šírka s okrajom 12 px, text a tlačidlá v jednom riadku (najviac ~110 px), nad odznakom Cookie-Script vľavo dole (bottom doladí skript podľa jeho skutočnej polohy). */
@media(max-width:640px){
  .fajpp{left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;display:flex;align-items:center;gap:12px;padding:10px 44px 10px 12px}
  .fajpp .fajpp-txt{flex:1 1 auto;min-width:0}
  .fajpp b{font-size:var(--fs-sm);margin:0 0 2px}
  .fajpp p{margin:0;font-size:13px;line-height:1.35}
  .fajpp .fajpp-btns{flex:none;flex-direction:column;align-items:stretch;gap:2px}
  .fajpp .fajpp-yes{min-width:96px}
  html body .fajpp .fajpp-no{display:none!important}
  .fajpp .fajpp-x{top:4px;right:4px;width:36px;height:36px}
}
html[data-theme="dark"] .fajpp{box-shadow:0 10px 30px rgba(0,0,0,.5)}