/* Optional GRdesign light theme.
   The original dark presentation remains the default and is untouched. */

.gr-floating-user .user-menu .gr-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 153, 255, .28);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(0, 153, 255, .2), rgba(255, 255, 255, .08));
  color: #4eb6ff;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.gr-floating-user .user-menu .gr-theme-toggle:hover,
.gr-floating-user .user-menu .gr-theme-toggle:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(242, 132, 36, .72);
  outline: none;
  background: linear-gradient(135deg, rgba(242, 132, 36, .34), rgba(255, 255, 255, .12));
  color: #ff9a3c;
  box-shadow: 0 10px 22px rgba(242, 132, 36, .18);
}

.gr-theme-toggle__icon {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gr-theme-toggle__icon--sun {
  display: block;
}

.gr-theme-toggle__icon--moon {
  display: none;
}

html[data-gr-theme="light"] .gr-theme-toggle__icon--sun {
  display: none;
}

html[data-gr-theme="light"] .gr-theme-toggle__icon--moon {
  display: block;
}

html[data-gr-theme="light"] .gr-floating-user .user-menu .gr-theme-toggle {
  border-color: rgba(242, 132, 36, .58);
  background: linear-gradient(135deg, rgba(242, 132, 36, .3), rgba(255, 255, 255, .1));
  color: #ff9a3c;
}

@media screen and (max-width: 780px) {
  .gr-floating-user .user-menu .gr-theme-toggle {
    width: 22px;
    min-width: 22px;
    height: 22px;
  }

  .gr-theme-toggle__icon {
    width: 12px;
    height: 12px;
  }
}

html[data-gr-theme="light"] {
  color-scheme: light;
  --gr-theme-page: #f2eee8;
  --gr-theme-surface: #fffdfa;
  --gr-theme-surface-soft: #f7f1e9;
  --gr-theme-text: #1d2a34;
  --gr-theme-text-soft: #53616d;
  --gr-theme-border: rgba(80, 65, 48, .19);
  --gr-theme-accent: #e66f09;
  --gr-theme-accent-strong: #bd5700;
  --gr-theme-blue: #0879cb;
  --gr-theme-shadow: 0 18px 46px rgba(67, 52, 37, .12);
}

html[data-gr-theme="light"] body,
html[data-gr-theme="light"] body.t-page,
html[data-gr-theme="light"] #body {
  background-color: var(--gr-theme-page) !important;
  color: var(--gr-theme-text) !important;
}

/* The homepage base stylesheet uses :has() and an ID to lock the canvas dark.
   Match that specificity so the light canvas really wins, while the hero keeps
   its own image and dark overlay. */
html[data-gr-theme="light"]:has(#body.is-homepage.has-home-hero) body,
html[data-gr-theme="light"] body.is-homepage.has-home-hero #body,
html[data-gr-theme="light"] #body.is-homepage.has-home-hero {
  background: var(--gr-theme-page) !important;
  color: var(--gr-theme-text) !important;
}

html[data-gr-theme="light"] #hlavni_kont,
html[data-gr-theme="light"] #hlavni_kont .kontent_1 {
  color: var(--gr-theme-text);
  background-color: transparent;
}

html[data-gr-theme="light"] #hlavni_kont :is(h1, h2, h3, h4, h5, h6),
html[data-gr-theme="light"] #hlavni_kont .box-title,
html[data-gr-theme="light"] #hlavni_kont .list-title,
html[data-gr-theme="light"] #hlavni_kont .list-title a {
  color: var(--gr-theme-text) !important;
  text-shadow: none !important;
}

html[data-gr-theme="light"] #hlavni_kont :is(p, li, dd, dt, td, th, label),
html[data-gr-theme="light"] #hlavni_kont .text,
html[data-gr-theme="light"] #hlavni_kont .list-perex,
html[data-gr-theme="light"] #hlavni_kont .boxy-info,
html[data-gr-theme="light"] #hlavni_kont .photolist-perex,
html[data-gr-theme="light"] #hlavni_kont .rozcest-list-perex {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] #hlavni_kont a:not([class*="button"]):not([class*="btn"]),
html[data-gr-theme="light"] .webnavigace a {
  color: var(--gr-theme-accent-strong);
}

html[data-gr-theme="light"] #hlavni_kont :is(.box-item, .sbox, .poll, .info),
html[data-gr-theme="light"] #hlavni_kont :is(.gr-article-card, .photolist-item, .rozcest-list-item),
html[data-gr-theme="light"] #hlavni_kont [class*="__card"] {
  border-color: var(--gr-theme-border) !important;
  background-color: var(--gr-theme-surface) !important;
  color: var(--gr-theme-text) !important;
  box-shadow: var(--gr-theme-shadow);
}

html[data-gr-theme="light"] #hlavni_kont :is(input, textarea, select) {
  border-color: var(--gr-theme-border);
  background-color: var(--gr-theme-surface);
  color: var(--gr-theme-text);
}

html[data-gr-theme="light"] #hlavni_kont :is(input, textarea, select)::placeholder {
  color: #7c878f;
}

html[data-gr-theme="light"] body.is-article-page .article-content,
html[data-gr-theme="light"] body.is-article-page .article-perex {
  color: var(--gr-theme-text) !important;
}

html[data-gr-theme="light"] body.is-article-page .article-content :is(p, li, td, th, dd, dt),
html[data-gr-theme="light"] body.is-article-page .article-perex {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.is-article-page .article-content :is(h2, h3, h4, h5, h6) {
  color: var(--gr-theme-text) !important;
  text-shadow: none !important;
}

html[data-gr-theme="light"] body.is-article-page .article-info,
html[data-gr-theme="light"] body.is-article-page .article-content .info,
html[data-gr-theme="light"] body.is-article-page #post-form {
  border-color: var(--gr-theme-border) !important;
  background: var(--gr-theme-surface-soft) !important;
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.t-page.homepage .home-articles-main > .home-hero-copy .home-hero-title,
html[data-gr-theme="light"] body.t-page.homepage .home-gallery-title,
html[data-gr-theme="light"] body.t-page.homepage .gr-hcm-stackbox[data-stackbox-slot="3"] .gr-hcm-stackbox__item > .box-title {
  color: var(--gr-theme-text) !important;
}

/* In the light theme the homepage hero fades into the light page instead of
   the original charcoal canvas. A slight shade at the top keeps the fixed
   black navigation legible without darkening the main hero copy. */
html[data-gr-theme="light"] body.t-page.homepage.is-homepage.has-home-hero #body.is-homepage.has-home-hero #header.is-hero-fade-ready > .article-hero-bg::after {
  background:
    linear-gradient(to bottom, rgba(18, 18, 18, .28) 0%, rgba(18, 18, 18, .07) 22%, rgba(18, 18, 18, 0) 40%),
    linear-gradient(to top, var(--gr-theme-page) 0%, var(--gr-theme-page) 7%, rgba(242, 238, 232, .96) 13%, rgba(242, 238, 232, .82) 19%, rgba(242, 238, 232, .58) 26%, rgba(242, 238, 232, .3) 33%, rgba(242, 238, 232, .1) 39%, rgba(242, 238, 232, 0) 45%) !important;
}

/* The hero image itself is darkened with a CSS filter. On desktop, keep the
   light fade outside that filtered element so its opaque end is exactly the
   same colour as the page canvas. */
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html[data-gr-theme="light"] body.t-page.homepage.is-homepage.has-home-hero #body.is-homepage.has-home-hero #header.is-hero-fade-ready > .article-hero-bg::after {
    background: linear-gradient(to bottom, rgba(18, 18, 18, .28) 0%, rgba(18, 18, 18, .07) 22%, rgba(18, 18, 18, 0) 40%) !important;
  }

  html[data-gr-theme="light"] body.t-page.homepage.is-homepage.has-home-hero #body.is-homepage.has-home-hero #header.is-hero-fade-ready::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(to top, var(--gr-theme-page) 0%, var(--gr-theme-page) 7%, rgba(242, 238, 232, .96) 13%, rgba(242, 238, 232, .82) 19%, rgba(242, 238, 232, .58) 26%, rgba(242, 238, 232, .3) 33%, rgba(242, 238, 232, .1) 39%, rgba(242, 238, 232, 0) 45%) !important;
    filter: none !important;
  }
}

html[data-gr-theme="light"] #body.is-homepage #header .article-hero-copy .article-hero-kicker {
  color: #f8f5ef !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .82) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .home-hero-intro :is(
  .home-hero-kicker,
  .home-hero-title,
  .home-hero-lead,
  .home-hero-feature-title,
  .home-hero-feature-text
),
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont .home-hero-intro :is(
  .home-hero-kicker,
  .home-hero-title,
  .home-hero-lead,
  .home-hero-feature-title,
  .home-hero-feature-text
) {
  color: var(--gr-theme-text) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .home-hero-intro .home-hero-title,
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont .home-hero-intro .home-hero-title {
  color: #25292c !important;
  font-weight: 700 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 1px 2px rgba(255, 255, 255, 1),
    0 0 12px rgba(255, 255, 255, .9),
    0 0 24px rgba(255, 255, 255, .68) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .home-hero-feature-title,
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont .home-hero-feature-title {
  font-weight: 700 !important;
}

html[data-gr-theme="light"] body.t-page.homepage .home-gallery-text,
html[data-gr-theme="light"] body.t-page.homepage .gr-hcm-stackbox[data-stackbox-slot="3"],
html[data-gr-theme="light"] body.t-page.homepage .gr-hcm-stackbox[data-stackbox-slot="3"] :is(p, span, strong) {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.t-page.homepage .home-articles-main > .gr-articles-cards:first-child::before {
  background:
    linear-gradient(135deg, rgba(231, 207, 173, .32), rgba(255, 253, 250, .98) 50%, rgba(231, 207, 173, .25)),
    var(--gr-theme-surface) !important;
  border-color: var(--gr-theme-border) !important;
  box-shadow: var(--gr-theme-shadow) !important;
}

/* The featured homepage cards have their own forced dark inner panels. */
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-grid .gr-article-card__body,
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-lead .gr-article-card__body,
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-side .gr-article-card__body {
  background: var(--gr-theme-surface) !important;
  color: var(--gr-theme-text) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-grid .gr-article-card__body::before,
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-lead .gr-article-card__body::before,
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .grwn-home-side .gr-article-card__body::before {
  background: none !important;
  opacity: 0 !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__meta,
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__meta-left {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__perex,
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__perex {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__read,
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont :is(.grwn-home-lead, .grwn-home-side) .gr-article-card__read {
  color: var(--gr-theme-blue) !important;
}

/* Rychlovky: replace the original charcoal title strip with a soft surface. */
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont .photolist-title,
html[data-gr-theme="light"] #body.is-homepage #hlavni_kont .gr-photolist-title {
  background: var(--gr-theme-surface-soft) !important;
  color: var(--gr-theme-text) !important;
}

/* The weather widget was designed for a dark card and hard-coded white text. */
html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont #weather-widget :is(
  .ws_datum,
  .ws_nameday,
  .ws_nameday strong,
  .ws_text_udaj,
  .weather-current__temp,
  .weather-current__text,
  .weather-current__wind,
  .ws_nadpis,
  .weather-day__date,
  .weather-day__temp-value
) {
  color: var(--gr-theme-text) !important;
  text-shadow: none !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont #weather-widget :is(
  .ws_dnes,
  .ws_text,
  .weather-day__temp-label,
  .weather-day__text
) {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] body.t-page.homepage #hlavni_kont #weather-widget :is(
  .weather-head__date,
  .weather-head__current,
  .weather-day,
  .weather-day__temp
) {
  border-color: var(--gr-theme-border) !important;
  background: rgba(8, 121, 203, .055) !important;
}

/* Light counterpart of the editorial "Co je nového" panel. */
html[data-gr-theme="light"] #hlavni_kont .grwn-panel {
  background: linear-gradient(145deg, #fffdfa 0%, #f8f2ea 100%) !important;
  border-color: var(--gr-theme-border) !important;
  color: var(--gr-theme-text) !important;
  box-shadow: 0 20px 48px rgba(67, 52, 37, .16) !important;
}

html[data-gr-theme="light"] #hlavni_kont .grwn-panel :is(h2, h3, h4, strong, .grwn-item__title) {
  color: var(--gr-theme-text) !important;
}

html[data-gr-theme="light"] #hlavni_kont .grwn-panel :is(p, .grwn-item__description) {
  color: var(--gr-theme-text-soft) !important;
}

html[data-gr-theme="light"] #hlavni_kont .grwn-panel :is(a, .grwn-item__meta) {
  color: var(--gr-theme-accent-strong) !important;
}

html[data-gr-theme="light"] #hlavni_kont .grwn-panel .grwn-item__arrow {
  color: var(--gr-theme-accent) !important;
}

html[data-gr-theme="light"] #hlavni_kont .grwn-panel :is(.grwn-panel__header, .grwn-item) {
  border-color: var(--gr-theme-border) !important;
}

/* Navigation, account controls, footer and media always keep their native treatment. */
html[data-gr-theme="light"] #header,
html[data-gr-theme="light"] #header .grdesign_menu,
html[data-gr-theme="light"] .grdesign-sticky-header,
html[data-gr-theme="light"] .gr-floating-user .user-menu,
html[data-gr-theme="light"] .gr-footer-modern,
html[data-gr-theme="light"] #footer {
  color-scheme: dark;
}

html[data-gr-theme="light"] .article-hero-vignette {
  background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 68%),
    linear-gradient(to top, #f2eee8 0%, rgba(242, 238, 232, .92) 16%, rgba(242, 238, 232, .58) 31%, rgba(242, 238, 232, 0) 100%) !important;
}

@media (prefers-reduced-motion: no-preference) {
  body,
  #body,
  #hlavni_kont,
  #hlavni_kont .kontent_1 {
    transition: background-color .28s ease, color .28s ease;
  }
}