:root {
  --oc-page-surface: #fff;
  --oc-card-surface: #fff;
  --oc-card-border: #e4e0da;
  --oc-card-shadow: 0 8px 24px rgba(24, 38, 52, .14), 0 0 0 1px rgba(24, 38, 52, .07);
}

html,
body,
body #main-page-content,
html body[class] #wrapper,
body #content-wrapper {
  background-color: var(--oc-page-surface) !important;
}

/* Světlá horní část hlavičky navazuje na bílý podklad webu. */
body #desktop-header .header-top,
body #mobile-header,
body #mobile-header .mobile-main-bar,
body #mobile-header .row-mobile-header,
body #mobile-header-sticky {
  background-color: var(--oc-page-surface) !important;
  background-image: none !important;
}

/* Spodní informační části homepage používají jeden klidný světlý podklad. */
body.page-index #content .elementor-widget-container > section[style*="background:#3b3b3b"],
body.page-index #oc-home-situations,
body.page-index #proc-okenni-centrum,
body.page-index #oc-home-reviews {
  background-color: var(--oc-page-surface) !important;
}

body #main .mk {
  background-color: var(--oc-page-surface) !important;
}

body .oc-global-cta-strip {
  background-color: var(--oc-page-surface) !important;
}

/* Pouze skutečně světlé karty dostávají stín. Jejich vlastní pozadí a
   akcentní rámečky zůstávají beze změny. */
body #main .card,
body #main .thumbnail-container,
body #main .mk-card,
body #main .ap-card,
body #main .oc-decco-card,
body #main .oc-wood-profile-card,
body #main .oc-home-situation-card,
body #main .oc-home-reviews-widget {
  box-shadow: var(--oc-card-shadow) !important;
}

/* Blogové karty mají výslovně světlý povrch. */
body.oc-blog-listing .simpleblog__listing__post__wrapper,
body.oc-blog-single #main > .simpleblog__post,
body.oc-blog-single #main .simpleblog__post.cardblog {
  border-color: var(--oc-card-border) !important;
  background-color: var(--oc-card-surface) !important;
  box-shadow: var(--oc-card-shadow) !important;
}

body.oc-blog-listing .simpleblog__listing__post__wrapper:hover {
  box-shadow: 0 14px 34px rgba(24, 38, 52, .18), 0 0 0 1px rgba(24, 38, 52, .08) !important;
}

@media (max-width: 767px) {
  :root {
    --oc-card-shadow: 0 6px 18px rgba(24, 38, 52, .13), 0 0 0 1px rgba(24, 38, 52, .06);
  }
}