/*
Theme Name: Visit Rjukan (Ollie Child)
Theme URI: https://www.visitrjukan.com/
Description: Visit Rjukan wp theme.
Author: Frontkom AS
Author URI: https://www.frontkom.com
Template:     ollie
Version: 1.2.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: visit-rjukan
*/

/* stylelint-disable no-descending-specificity --
   This file mixes scoped overrides (footer, header) with later component
   selectors (.product-card, .post-card). The rule fires on safe cross-scope
   ordering that would only matter if these selectors targeted the same
   elements, which they don't. */

/* Footer Background Styles - SVG applied to the main content div */

/* Target the div with has-main-accent-background-color class inside footer */
footer.site-footer .has-main-accent-background-color {
  position: relative;
  overflow: hidden;
}

/* Use pseudo-element to position SVG at true bottom */
footer.site-footer .has-main-accent-background-color::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  height: 100%;
  background-image: url(assets/images/footer.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  pointer-events: none;
}

/* Ensure footer content is above the SVG background */
footer.site-footer .has-main-accent-background-color > * {
  position: relative;
  z-index: 10;
}

/* Stack core wp:columns at ≤1024px instead of WP's default ≤781px.
   The product templates use fixed 38/62 splits that get cramped — and
   cause content from the left column to overflow into the right column —
   below ~1024px. !important beats core's own !important stacking rules. */
@media (max-width: 1024px) {

  .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }

  /* Ollie parent theme declares this at ≤781px only; extend it to match the
     ≤1024px stacking breakpoint so the gallery (orderMobile:2) appears above
     the text column on tablet widths, matching the mobile layout. */
  .ollie-swap-order {
    flex-direction: column-reverse;
  }
}

/* === Footer responsive layout ===
   The template part (DB-managed in Site Editor) uses standard wp:columns blocks.
   Without help, two things break below ~1024px:
   – the global stack rule above turns the 4-up info row and the 4-up partner-
     logo row into a single full-width stack;
   – the partner badges (1024×337 source) then balloon to the column width;
   – the outer group sets inline `padding-left/right:0`, so content sits flush
     to the viewport edge.
   The rules below restore breathing room and keep multi-column layouts where
   space allows. They're scoped to `footer.site-footer` so they can't leak
   into product / archive layouts that rely on the wider stacking behaviour. */

footer.site-footer > .wp-block-group {
  padding-left: clamp(1rem, 4vw, 3rem) !important;
  padding-right: clamp(1rem, 4vw, 3rem) !important;
}

/* Below large desktop, the bottom row (copyright | partner badges) splits the
   footer width in half — too narrow for the 4 partner badges in the right
   half. Stack it so copyright sits above a full-width partner badges row. */
@media (max-width: 1280px) {

  footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-gallery) {
    flex-direction: column !important;
    gap: var(--wp--preset--spacing--small, 1rem) !important;
  }

  footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-columns > .wp-block-column > .wp-block-gallery) > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 1024px) {

  /* Override the global stack rule for footer columns: wrap into a multi-column
     flow with a sensible minimum column width instead of jumping straight to 100%. */
  footer.site-footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: calc(50% - var(--wp--preset--spacing--large, 2rem) / 2) !important;
    flex-grow: 1 !important;
    min-width: 200px !important;
  }
}

/* True single-column only when the viewport is genuinely narrow. */
@media (max-width: 600px) {

  footer.site-footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}

/* Partner badges row.
   The four partner badges (Bærekraftig Reisemål, Miljøfyrtårn, Rjukan-Notodden
   Industriarv, Telemark) come from the template part as four wp:columns each
   wrapping a wp:image / wp:gallery — their source aspect ratios vary wildly,
   so the default column flow either overlaps them on desktop or piles them
   into tall vertical stacks on tablet/mobile. The :has() selector below
   uniquely matches that columns block (no other footer column row contains a
   gallery) so we can flatten it into a single flex row of equal-height badges
   that wraps gracefully.

   Match only the row whose direct children contain a gallery — using `>` twice
   prevents this from also matching the outer alignwide 2-column wrapper that
   contains the gallery deeper down. */
footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) {
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem 1.5rem !important;
}

footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) > .wp-block-column {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) .wp-block-image,
footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) .wp-block-gallery,
footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) figure {
  margin: 0 !important;
  padding: 0 !important;
}

footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) .wp-block-image img {
  height: 40px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
}

/* Below tablet, balance the row so badges take a bit less horizontal space
   and centre-justify rather than crowding the right edge. */
@media (max-width: 768px) {

  footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) {
    justify-content: center;
    gap: 1rem 1.75rem !important;
  }

  footer.site-footer .wp-block-columns:has(> .wp-block-column > .wp-block-gallery) .wp-block-image img {
    height: 40px !important;
  }
}

/* Other unsized images in the footer (e.g. the small Rjukan logo if it ever
   loses its inline width) still get a sensible cap. */
footer.site-footer > .wp-block-group > .wp-block-columns > .wp-block-column > .wp-block-columns:not(:has(> .wp-block-column > .wp-block-gallery)) .wp-block-image:not(.is-resized) img {
  max-width: 180px;
  height: auto;
  width: auto;
}

/* 4K and ultra-wide displays */
@media (min-width: 2560px) {

  footer.site-footer .has-main-accent-background-color::after {
    bottom: -100px;
  }
}

/* 5K and ultra-wide displays */
@media (min-width: 2900px) {

  footer.site-footer .has-main-accent-background-color::after {
    bottom: -250px;
  }
}

/* Contact icons */
.product-contact-telephone::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23041CA8'%3E%3Cpathd='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E
  );
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.product-contact-email::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23041CA8'%3E%3Cpathd='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E
  );
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.product-contact-website::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23041CA8'%3E%3Cpathd='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E
  );
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.product-contact-booking-website::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 24 24'fill='%23041CA8'%3E%3Cpathd='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E
  );
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Blog: Category pills styling */
.archive .pill-categories ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.archive .pill-categories li {
  margin: 0 0.25rem 0.5rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.archive .pill-categories li::before {
  display: none !important;
}

.archive .pill-categories a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #b794f6;
  color: #fff !important;
  border-radius: 20px;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  transition: background-color 0.2s ease;
}

/* Blog: Tag pills styling */
.archive .pill-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.archive .pill-tags a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #d6bcfa;
  color: #fff !important;
  border-radius: 20px;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 0.875rem !important;
  line-height: 1.2;
  transition: background-color 0.2s ease;
}

.archive .pill-tags a:hover {
  background-color: #b794f6;
}

.archive .pill-categories a:hover {
  background-color: #9f7aea;
}

/* Event/Product with dates styling */
.product-card__date-time .frontkom-block-metadata__item {
  align-items: center;
}

.product-card__date-time .frontkom-block-metadata__label {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 6px;
  background-image: url(assets/images/icons/calendar.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.product-card__location .frontkom-block-metadata__label {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 6px;
  background-image: url(assets/images/icons/place.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* Language switcher icon */
.wp-block-polylang-navigation-language-switcher .wp-block-navigation-item__label {
  font-size: 13px;
}

.wp-block-polylang-navigation-language-switcher .wp-block-navigation-item__content::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-image: url(assets/images/icons/language.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Mega menu toggle icon size override */
.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon,
.wp-block-navigation .wp-block-navigation__submenu-icon {
  width: 0.8em;
  height: 0.7em;
}

/* =============================================
   Product Cards — shared styles
   ============================================= */

/* Template part wrapper must fill grid cell so cards are equal height */
.wp-block-post-template.is-layout-grid .wp-block-template-part {
  height: 100%;
}

/* Card fills its grid cell height.
   align-items: stretch overrides WP core `.is-layout-flex { align-items: center }`,
   which in a column flex container would shrink children to their intrinsic width
   and cause the featured image to stop short of the card's right edge. */
.product-card,
.product-card-event {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Content area grows to fill remaining space, button pushed to bottom */
.product-card__content,
.product-card-event__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* "Les mer" button anchored to the bottom via auto margin */
.product-card__content > :first-child,
.product-card-event__content > :first-child {
  flex: 1 1 auto !important;
}

.product-card__actions,
.product-card-event__actions {
  align-self: stretch !important;
}

/* Query pagination — match product-list block style */
.wp-block-query-pagination {
  gap: 4px;
  margin-top: var(--wp--preset--spacing--medium, 1.25rem);
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  border: 1px solid var(--wp--preset--color--primary, #1e40af);
  border-radius: 5px;
  padding: 8px 14px;
  background: transparent;
  color: var(--wp--preset--color--primary, #1e40af);
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  font-size: 0 !important;
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
  background-color: var(--wp--preset--color--primary, #1e40af);
  color: var(--wp--preset--color--base, #fff);
}

.wp-block-query-pagination .page-numbers.current {
  display: inline-block;
  padding: 8px 14px;
  background-color: var(--wp--preset--color--primary, #1e40af);
  color: var(--wp--preset--color--base, #fff);
}

.wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next .wp-block-query-pagination-next-arrow {
  display: none;
}

.wp-block-query-pagination-previous::after {
  content: "\2190";
  font-size: var(--wp--preset--font-size--small, 0.875rem);
}

.wp-block-query-pagination-next::after {
  content: "\2192";
  font-size: var(--wp--preset--font-size--small, 0.875rem);
}

/* Image hover zoom — both card types */
.product-card__image-wrapper,
.product-card-event__image-wrapper {
  overflow: hidden;
}

.product-card__image-wrapper img,
.product-card-event__image-wrapper img {
  transition: transform 0.3s ease;
  display: block;
  width: 100%;
}

.product-card__image-wrapper:hover img,
.product-card-event__image-wrapper:hover img {
  transform: scale(1.05);
}

/* =============================================
   Post Cards — blog post card styles
   ============================================= */

.post-card {
  overflow: hidden;
}

.post-card .wp-block-post-featured-image {
  max-width: 100%;
}

.post-card .wp-block-post-featured-image img {
  width: 100%;
}

/* =============================================
   Event Card — date badge overlay
   ============================================= */

.product-card-event__image-wrapper {
  position: relative;
}

/* Badge base — positioned over bottom-left of image.
   Rendered by WP_Simpleview\Filters\Event_Card_Badge as:
     <div class="product-card-event__date-badge is-single|is-range">
       <span class="product-card-event__date-badge__month|__line">…</span>
       <span class="product-card-event__date-badge__day|__line">…</span>
     </div> */
.product-card-event__date-badge {
  position: absolute;
  bottom: 14px;
  left: 14px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: #f9d292;
  border-radius: 5px;
  padding: 8px 18px 10px;
  margin: 0;
  text-align: center;
  line-height: 1;
  pointer-events: none;
  min-width: 64px;
  color: var(--wp--preset--color--main);
}

.product-card-event__date-badge:empty {
  display: none;
}

/* Single-day variant — small uppercase month over a large day number. */
.product-card-event__date-badge__month {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.product-card-event__date-badge__day {
  display: block;
  font-size: 36px;
  font-weight: 800;
  font-family: var(--wp--preset--font-family--bricolage-grotesque);
  line-height: 1;
}

/* Multi-day variant — two APR/24-style stacks side by side with a vertical
   divider, so the range echoes the single-day typography. Day size stays at
   36px to match the single-day treatment. */
.product-card-event__date-badge.is-range {
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
  padding: 8px 14px 10px;
}

.product-card-event__date-badge__stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  line-height: 1;
}

.product-card-event__date-badge__sep {
  flex: 0 0 1px;
  align-self: stretch;
  background: currentColor;
  opacity: 0.25;
}

/* =============================================
   Transparent Header — 5-state behavior
   State 1: transparent at top (CSS default — no JS flash)
   State 2: hover reveals opaque
   States 3-4: Ollie Pro (is-sticky-hidden / is-sticky-active)
   State 5: back to transparent at top

   Uses position:fixed so content starts at top:0 with no JS needed.
   Both transparent and scrolled states have explicit property values
   so CSS transitions can animate between them.
   ============================================= */

/* Fixed overlay: header sits above content, content starts at top:0 */
.has-transparent-header header.site-header {
  position: fixed !important;
  top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
  left: 0;
  right: 0;
  z-index: 100;
}

/* --- Base: transparent values (CSS default, no JS needed) --- */
.has-transparent-header header.site-header > .wp-block-group {
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* :where() keeps specificity identical to the original rules so the
   .header--scrolled overrides further down still win. The ancestor check
   prevents forced-white colors from leaking into the WP core mobile nav
   modal (which adds .has-modal-open to <html> and has a white background). */
:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-navigation a:not(.wp-element-button),
:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-navigation .wp-block-navigation-item__content:not(.wp-element-button),
:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-ollie-mega-menu__toggle {
  color: #fff !important;
}

:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-navigation__submenu-icon,
:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-ollie-mega-menu__toggle-icon {
  color: #fff !important;
  fill: #fff !important;
}

:where(html:not(.has-modal-open)) .has-transparent-header header.site-header .wp-block-site-logo img {
  filter: brightness(0) invert(1);
}

/* --- Hide: slide header up earlier than Ollie Pro's default 100 px --- */
.has-transparent-header header.site-header.header--hide > .wp-block-group {
  transform: translateY(-100%) !important;
}

/* --- Transitions: fade both directions + Ollie Pro slide animation --- */
.has-transparent-header.header-transitions-ready header.site-header > .wp-block-group {
  transition: background-color 0.3s ease-out, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.has-transparent-header.header-transitions-ready header.site-header .wp-block-navigation a:not(.wp-element-button),
.has-transparent-header.header-transitions-ready header.site-header .wp-block-navigation .wp-block-navigation-item__content:not(.wp-element-button),
.has-transparent-header.header-transitions-ready header.site-header .wp-block-ollie-mega-menu__toggle {
  transition: color 0.3s ease-out;
}

.has-transparent-header.header-transitions-ready header.site-header .wp-block-navigation__submenu-icon,
.has-transparent-header.header-transitions-ready header.site-header .wp-block-ollie-mega-menu__toggle-icon {
  transition: color 0.3s ease-out, fill 0.3s ease-out;
}

.has-transparent-header.header-transitions-ready header.site-header .wp-block-site-logo img {
  transition: filter 0.3s ease-out;
}

/* --- Scrolled: explicit opaque values (higher specificity overrides base) --- */
.has-transparent-header header.site-header.header--scrolled > .wp-block-group {
  background-color: var(--wp--preset--color--base, #fff) !important;
}


.has-transparent-header header.site-header.header--scrolled .wp-block-navigation a:not(.wp-element-button),
.has-transparent-header header.site-header.header--scrolled .wp-block-navigation .wp-block-navigation-item__content:not(.wp-element-button),
.has-transparent-header header.site-header.header--scrolled .wp-block-ollie-mega-menu__toggle {
  color: var(--wp--preset--color--main, #01092E) !important;
}

.has-transparent-header header.site-header.header--scrolled .wp-block-navigation__submenu-icon,
.has-transparent-header header.site-header.header--scrolled .wp-block-ollie-mega-menu__toggle-icon {
  color: var(--wp--preset--color--main, #01092E) !important;
  fill: var(--wp--preset--color--main, #01092E) !important;
}

.has-transparent-header header.site-header.header--scrolled .wp-block-site-logo img {
  filter: none;
}

/* --- Hover over transparent header → reveals opaque (pointer devices only) --- */
@media (hover: hover) {

  .has-transparent-header header.site-header:not(.header--scrolled):hover > .wp-block-group {
    background-color: var(--wp--preset--color--base, #fff) !important;
  }

  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-navigation a:not(.wp-element-button),
  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-navigation .wp-block-navigation-item__content:not(.wp-element-button),
  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-ollie-mega-menu__toggle {
    color: var(--wp--preset--color--main, #01092E) !important;
  }

  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-navigation__submenu-icon,
  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-ollie-mega-menu__toggle-icon {
    color: var(--wp--preset--color--main, #01092E) !important;
    fill: var(--wp--preset--color--main, #01092E) !important;
  }

  .has-transparent-header header.site-header:not(.header--scrolled):hover .wp-block-site-logo img {
    filter: none;
  }
}