/**
* Theme Name:         Fort Deli
* Theme URI:          https://github.com/lmandcreative/fortdeli-wp
* Author:             LM Someco
* Author URI:         https://lmsomeco.fi/
* Description:        A modern block theme for WordPress.
* Version:            1.0
* Requires at least:  6.9
* Tested up to:       7.0
* Requires PHP:       8.3
* License:            GNU General Public License v2 or later
* License URI:        http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain:        fortdeli
* GitHub Theme URI:   https://github.com/lmandcreative/fortdeli-wp
* Primary Branch:     main
*/

html {
  hyphens: auto;
}

:where(.wp-site-blocks) > * {
  margin-top: 0;
  margin-bottom: 0;
}

header.site-header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 100;
}

.admin-bar header.site-header.wp-block-template-part {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar header.site-header.wp-block-template-part {
    top: 46px;
  }
}

header.site-header.wp-block-template-part .fortdeli-header {
  position: relative;
}

.fortdeli-header,
.fortdeli-header__inner,
.fortdeli-header .wp-block-group,
.fortdeli-header.alignfull {
  overflow: visible !important;
}

.fortdeli-header__logo {
  margin-bottom: -46px !important;
  overflow: visible !important;
  position: relative;
  z-index: 10;
}

header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  nav.wp-block-navigation
  ul.wp-block-navigation__container
  li.wp-block-navigation-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  bottom: -8px;
  left: 0;
  transition: background 0.3s ease;
}

header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  nav.wp-block-navigation
  ul.wp-block-navigation__container
  li.wp-block-navigation-item.current-menu-item::after,
header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  nav.wp-block-navigation
  ul.wp-block-navigation__container
  li.wp-block-navigation-item:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--wp--preset--color--fort-deli-red);
  position: absolute;
  bottom: -8px;
  left: 0;
}

header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  nav.wp-block-navigation
  ul.wp-block-navigation__container
  li.wp-block-navigation-item
  a {
  text-transform: uppercase;
}

/* Header lang switcher button */
.fortdeli-lang-switcher {
  position: relative;
  display: inline-block;
}

header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  .fortdeli-header__nav_wrapper
  .fortdeli-header__actions
  #header-site-lang-switcher-btn
  > .wp-block-button
  > button.fortdeli-lang-switcher__toggle {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  line-height: 1 !important;
}

.fortdeli-lang-switcher__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #b7b7b752;
  border-radius: 50px;
  box-shadow: 0 4px 16px rgb(0 0 0 / 0.1);
  z-index: 9999;
  overflow: hidden;
}

.fortdeli-lang-switcher__dropdown[hidden] {
  display: none;
}

.fortdeli-lang-switcher__dropdown a {
  display: block;
  padding: var(--wp--preset--spacing--10) 11px;
  font-size: var(--wp--preset--font-size--text-m);
  line-height: 1 !important;
  font-weight: 500;
  letter-spacing: -0.18px;
  color: var(--wp--preset--color--dark-purple);
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}

.fortdeli-lang-switcher__dropdown a:hover {
  background: var(--wp--preset--color--fort-deli-blue);
  color: #fff;
}

/* Header search button */
header.site-header.wp-block-template-part
  .fortdeli-header
  .fortdeli-header__inner
  .fortdeli-header__nav_wrapper
  .fortdeli-header__actions
  #header-site-search-btn
  > a.wp-block-button__link {
  line-height: 1 !important;
  padding: 8px 12px !important;
  border-radius: 34px !important;
}

/* Header search */

header.site-header.wp-block-template-part .fortdeli-header #fortdeli-search {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin: 0;
  min-width: 480px;
}

header.site-header.wp-block-template-part .fortdeli-header #fortdeli-search.is-shown {
  display: block;
}

/* Query block hover effect */
.wp-block-query li.wp-block-post figure {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}

.wp-block-query li.wp-block-post img.wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.wp-block-query li.wp-block-post:not(.type-products):hover img.wp-post-image {
  transform: scale(1.1);
}

@media screen and (min-width: 1025px) {
  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__actions-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1160px) {
  header.site-header.wp-block-template-part .fortdeli-header .fortdeli-header__inner {
    gap: 8px !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__nav_wrapper,
  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__nav_wrapper
    .fortdeli-header__nav {
    gap: 16px !important;
  }
}

@media screen and (max-width: 1067px) {
  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__logo {
    max-width: 180px !important;
    margin-bottom: -36px !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Override WordPress navigation block breakpoint: show hamburger at <= 1024px instead of 600px */
  nav.wp-block-navigation
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }

  nav.wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }

  /* Custom hamburger icon — replace default WP navigation SVG */
  .wp-block-navigation__responsive-container-open svg {
    display: none;
  }

  .wp-block-navigation__responsive-container-open {
    background-image: url("assets/icons/hamburger-menu.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 33px;
    min-height: 23px;
  }

  header.site-header.wp-block-template-part .fortdeli-header > .wp-block-group {
    padding: 0 12px !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__actions-mobile
    .wp-block-buttons {
    gap: 4px !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__nav_wrapper {
    min-width: 106px !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__nav_wrapper
    nav.fortdeli-header__nav.wp-block-navigation {
    width: 100% !important;
    justify-content: center !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__nav_wrapper
    .fortdeli-header__actions {
    display: none !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__logo {
    margin-bottom: 0 !important;
    max-width: 140px !important;
    gap: 4px !important;
  }

  #header-site-lang-switcher-btn-mobile > a.wp-block-button__link,
  #header-site-search-btn-mobile > a.wp-block-button__link {
    display: flex !important;
    padding: 12px !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    .fortdeli-header__actions-mobile
    #header-site-lang-switcher-btn-mobile
    > .wp-block-button
    > button.fortdeli-lang-switcher__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }

  header.site-header.wp-block-template-part .fortdeli-header #fortdeli-search {
    min-width: 100% !important;
  }

  .wp-block-navigation__responsive-container {
    color: var(--wp--preset--color--white) !important;
    background: var(--wp--preset--color--dark-purple) !important;
  }

  header.site-header.wp-block-template-part
    .fortdeli-header
    .fortdeli-header__inner
    nav.wp-block-navigation
    ul.wp-block-navigation__container
    li.wp-block-navigation-item
    a {
    font-size: 27px !important;
  }

  /* Center Cover block content */

  .wp-block-cover
    .wp-block-cover__inner-container
    .wp-block-group.is-horizontal.wp-block-group-is-layout-flex {
    justify-content: center !important;
  }
}

/* Utility classes */

.overflow-visible {
  overflow: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-none {
  overflow: hidden !important;
}

.shrink-0 {
  flex-shrink: 0 !important;
}

/* CookieBot */

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}