/* Light/dark WordPress Site Identity logo switching — SimplyIrfan Magazine */
.si-theme-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
  line-height: 0;
  text-decoration: none !important;
}
.si-theme-logo-link .si-theme-logo-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.si-theme-logo-image--dark { display: none !important; }
html[data-theme="dark"] .si-theme-logo-image--light { display: none !important; }
html[data-theme="dark"] .si-theme-logo-image--dark { display: block !important; }
.si-theme-logo-text {
  display: inline-block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.06em;
  text-decoration: none !important;
}
.si-theme-logo-text--light { color: #111827; }
.si-theme-logo-text--dark { display: none !important; color: #fff; }
html[data-theme="dark"] .si-theme-logo-text--light { display: none !important; }
html[data-theme="dark"] .si-theme-logo-text--dark { display: inline-block !important; }

/* Header logo: preserve the theme's existing size controls. */
.site-header .brand .si-theme-logo-link .custom-logo { max-width: var(--si-logo-width, 180px); max-height: 58px; }
@media (max-width: 780px) {
  .site-header .brand .si-theme-logo-link .custom-logo { max-width: min(145px, 38vw); max-height: 42px; }
}

/* Mobile drawer logo dimensions follow the original drawer sizing. */
.si-mobile-drawer-brand .si-theme-logo-link { max-width: min(190px, 60vw); }
.si-mobile-drawer-brand .si-theme-logo-link .custom-logo { max-width: min(190px, 60vw); max-height: 54px; }
.si-mobile-drawer-brand .si-theme-logo-text { font-size: clamp(38px, 10.5vw, 43px); }

/* Footer logo is constrained by the same footer identity area as the former Site Logo. */
.site-footer .footer-brand__identity .si-theme-logo-link .custom-logo {
  max-width: min(100%, 240px);
  max-height: 68px;
}

@media (prefers-reduced-motion: no-preference) {
  .si-theme-logo-image { transition: opacity .16s ease; }
}


/* v2.10.28: choose the logo for the actual surface, not only the global mode. */
/* The Bold header inverts its background: dark in light mode, light in dark mode. */
html:not([data-theme="dark"]) .site-header--bold .si-theme-logo-image--light { display:none !important; }
html:not([data-theme="dark"]) .site-header--bold .si-theme-logo-image--dark { display:block !important; }
html:not([data-theme="dark"]) .site-header--bold .si-theme-logo-text--light { display:none !important; }
html:not([data-theme="dark"]) .site-header--bold .si-theme-logo-text--dark { display:inline-block !important; }
html[data-theme="dark"] .site-header--bold .si-theme-logo-image--dark { display:none !important; }
html[data-theme="dark"] .site-header--bold .si-theme-logo-image--light { display:block !important; }
html[data-theme="dark"] .site-header--bold .si-theme-logo-text--dark { display:none !important; }
html[data-theme="dark"] .site-header--bold .si-theme-logo-text--light { display:inline-block !important; }

/* Classic and Newsletter footer presets remain dark even in global light mode. */
.site-footer--classic .si-theme-logo-image--light,
.site-footer--newsletter .si-theme-logo-image--light { display:none !important; }
.site-footer--classic .si-theme-logo-image--dark,
.site-footer--newsletter .si-theme-logo-image--dark { display:block !important; }
.site-footer--classic .si-theme-logo-text--light,
.site-footer--newsletter .si-theme-logo-text--light { display:none !important; }
.site-footer--classic .si-theme-logo-text--dark,
.site-footer--newsletter .si-theme-logo-text--dark { display:inline-block !important; }

/* Keep all mode-specific logos contained in their existing identity slots. */
.site-header .brand .si-theme-logo-link,
.si-mobile-drawer-brand .si-theme-logo-link,
.site-footer .footer-brand__identity .si-theme-logo-link { flex-shrink:0; }


/*
 * v2.10.29 — Footer-only light/dark logo visibility fix.
 *
 * The legacy footer rule `.site-footer .footer-brand .custom-logo`
 * forces every custom-logo image to display:block!important. The rules
 * below deliberately use higher specificity so only the correct mode
 * image remains visible in each footer brand identity.
 */

/* Default footer surfaces: follow the selected global color mode. */
.site-footer .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}
.site-footer .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-footer .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html[data-theme="dark"] .site-footer .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* Classic and Newsletter retain dark surfaces in both global modes. */
.site-footer.site-footer--classic .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--light,
.site-footer.site-footer--newsletter .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
.site-footer.site-footer--classic .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--dark,
.site-footer.site-footer--newsletter .footer-brand__identity .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* Apply the same one-at-a-time rule to text fallbacks when image uploads are absent. */
.site-footer .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}
.site-footer .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] .site-footer .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html[data-theme="dark"] .site-footer .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
.site-footer.site-footer--classic .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--light,
.site-footer.site-footer--newsletter .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
.site-footer.site-footer--classic .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--dark,
.site-footer.site-footer--newsletter .footer-brand__identity .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}


/*
 * v2.10.30 — Header logo visibility fix.
 * Legacy responsive rules set .custom-logo to display:block!important.
 * Use the more specific themed-logo selectors below so exactly one mode
 * variant is displayed in desktop and mobile headers.
 */
.site-header .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}
.site-header .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* The modern header keeps a dark surface in both color modes. */
.site-header--modern .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
.site-header--modern .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* The Bold header swaps surface color when the global mode changes. */
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}

/* Apply the same mutually-exclusive logic to the text fallback. */
.site-header .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}
.site-header .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
.site-header--modern .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
.site-header--modern .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand .si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}


/*
 * v2.10.31 — Header and slide-out drawer logo visibility fix.
 * Legacy responsive rules force all .custom-logo images to display:block!important.
 * These context-specific selectors are intentionally more specific than those rules.
 */

/* Desktop and mobile header: show exactly one image for the active color mode. */
.site-header .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}
.site-header .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* Bold header uses the inverse foreground/background pairing. */
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}

/* Slide-out drawer: same mode switch, with enough specificity to beat drawer image sizing rules. */
.site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
}
.site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
}

/* Text fallbacks must be mutually exclusive too. */
.site-header .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--light,
.site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}
.site-header .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--dark,
.site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--light,
html[data-theme="dark"] .site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--dark,
html[data-theme="dark"] .site-header .mobile-menu--slide .si-mobile-drawer-header .si-mobile-drawer-brand > .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}

/* Bold-header text fallback follows the inverted surface pairing. */
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html:not([data-theme="dark"]) .site-header--bold .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] .site-header--bold .header-inner > .brand > .si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}


/*
 * v2.10.43 — Final footer-only light/dark logo visibility.
 * The Stacked preset has broad custom-logo sizing rules; these explicit
 * selectors guarantee mutually exclusive display states after all presets.
 */

/* Light surface presets: show light-mode asset on light mode. */
html[data-theme="light"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html:not([data-theme="dark"]) body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html[data-theme="light"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html:not([data-theme="dark"]) body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
  visibility: hidden !important;
}

/* Light surface presets: reverse the logo pair in dark mode. */
html[data-theme="dark"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
  visibility: hidden !important;
}
html[data-theme="dark"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Classic and Newsletter stay dark even when the overall site is in light mode. */
html body footer.site-footer.site-footer--classic .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html body footer.site-footer.site-footer--newsletter .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
  visibility: hidden !important;
}
html body footer.site-footer.site-footer--classic .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html body footer.site-footer.site-footer--newsletter .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Text fallback behavior mirrors image behavior. */
html[data-theme="light"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--light,
html:not([data-theme="dark"]) body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--light {
  display: inline-block !important;
}
html[data-theme="light"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--dark,
html:not([data-theme="dark"]) body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--dark {
  display: none !important;
}
html[data-theme="dark"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html[data-theme="dark"] body footer.site-footer:not(.site-footer--classic):not(.site-footer--newsletter) .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}
html body footer.site-footer.site-footer--classic .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--light,
html body footer.site-footer.site-footer--newsletter .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--light {
  display: none !important;
}
html body footer.site-footer.site-footer--classic .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--dark,
html body footer.site-footer.site-footer--newsletter .footer-brand__identity > a.si-theme-logo-link > .si-theme-logo-text--dark {
  display: inline-block !important;
}

/* Compact has a light surface in light mode; keep its description dark/readable. */
html[data-theme="light"] body footer.site-footer.site-footer--compact .footer-brand.footer-brand--compact > p,
html:not([data-theme="dark"]) body footer.site-footer.site-footer--compact .footer-brand.footer-brand--compact > p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}



/* Explicit light-surface preset selectors, including the Stacked footer. */
html[data-theme="light"] body footer.site-footer.site-footer--compact .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="light"] body footer.site-footer.site-footer--light .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="light"] body footer.site-footer.site-footer--stacked .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="light"] body footer.site-footer.site-footer--minimal .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html[data-theme="light"] body footer.site-footer.site-footer--compact .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="light"] body footer.site-footer.site-footer--light .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="light"] body footer.site-footer.site-footer--stacked .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="light"] body footer.site-footer.site-footer--minimal .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark {
  display: none !important;
  visibility: hidden !important;
}
html[data-theme="dark"] body footer.site-footer.site-footer--compact .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="dark"] body footer.site-footer.site-footer--light .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="dark"] body footer.site-footer.site-footer--stacked .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light,
html[data-theme="dark"] body footer.site-footer.site-footer--minimal .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--light {
  display: none !important;
  visibility: hidden !important;
}
html[data-theme="dark"] body footer.site-footer.site-footer--compact .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="dark"] body footer.site-footer.site-footer--light .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="dark"] body footer.site-footer.site-footer--stacked .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark,
html[data-theme="dark"] body footer.site-footer.site-footer--minimal .footer-brand__identity > a.si-theme-logo-link > img.si-theme-logo-image--dark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}