/* OnlineGastro.cz | Odborne clanky | v1.1 | 2026-10-30
   Scoped to article.og-article (also supports older articles without an id).
   Does not replace the Shoptet/DKLab core or dmproducts add-on CSS.
*/
article.og-article {font-family:inherit;line-height:1.65;color:#333;min-width:0;overflow-wrap:break-word;}
article.og-article h1,article.og-article h2,article.og-article h3 {line-height:1.3;overflow-wrap:break-word;}
article.og-article h2 {margin:32px 0 16px;}
article.og-article h3 {margin:24px 0 12px;}
article.og-article p {margin:0 0 16px;}
article.og-article ul,article.og-article ol {margin:0 0 22px 22px;padding:0;}
article.og-article li {margin-bottom:8px;}
article.og-article a {overflow-wrap:anywhere;}

/* Images: newer articles use hero and article-hero, some also use figure/og-img. */
article.og-article img:not(.products-block img):not(.dmproducts img) {max-width:100%;height:auto;}
article.og-article .og-hero,article.og-article .og-article-hero {display:block;margin:0 0 24px;}
article.og-article .og-hero img,article.og-article .og-article-hero img {display:block;width:100%;max-width:100%;height:auto;border-radius:7px;}
article.og-article .og-figure {margin:28px 0;}
article.og-article .og-img {display:block;max-width:100%;height:auto;border-radius:8px;}
article.og-article figcaption,article.og-article .og-figure figcaption {margin-top:8px;font-size:14px;color:#666;line-height:1.5;}
article.og-article iframe,article.og-article video {max-width:100%;}

/* Intro and editorial callouts */
article.og-article .og-lead {margin:0 0 28px;padding:18px 22px;border-left:4px solid #1e88e5;background:#f5f9fd;border-radius:6px;}
article.og-article .og-lead p {margin:0;font-size:17px;line-height:1.65;}
article.og-article p.og-lead {font-size:17px;line-height:1.65;}
article.og-article .og-note,article.og-article .og-expert-box {margin:26px 0;padding:20px 22px;border-radius:8px;}
article.og-article .og-note {background:#fff8e1;border-left:4px solid #f9a825;}
article.og-article .og-expert-box {background:#f6f7f8;border:1px solid #e0e0e0;}
article.og-article .og-expert-box h3 {margin-top:0;}
article.og-article .og-note>:last-child,article.og-article .og-expert-box>:last-child {margin-bottom:0;}
article.og-article .og-inline-cta {padding:16px 18px;background:#f5f9fd;border-radius:6px;}
article.og-article .og-inline-cta a {font-weight:700;}

/* Tables; responsive wrapper is optional in older/newer articles. */
article.og-article .og-table {width:100%;border-collapse:collapse;margin:26px 0;font-size:15px;}
article.og-article .og-table th,article.og-article .og-table td {padding:12px 14px;border:1px solid #e0e0e0;vertical-align:top;}
article.og-article .og-table th {background:#f5f5f5;font-weight:700;}

/* Product widgets: safeguard container width without overriding add-on cards, slider or JS. */
article.og-article .dmproducts,article.og-article .products-block {max-width:100%;min-width:0;}
article.og-article .dmproducts img,article.og-article .products-block img {max-width:100%;height:auto;}
/* Historical layout rule used by product cards; no forced flex on cards. */
article.og-article .products-block.products > div {width:33.333%;}

/* FAQ */
article.og-article .og-faq {margin:34px 0;}
article.og-article .og-faq-item {padding:18px 10px;border-bottom:1px solid #e0e0e0;}
article.og-article .og-faq-item h3 {margin:0 0 8px;font-size:18px;}
article.og-article .og-faq-item p:last-child {margin-bottom:0;}

/* Closing contact CTA */
article.og-article .og-final-cta {margin-top:36px;padding:25px;border:2px solid #e0e0e0;border-radius:8px;line-height:1.6;color:#333;text-align:center;}
article.og-article .og-final-cta h3 {margin-top:0;font-size:22px;font-weight:700;}
article.og-article .og-final-cta__actions {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
article.og-article .og-final-cta__actions a {display:block;flex:1 1 250px;min-width:0;text-decoration:none;color:#fff;padding:15px 20px;border-radius:5px;font-weight:700;}
article.og-article .og-final-cta__phone {background-color:#1e88e5;}
article.og-article .og-final-cta__mail {background-color:#263238;}
article.og-article .og-final-cta__actions span {display:block;font-size:14px;text-transform:uppercase;margin-bottom:5px;}
article.og-article .og-final-cta__actions strong {display:block;font-size:18px;}

/* Google preferred sources block: replace article-level inline styles over time. */
article.og-article .og-preferred-source {margin:28px 0 34px;padding:12px 14px;border-left:3px solid #1c78b5;background:#f2f7fb;border-radius:6px;}
article.og-article .og-preferred-source__inner {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;}
article.og-article .og-preferred-source__text {flex:1 1 280px;min-width:0;font-size:14px;line-height:1.5;}
article.og-article .og-preferred-source__text strong {font-weight:700;}
article.og-article .og-preferred-source__button {flex:0 0 auto;max-width:100%;min-width:0;}
article.og-article .og-preferred-source [google-add-preferred-source-btn] {max-width:100%;overflow-wrap:normal;}
/* Support older articles containing the original .prefer structure. */
article.og-article .prefer {margin:28px 0 34px;padding:12px 14px;border-left:3px solid #1c78b5;background:#f2f7fb;border-radius:6px;font-size:14px;line-height:1.5;}
article.og-article .prefer [google-add-preferred-source-btn] {display:inline-block;vertical-align:middle;margin:6px 0 0 10px;max-width:100%;}

@media (max-width:768px) {
  article.og-article .og-lead,article.og-article .og-note,article.og-article .og-expert-box,article.og-article .og-final-cta {padding:16px;}
  article.og-article .og-lead p,article.og-article p.og-lead {font-size:16px;}
  article.og-article .og-table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  article.og-article .products-block.products > div {width:49%;}
  article.og-article .og-final-cta__actions {gap:12px;}
  article.og-article .og-final-cta__actions a {flex:1 1 100%;}
  article.og-article .og-preferred-source__button {flex:1 1 100%;}
  article.og-article .og-preferred-source {padding:12px;}
  article.og-article .prefer [google-add-preferred-source-btn] {display:block;margin:10px 0 0;}
}