/* Součástky prototypu (tlačítka, štítky) pro obsah stránek, obalené do .entry.
   Rozvržení dělají běžné bloky WordPressu, sem patří jen ty součástky.
   Generuje wp_plugin.py, needituj ručně. */
.entry{--ink:#1b1b1b;--white:#ffffff;--accent:#c74643;--accent-dark:#a83935;--muted:#78736a;--paper:#f7f6f4;--surface:#ffffff;--line:#e3e0dc;--line-strong:#cdc9c3;--text:#33312e;--text-2:#6b6862;--ok:#3f7d5a;--radius:6px;--shadow:0 1px 2px rgba(27,27,27,.05), 0 8px 24px rgba(27,27,27,.06);--shadow-lg:0 2px 4px rgba(27,27,27,.06), 0 18px 48px rgba(27,27,27,.12);--wrap:1220px;}
.entry .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;border-radius:var(--radius);font-weight:600;font-size:16px;
  transition:background .15s,color .15s,border-color .15s,transform .15s;min-height:50px}
.entry .btn--primary{background:var(--accent);color:#fff}
.entry .btn--primary:hover{background:var(--accent-dark)}
.entry .btn--dark{background:var(--ink);color:#fff}
.entry .btn--dark:hover{background:#000}
.entry .btn--ghost{border:1.5px solid var(--line-strong);color:var(--ink);background:#fff}
.entry .btn--ghost:hover{border-color:var(--ink)}
.entry .btn--sm{padding:9px 16px;min-height:40px;font-size:14.72px}
.entry .btn--block{width:100%}
.entry .fakt__ico{flex-shrink:0;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;
  background:rgba(199,70,67,.09)}
.entry .fakt__ico svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.entry .fakt__txt{min-width:0}
.entry .fakt__txt span{display:block;font-size:14.08px;color:var(--text-2);margin-top:3px;line-height:1.5}
.entry .rada__akce .btn{white-space:nowrap;padding:8px 14px;min-height:36px;font-size:13.92px}
.entry .guide__foot .btn{padding:16px 30px;font-size:16.8px;min-height:56px}
.entry .link-dark{color:var(--ink);font-size:15.04px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.entry .link-dark:hover{color:var(--accent)}
.entry .card__more{margin-top:auto;padding-top:12px;font-weight:600;color:var(--accent);font-size:15.04px}
.entry .prod__maker{font-size:11.52px;color:var(--text-2);font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.entry .chip{font-size:12.16px;padding:4px 9px;border-radius:4px;background:var(--paper);color:var(--text-2);
  border:1px solid var(--line);white-space:nowrap}
.entry .chip--accent{background:rgba(199,70,67,.08);border-color:rgba(199,70,67,.25);color:var(--accent-dark)}
.entry .prod__foot .btn{padding:9px 10px;font-size:14.08px;white-space:nowrap;min-height:38px}
.entry .prod__foot .btn:first-child{flex:1.7}
.entry .prod__foot .btn:last-child{flex:1}
.entry .pd__actions .btn{flex:1;min-width:190px}
.entry .vpruh__text .btn{margin-top:24px}
.entry .pur-znacka{display:inline-block;font-size:11.52px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--accent);font-weight:600;margin-bottom:8px}
@media(max-width:1080px){.entry .filters__foot .btn{width:100%}}
@media(max-width:860px){.entry .hdr__cta .btn--primary{display:none}
.entry .rada__akce .btn{flex:1}}
@media(max-width:460px){.entry .floatbar .btn{width:100%}
.entry .pd__actions .btn, .entry .pur-pruh .btn{width:100%}}
/* Doplňky pro obsah, které v prototypu dělal obal karty nebo hlavičky. */
.entry .btn{text-decoration:none}
.entry a.btn:hover{text-decoration:none}
.entry .chip{display:inline-block;margin:0 6px 6px 0}
.entry > figure.wp-block-image{max-width:480px}
.entry > figure.wp-block-image img{width:100%;height:auto}

/* ---- písmo a menu pro záhlaví, menu a patičku ---- */
html body, body button, body input, body select, body textarea,
#site-header, #site-header a, #footer, #footer a, .site-footer {
  font-family:Roboto,"Segoe UI",system-ui,-apple-system,sans-serif;
  text-transform:none;
  letter-spacing:normal;
}
html body { font-size:17px; line-height:1.65; font-weight:400; color:#33312e; }
#site-header #site-navigation-wrap .dropdown-menu > li > a,
#site-header .oceanwp-mobile-menu-icon a,
.sidr-class-dropdown-menu li a {
  font-family:Roboto,"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:15.5px;   /* prototyp má .97rem při korenu 16 px, téma má koren 10 px */
  font-weight:500;
  letter-spacing:normal;
  text-transform:none;
  color:#33312e;
}
#site-header #site-navigation-wrap .dropdown-menu > li > a:hover,
#site-header #site-navigation-wrap .dropdown-menu > li.current-menu-item > a {
  color:#c74643;
}

/* ---- podtržení odkazů ----
   Téma podtrhává odkazy v obsahu pravidlem
     .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(...):not(...)
   což je šest tříd, tedy silnější než ".lj-app a" z prototypu (jedna třída).
   Vypínač v nastavení téma nemá, takže tu je stejný selektor navíc s .lj-app.
   Výjimky, které prototyp podtrhává schválně, mají o třídu víc, aby vyhrály. */
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app a:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app a:visited:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app a:hover:not(.wp-block-button__link):not(.wp-block-file__button),
.lj-app a, .lj-app a:link, .lj-app a:visited, .lj-app a:hover, .lj-app a:focus {
  text-decoration:none;
}
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .starter__vic:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .starter__odkaz:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .rada__detail:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .link-white:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .link-dark:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry .lj-app .foot__bot a:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---- úpravy nad prototyp, zadání Simona 24. 8. 2026 ----
   Kontejner je o něco širší a blok průvodce na úvodní stránce je výraznější,
   protože je to podle Simona nejdůležitější prvek celého webu. Píše se to sem,
   ne do generovaného stylu prototypu, aby bylo na jednom místě vidět, co je
   proti prototypu jinak. Třída se v selektoru opakuje jen kvůli síle pravidla,
   aby nezáleželo na tom, který soubor se načte dřív. */
/* Šířku na celou obrazovku Simon 24. 8. 2026 vyzkoušel a nechtěl, vrátili jsme
   pevný pruh. Zůstává jen o něco širší než prototyp, ten měl 1220 px. */
.lj-app.lj-app { --wrap:1400px; }

.lj-app.lj-app .starter {
  margin-top:30px;
  padding:36px 46px 32px;
  border-radius:14px;
  box-shadow:0 3px 6px rgba(27,27,27,.08), 0 26px 60px rgba(27,27,27,.18);
}
.lj-app.lj-app .starter__krok { font-size:12.5px; margin-bottom:10px; }
.lj-app.lj-app .starter strong { font-size:clamp(30px,2.9vw,44px); line-height:1.12; }
.lj-app.lj-app .starter__hint { font-size:16.5px; max-width:64ch; margin-top:10px; }
.lj-app.lj-app .starter__dlazdice {
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
  margin-top:24px;
}
.lj-app.lj-app .dlazdice { font-size:15.5px; padding:14px 16px; min-height:66px; }
.lj-app.lj-app .dlazdice small { font-size:13px; }

/* ---- držící se pruhy v katalogu ----
   Pruh s hledáním (na počítači) a hlavička filtrů (na mobilu) se při rolování drží
   u horního kraje, ale mají světlé pozadí, takže splývaly s obsahem pod nimi.
   Třídu is-stuck přidává skript, když se pruh zachytí. */
.lj-app.lj-app .cbar.is-stuck,
.lj-app.lj-app .filters__head.is-stuck {
  background:#f2f0ed;
  border-bottom:1px solid var(--line-strong);
  box-shadow:0 8px 20px rgba(27,27,27,.10);
}
.lj-app.lj-app .cbar.is-stuck {
  padding-left:14px;
  padding-right:14px;
  margin-left:-14px;
  margin-right:-14px;
}

/* ---- souhrn v průvodci ----
   Poslední krok používá pro nadpisy "Lepidla" a "Technologie" třídu .fgroup__t,
   která je z panelu filtrů v katalogu a má bílé pozadí. V tmavém panelu průvodce
   z toho byl bílý rámeček. */
.lj-app.lj-app .guide__panel .fgroup__t {
  background:transparent;
  border-top:0;
  padding:0 0 6px;
}

/* ---- kontaktní formulář ----
   Contact Form 7 vypisuje vlastní značkování, které se stylem prototypu nemá nic
   společného. Tady dostane podobu formulářů prototypu a rámec karty, aby zapadl
   do stránky. */
.lj-app.lj-app #kFormular {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:28px;
  box-shadow:var(--shadow);
  max-width:680px;
}
.lj-app.lj-app .wpcf7-form p { margin-bottom:18px; }
.lj-app.lj-app .wpcf7-form label {
  display:block;
  font-size:14.08px;
  font-weight:600;
  color:var(--ink);
}
.lj-app.lj-app .wpcf7-form input[type=text],
.lj-app.lj-app .wpcf7-form input[type=email],
.lj-app.lj-app .wpcf7-form input[type=tel],
.lj-app.lj-app .wpcf7-form input[type=url],
.lj-app.lj-app .wpcf7-form textarea {
  width:100%;
  margin-top:6px;
  padding:12px 14px;
  border:1.5px solid var(--line-strong);
  border-radius:var(--radius);
  font:inherit;
  font-size:15.52px;
  color:inherit;
  background:#fff;
}
.lj-app.lj-app .wpcf7-form textarea { min-height:150px; resize:vertical; }
.lj-app.lj-app .wpcf7-form input:focus,
.lj-app.lj-app .wpcf7-form textarea:focus { outline:none; border-color:var(--ink); }
.lj-app.lj-app .wpcf7-form input[type=submit] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:50px;
  padding:14px 26px;
  border:0;
  border-radius:var(--radius);
  background:var(--accent);
  color:#fff;
  font:inherit;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
.lj-app.lj-app .wpcf7-form input[type=submit]:hover { background:var(--accent-dark); }
.lj-app.lj-app .wpcf7-not-valid-tip { color:var(--accent); font-size:13.5px; margin-top:5px; }
.lj-app.lj-app .wpcf7-response-output {
  margin:16px 0 0;
  padding:12px 14px;
  border:1.5px solid var(--line-strong);
  border-radius:var(--radius);
  background:var(--paper);
  font-size:15px;
}
.lj-app.lj-app form.invalid .wpcf7-response-output { border-color:var(--accent); }
.lj-app.lj-app form.sent .wpcf7-response-output { border-color:var(--ok); }
.lj-app.lj-app .wpcf7-spinner { margin:0 0 0 12px; }

@media (max-width:760px) {
  .lj-app.lj-app .starter { padding:22px 20px 20px; }
  .lj-app.lj-app .starter strong { font-size:26px; }
  .lj-app.lj-app .starter__hint { font-size:15.5px; }
}