/**
 * Block styles.
 */


/**
 * Social Links
 */

/* - Better default color. - */
.wp-block-social-links.is-style-logos-only li.wp-social-link {
	color: currentcolor;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	height: 1em;
	width: 1em;
}

.wp-block-social-links.has-small-icon-size {
	font-size: 20px;
}


/**
 * Block: Quote.
 */

/* - Remove default left padding/border for non-plain quotes. - */
.wp-block-quote:not(.is-style-plain) {
	border-left: none;
	padding-left: 0;
}

/* - Plain quotes use equal inner spacing in all directions. - */
.wp-block-quote.is-style-plain {
	padding: var(--wp--preset--spacing--20); 
}

/* - Cleaner cite. - */
.wp-block-quote cite::before {
	content: '— ';
}


/**
 * Block: Paragraph.
 */

.entry-content p {
	text-wrap: pretty;
}

/* First line indentation. */
p.indent:first-child {
	text-indent: 3em;
}


/**
 * Block: HA Query Filter.
 */

.wp-block-dc-blocks-query-filter label {
    display: none;
}

.wp-block-dc-blocks-query-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--20);
}

.wp-block-dc-blocks-query-filter ul li {
    transition: ease 0.3s;
}

.wp-block-dc-blocks-query-filter ul li.is-selected {}

.wp-block-dc-blocks-query-filter ul li a {
    text-decoration: none;
    transition: border-bottom ease 0.3s;
    padding: 0 0 2px 0;
}

.wp-block-dc-blocks-query-filter ul li.is-selected a {
    border-bottom: 1px solid #000 !important;
    color: #000 !important;
    transition: border-bottom ease 0.3s;
}

.wp-block-dc-blocks-query-filter ul li:hover a {
    border-bottom: 1px solid #000;
    color: #000;
    transition: border-bottom ease 0.3s;
}


/**
 * WPML Toggle shortcode link.
 */
.wpml-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    font-size: var(--wp--preset--font-size--tiny);
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
    transition: transform 0.2s ease;
}

.wpml-toggle:hover,
.wpml-toggle:focus,
.wpml-toggle:active {
    text-decoration: none !important;
    transform: translateY(-3px);
}

.wpml-toggle::before {
    content: "";
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    flex-shrink: 0;
    background: url("/wp-content/themes/bkh-2026/assets/images/globe-simple.svg") center / contain no-repeat;
}

.search-icon,
.wc-block-mini-cart__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--wp--preset--font-size--tiny);
    text-decoration: none !important;
    transition: transform 0.2s ease;
}

.search-icon {
    width: 1.35em;
    height: 1.35em;
    flex: 0 0 1.35em;
}

.search-icon svg,
.search-icon img {
    display: block;
    width: 1.35em;
    height: 1.35em;
    max-width: 1.35em;
    max-height: 1.35em;
}

.wc-block-mini-cart__button {
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
}

.search-icon:hover,
.search-icon:focus,
.search-icon:active,
.wc-block-mini-cart__button:hover,
.wc-block-mini-cart__button:focus,
.wc-block-mini-cart__button:active {
    text-decoration: none !important;
    transform: translateY(-3px);
}

/* Tighten cart icon spacing so it aligns with utility icons. */
.wc-block-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
}

.wc-block-mini-cart__button {
    position: relative;
    top: 4px;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    line-height: 1;
}

.wc-block-mini-cart__badge {
    position: absolute;
    top: -7px;
    right: -9px;
    margin: 0 !important;
}

/**
 * Search overlay takeover.
 */
.bkh-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--wp--preset--spacing--30);
    background: rgba(246, 244, 235, 0.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.bkh-search-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.bkh-search-overlay__inner {
    width: min(80vw, 920px);
    max-width: 100%;
    transform: translateY(14px) scale(0.985);
    transition: transform 0.28s ease;
}

.bkh-search-overlay .wp-block-search {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.bkh-search-overlay.is-open .bkh-search-overlay__inner {
    transform: translateY(0) scale(1);
}

.bkh-search-overlay__close {
    position: absolute;
    top: var(--wp--preset--spacing--20);
    right: var(--wp--preset--spacing--20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: var(--wp--preset--color--theme-5);
    line-height: 1;
    padding: 0;
}

.bkh-search-overlay__close svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.bkh-search-overlay .wp-block-search__inside-wrapper {
    backdrop-filter: saturate(1.075);
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: currentColor;
    display: flex;
    filter: brightness(1.05);
    gap: 0.35rem;
    min-height: 66px;
    min-width: 0;
    width: 100%;
}

.bkh-search-overlay .wp-block-search__input {
    border: 1px solid currentColor !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: currentColor;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.4;
    padding: 1rem 1.25rem;
    font-size: var(--wp--preset--font-size--medium);
}

.bkh-search-overlay .wp-block-search__button {
    margin: 0;
    border-color: currentColor;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    font-size: var(--wp--preset--font-size--small);
    min-height: 66px;
    padding: 0 1.35rem;
}

.bkh-search-overlay .wp-block-search__button:hover,
.bkh-search-overlay .wp-block-search__button:focus,
.bkh-search-overlay .wp-block-search__button:active {
    color: var(--wp--preset--color--theme-1) !important;
}

/**
 * Block: Opening Hours.
 */

.opening-hours-bar .mabel-bhi-day {
    display: none;
}

.mabel-bhi-day {
    text-transform: capitalize;
}

table.mabel-bhi-businesshours {
    width: 100%;
    border-collapse: collapse;
}

table.mabel-bhi-businesshours tr {
    margin-top: var(--wp--preset--spacing--10);
}

table.mabel-bhi-businesshours tr td {
    border-top: 1px solid var(--wp--preset--color--theme-4);
    padding-bottom: var(--wp--preset--spacing--10);
    padding-top: var(--wp--preset--spacing--10);
    text-align: right;
}

table.mabel-bhi-businesshours tr td.mabel-bhi-day {
    text-align: left;
}

/**
 * Block: Slider V2.
 */

.slider-arrows {
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 10px;
}

.slider-arrows a {
    color: var(--wp--preset--color--theme-1);
    text-decoration: none;
}
.slider-arrows a:hover {
    color: var(--wp--preset--color--theme-6);
}


/**
 * Forms.
 * - Default fields.
 * - Jetpack Forms.
 */

/* Fields */

.jetpack-field-label .rich-text.jetpack-field-label__input,
.wp-block-jetpack-contact-form-container .wp-block-jetpack-contact-form label {
    display: inline-block;
    font-size: var(--wp--preset--font-size--small);
    margin-bottom: 0.25em;
    font-weight: inherit;
}

.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.jetpack-contact-form .jetpack-field .jetpack-field__input,
.jetpack-contact-form .jetpack-field .jetpack-field__textarea {
    backdrop-filter: saturate(1.075);
    background-color: transparent;
    border-color: currentColor;
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: currentColor;
    filter: brightness(1.05);
    font-size: var(--wp--preset--font-size--small);
    font-weight: inherit;
    line-height: 1.5;
    min-height: 42px;
    padding: 0.8rem 1rem;
    width: 100%;
}

.wp-block-post-comments-form textarea:focus,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):focus {
    outline: 1px solid currentColor;
}

/* Jetpack Forms: Clean up errors */

.contact-form__error {
    font-size: 13px;
}

.contact-form__input-error {
	font-size: 13px;
    gap: 8px;
}

.contact-form__input-error .contact-form__warning-icon {
    border-width: 0;
}

/* Jetpack Forms: Animated block style tweaks */

.contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-field.has-placeholder ~ .animated-label__label label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-field:focus ~ .animated-label__label label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-field:not(:placeholder-shown) ~ .animated-label__label label {
	opacity: 0.7;
    font-size: 11px;
}

/**
 * CSS Helpers.
 */

.capitalize {
    text-transform: capitalize;
}

.underline-none > *,
.no-underline > *,
.navigation-row > * a {
    text-decoration: none !important;
}

.no-underline,
.wp-block-navigation-item__content { 
    text-decoration: none !important;
    transition: scale 0.2s ease;
}

.no-underline > *:hover,
.wp-block-navigation-item__content:hover {
    scale: 1.05;
    transition: scale 0.2s ease;
}

.navigation-row > * a:hover {
    color: var(--wp--preset--color--theme-6) !important;
    transition: color 0.2s ease;
}

/**
 * WooCommerce Mini Cart: hide when cart is empty.
 * The block’s trigger button uses aria-label ending with ": 0" when there are no items.
 */
.wc-block-mini-cart:has(button[aria-label$=": 0"]) {
	display: none !important;
}
.wc-block-mini-cart:has(button[aria-label*="0 items"]) {
	display: none !important;
}


/**
 * Horizontal Scroll Group special for front page.
 */

/* Positioning. */

.frontpage-exhibition-scroll-wrapper {
    overflow-x: hidden;
}

.wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll {
    margin-left: calc( 50% - ( var( --main-entry-width ) / 2 ) );
}

/* Set query contents for horizontal scroll. */

.wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex {
    --scroll-item-cols: 4;
    --scroll-item-spacing: var( --wp--preset--spacing--20 );
}

@media ( max-width: 1024px ) {
    .wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex {
        --scroll-item-cols: 3;
    }
}

@media ( max-width: 600px ) {
    .wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex {
        --scroll-item-cols: 2;
    }
}

.wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex {
    --scroll-item-width: calc( ( var( --scroll-group-width ) / var( --scroll-item-cols ) ) + ( var( --scroll-item-spacing ) / var( --scroll-item-cols ) ) );
}

.wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex > .wp-block-query.is-layout-flow > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.wp-block-dc-blocks-horizontal-scroll-group.frontpage-exhibition-scroll .wp-block-dc-blocks-horizontal-scroll-group-is-layout-flex > .wp-block-query.is-layout-flow > ul > li {
    margin-block-start: 0 !important;
    flex-basis: var( --scroll-item-width ) !important;
    max-width: var( --scroll-item-width ) !important;
    box-sizing: border-box;
    padding-right: var( --scroll-item-spacing );
}

/* WooCommerce: Variations */
.wp-block-woocommerce-add-to-cart-with-options-variation-selector {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--10);
}

/* WooCommerce: align button styling with global WordPress button styles. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-block-components-button,
.woocommerce .wc-block-components-product-button__button,
.woocommerce a.add_to_cart_button,
.woocommerce .add_to_cart_button,
.wp-block-woocommerce-product-button a,
.wc-block-grid__product-add-to-cart a,
.wc-block-components-product-button a,
.wc-block-components-product-button .wp-element-button,
.wc-block-components-button,
.wc-block-components-product-button__button {
    background-color: #ffffff00 !important;
    color: var(--wp--preset--color--theme-5) !important;
    border: 1px solid var(--wp--preset--color--theme-5) !important;
    border-radius: 0;
    padding: 14px 22px !important;
    display: inline-block;
    font-family: var(--wp--preset--font-family--futura-pt);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 450;
    line-height: 1;
    text-decoration: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-block-components-button:hover,
.woocommerce .wc-block-components-product-button__button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover,
.wp-block-woocommerce-product-button a:hover,
.wc-block-grid__product-add-to-cart a:hover,
.wc-block-components-product-button a:hover,
.wc-block-components-product-button .wp-element-button:hover,
.wc-block-components-button:hover,
.wc-block-components-product-button__button:hover {
    background-color: var(--wp--preset--color--theme-6) !important;
    color: var(--wp--preset--color--theme-1) !important;
    border-color: var(--wp--preset--color--theme-5) !important;
}

/* WooCommerce: Up-sells */
.up-sells {
    display: none;
}

/* Menu overlay styles */
.menu-overlay li.wp-block-navigation-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(36, 36, 36);
    width: 100%;
}

.menu-overlay-title {
    color: #000;
}

/**
 * Newsletter form (EditNews) — pattern: bkh-2026/newsletter-form
 */

.newsletter-form {
	max-width: 28rem;
}

.newsletter-form--editor-placeholder {
	box-sizing: border-box;
	margin: 0;
	padding: var(--wp--preset--spacing--20);
	border: 1px dashed var(--wp--preset--color--theme-4);
	background: var(--wp--preset--color--theme-2);
}

.newsletter-form__placeholder-title {
	margin: 0 0 var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: var(--wp--preset--color--theme-5);
}

.newsletter-form__placeholder-text {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	color: var(--wp--preset--color--theme-4);
}

.newsletter-form__field {
	margin: 0 0 var(--wp--preset--spacing--20);
}

.newsletter-form__field--terms {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--10);
}

.newsletter-form__label {
	display: block;
	margin-bottom: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 450;
	color: var(--wp--preset--color--theme-5);
}

.newsletter-form__input,
.newsletter-form__select {
	box-sizing: border-box;
	width: 100%;
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--wp--preset--color--theme-4);
	border-radius: 0;
	background: var(--wp--preset--color--theme-1);
	color: var(--wp--preset--color--theme-5);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

.newsletter-form__select {
	cursor: pointer;
}

.newsletter-form__checkbox {
	flex-shrink: 0;
	margin-top: 0.2em;
	width: 1rem;
	height: 1rem;
	accent-color: var(--wp--preset--color--theme-6);
}

.newsletter-form__terms-label {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	color: var(--wp--preset--color--theme-5);
}

.newsletter-form__terms-label a {
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.newsletter-form__actions {
	margin-top: var(--wp--preset--spacing--30);
}

.newsletter-form__submit {
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
	padding: 14px 22px;
	border: 1px solid var(--wp--preset--color--theme-5);
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--theme-5);
	font-family: var(--wp--preset--font-family--bonniers-konsthall-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 450;
	line-height: 1.2;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.newsletter-form__submit:hover {
	background-color: var(--wp--preset--color--theme-6);
	color: var(--wp--preset--color--theme-1);
	border-color: var(--wp--preset--color--theme-5);
}

/* Header icon row + WPML dropdown overrides (editor parity with frontend). */
header .wp-block-group.has-tiny-font-size { gap: var(--wp--preset--spacing--10) !important; }
header .wp-block-navigation__responsive-container-open { display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0;min-height:0;padding:0;margin-left:0; }
header .wp-block-navigation__responsive-container-open > * { display:none !important; }
header .wp-block-navigation__responsive-container-open::before { content:"";display:block;width:25px;height:20px;background:url("/wp-content/themes/bkh-2026/assets/images/hamburger-wide.svg") center / contain no-repeat;transform:none; }
header .wp-block-navigation__responsive-container-open[aria-expanded="true"]::before { transform:none; }
header .hamburger-container, header .hamburger-container .wp-block-navigation { margin:0 !important;padding:0 !important; }
header .wpml-language-switcher-block { background:transparent !important;position:relative;margin:0 !important; }
header .wpml-language-switcher-block.wp-block-navigation { width:18px !important;min-width:18px !important; }
header .wpml-language-switcher-block .wp-block-navigation-item.has-child { margin:0 !important;padding:0 !important;position:relative;list-style:none; }
header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle { display:inline-flex;align-items:center;justify-content:center;width:18px !important;height:18px !important;padding:0;cursor:pointer;transform:none !important;transition:none !important;scale:1 !important; }
header .wpml-language-switcher-block .current-language-item [data-wpml="label"], header .wpml-language-switcher-block .wp-block-navigation__submenu-icon { display:none !important; }
header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle::before { content:"";display:block;width:18px;height:18px;background:url("/wp-content/themes/bkh-2026/assets/images/globe-simple.svg") center / contain no-repeat;transform:none !important;transition:none !important;scale:1 !important; }
header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:hover, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:focus, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:focus-visible, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:active, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:hover::before, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:focus::before, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:focus-visible::before, header .wpml-language-switcher-block .wp-block-navigation-submenu__toggle:active::before { transform:none !important;transition:none !important;scale:1 !important; }
header .wpml-language-switcher-block .wp-block-navigation__submenu-container { display:none !important;visibility:hidden !important;opacity:0 !important; }
header .wpml-language-switcher-block [data-wpml="language-item"], header .wpml-language-switcher-block [data-wpml="link"] { display:none !important; }
header .wpml-language-switcher-block .bkh-lang-dropdown { display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:72px;padding:8px 10px;background:rgba(255,255,255,0.98);border:1px solid rgba(0,0,0,0.2);box-shadow:0 10px 22px rgba(0,0,0,0.16);box-sizing:border-box;z-index:1000; }
header .wpml-language-switcher-block .bkh-lang-dropdown::before { content:"";position:absolute;left:0;right:0;top:-12px;height:12px; }
header .wpml-language-switcher-block .wp-block-navigation-item.has-child:hover .bkh-lang-dropdown, header .wpml-language-switcher-block .wp-block-navigation-item.has-child:focus-within .bkh-lang-dropdown, header .wpml-language-switcher-block .wp-block-navigation-item.has-child.is-open-touch .bkh-lang-dropdown { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px !important; }
header .wpml-language-switcher-block .bkh-lang-option { display:block !important;width:100% !important;padding:3px 0 !important;text-align:left !important;font-size:14px !important;line-height:1.25 !important;white-space:nowrap !important;text-transform:none !important;text-decoration:none !important;color:inherit !important; }
header .wpml-language-switcher-block .bkh-lang-option.is-current { opacity:0.5;pointer-events:none; }
header .wpml-language-switcher-block a.bkh-lang-option:hover, header .wpml-language-switcher-block a.bkh-lang-option:focus { background:rgba(0,0,0,0.08); }
header .search-icon { margin:0 !important;width:26px !important;height:26px !important;flex:0 0 26px !important; }
header .search-icon svg, header .search-icon img { width:26px !important;height:26px !important;max-width:26px !important;max-height:26px !important; }
header .wp-block-woocommerce-mini-cart { margin:0 !important;padding:0 !important;min-width:0 !important; }
header .wp-block-woocommerce-mini-cart:not(.is-empty) { margin-right:6px !important; }
header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__button { position:relative !important;top:0 !important;margin:0 !important;padding:0 !important;width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important; }
header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__button svg, header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__button .wc-block-mini-cart__icon { display:none !important; }
header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__badge, header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge { position:static !important;right:auto !important;left:auto !important;top:auto !important;transform:none !important;margin:0 !important; }
header .wp-block-woocommerce-mini-cart.is-empty { display:none !important; }


/* Block: Query Filter */
.design-dropdown select {
    border-radius: 0;
    padding: 5px;
}