/*
Theme Name: Butikksentralen
Theme URI: https://butikksentralen.no
Author: IT-SENTRALEN AS
Author URI: https://it-sentralen.no
Description: Raskt, rent blokk-basert (FSE) WooCommerce-storefront for butikksentralen.no. Systemfonter (ingen ekstern fontlasting → bedre ytelse og personvern), WooCommerce-klart, med flere stilvarianter kunden velger ved onboarding. Synkes mot PCKasse via PCK Connect.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: butikksentralen
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, custom-menu, wide-blocks, translation-ready
*/

/*
 * All visuell styling ligger i theme.json og styles/*.json (stilvarianter).
 * Denne filen holdes minimal med vilje — kun det blokk-systemet ikke dekker.
 */

/* Tilgjengelighet: synlig fokus-ring på interaktive elementer */
:where(a, button, input, select, textarea, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, currentColor);
	outline-offset: 2px;
}

/* Mykere bilde-rendering i produktgallerier */
.wp-block-post-featured-image img,
.woocommerce ul.products li.product img {
	height: auto;
}

/* Dynamisk kategorimeny */
.bs-cat-menu { position: relative; }
.bs-cat-menu > ul { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; align-items: center; list-style: none; margin: 0; padding: 0; }
.bs-cat-menu a { text-decoration: none; color: inherit; font-weight: 600; display: inline-block; padding: .4rem 0; }
.bs-cat-menu a:hover { color: var(--wp--preset--color--primary, #1f4ed8); }
.bs-cat-item { position: relative; }
.bs-cat-caret { font-size: .7em; }
.bs-cat-sub { position: absolute; top: 100%; left: 0; min-width: 210px; list-style: none; margin: .4rem 0 0; padding: .4rem;
	background: var(--wp--preset--color--base, #fff); border: 1px solid var(--wp--preset--color--border, #e0e3e8);
	border-radius: 10px; box-shadow: 0 8px 24px rgba(17,20,24,.10); display: none; z-index: 50; }
.bs-cat-item.has-children:hover > .bs-cat-sub,
.bs-cat-item.is-open > .bs-cat-sub { display: block; }
.bs-cat-sub a { display: block; padding: .45rem .6rem; border-radius: 6px; font-weight: 500; }
.bs-cat-sub a:hover { background: var(--wp--preset--color--surface, #f6f7f9); }
.bs-cat-toggle { display: none; }

@media (max-width: 782px) {
	.bs-cat-toggle { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; font: inherit; font-weight: 600;
		border: 1px solid var(--wp--preset--color--border, #d0d5dd); background: #fff; border-radius: 8px; padding: .45rem .8rem; }
	.bs-cat-menu > ul { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch;
		margin-top: .5rem; padding: .5rem; background: var(--wp--preset--color--base, #fff);
		border: 1px solid var(--wp--preset--color--border, #e0e3e8); border-radius: 10px; box-shadow: 0 8px 24px rgba(17,20,24,.10); z-index: 50; }
	.bs-cat-menu.is-open > ul { display: flex; }
	.bs-cat-sub { position: static; display: block; border: 0; box-shadow: none; margin: .15rem 0 .15rem 1rem; padding: 0; min-width: 0; }
}

/* Qliro on-site widgets — tving logo + tekst på samme linje (slår Qliros inline-block) */
.qliro-widget { margin: .4rem 0 .8rem; }
.qliro-widget.qliro-widget-condensed { display: inline-flex; align-items: center; gap: .4rem; flex-wrap: wrap; line-height: 1.3; }
.qliro-widget.qliro-widget-condensed > p { margin: 0; }
.qliro-widget.qliro-widget-condensed .qliro-widget-logotype { display: inline-flex; align-items: center; }
.qliro-banner { margin: 1rem 0; }