/* Blomsterværkstedet – supplerende stil. Tokens kommer fra theme.json. */

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--dybgroen);
	outline-offset: 2px;
}

/* Lange danske sammensatte ord (fx "Virksomhedsoplysninger") må deles på små skærme. */
h1, h2, h3, h4, .wp-block-post-title, .product_title {
	overflow-wrap: break-word;
	hyphens: auto;
}
.wp-block-table { overflow-x: auto; }

.bv-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 0 rgba(79, 92, 75, .12); }
.admin-bar .bv-header { top: var(--wp-admin--admin-bar--height, 32px); }
.bv-maerke img { display: block; width: 52px; height: 54px; object-fit: contain; }
.bv-tagline { margin: 0.25rem 0 0; }

@media (max-width: 781px) {
	.bv-skjul-mobil { display: none !important; }
	.bv-tagline { display: none; }
	.bv-maerke img { width: 40px; height: 42px; }
	.bv-header .wp-block-site-title { font-size: 1.45rem !important; }
	/* Kunder handler som gæster – konto-ikonet giver kun trængsel på mobil. */
	.bv-header .wp-block-woocommerce-customer-account { display: none; }
	.bv-header .wp-block-group { gap: 0.5rem !important; }
}

@media (max-width: 400px) {
	.bv-header .wp-block-site-title { font-size: 1.25rem !important; }
	.bv-maerke img { width: 34px; height: 36px; }
}

.bv-hero__buket img { width: min(420px, 80vw); height: auto; margin-inline: auto; display: block; filter: drop-shadow(0 12px 24px rgba(79, 92, 75, .15)); }

.bv-baand { display: block; width: min(820px, 100%); height: auto; margin: 0 auto var(--wp--preset--spacing--40); }
.bv-footer .bv-baand { margin-top: calc(-1 * var(--wp--preset--spacing--60) - 2rem); }

.bv-kort { border-radius: 18px; background: var(--wp--preset--color--hvid); box-shadow: 0 1px 2px rgba(43, 43, 43, .06), 0 8px 24px rgba(79, 92, 75, .08); }

.bv-info a { color: inherit; }

.bv-footer a { color: var(--wp--preset--color--tekst); }

.bv-404-buket { display: block; width: 180px; height: auto; margin: 0 auto var(--wp--preset--spacing--30); transform: rotate(-8deg); opacity: .85; }

/* Profilkort på Om os (billedet har lys rosa baggrund). */
.bv-profil { border-radius: 18px; overflow: hidden; }
.bv-profil .wp-block-media-text__content { padding: var(--wp--preset--spacing--40); }

/* Trykflader på mindst 44 × 44 px (tommelfingervenligt). */
.bv-header .wp-block-navigation__responsive-container-open,
.bv-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.woocommerce-ordering select, select.orderby { min-height: 44px; padding: .4rem 2rem .4rem .75rem; border-radius: 10px; border: 1px solid #cfc6bd; background-color: #fff; font-size: 1rem; }
@media (max-width: 781px) {
	.wp-block-woocommerce-breadcrumbs a, .wp-block-post-terms a { display: inline-block; padding: .6rem 0; }
}

/* ---------- WooCommerce ---------- */

.woocommerce ul.products li.product,
.wc-block-grid__product,
.wc-block-product {
	background: var(--wp--preset--color--hvid);
	border-radius: 18px;
	padding: 0 0 1.25rem;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(43, 43, 43, .06), 0 8px 24px rgba(79, 92, 75, .08);
	text-align: center;
}
.woocommerce ul.products li.product img { border-radius: 0; margin: 0 0 1rem !important; aspect-ratio: 4 / 5; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.45rem !important; font-weight: 600; color: var(--wp--preset--color--dybgroen);
	padding-inline: 1rem !important;
}
.woocommerce ul.products li.product .price { color: var(--wp--preset--color--tekst) !important; font-weight: 700; }
.woocommerce ul.products li.product .button { margin-top: .5rem; }

.woocommerce a.button, .woocommerce button.button, .woocommerce .single_add_to_cart_button {
	background: var(--wp--preset--color--dybgroen) !important; color: #fff !important;
	border-radius: 999px !important; padding: .8rem 1.6rem !important; font-weight: 700 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #3F4A3C !important; }

.woocommerce span.onsale { background: var(--wp--preset--color--dybgroen); border-radius: 999px; }

/* Produktside */
.woocommerce div.product .product_title { font-size: var(--wp--preset--font-size--x-large); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--wp--preset--color--dybgroen); font-size: 1.4rem; font-weight: 700; }
.woocommerce div.product div.images img { border-radius: 18px; }
.woocommerce div.product form.cart .variations select {
	min-height: 48px; padding: .5rem .75rem; border-radius: 10px; border: 1px solid #cfc6bd; background: #fff; font-size: 1rem;
}
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; }
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .single_variation_wrap,
.woocommerce div.product form.cart .blomster-besked { flex-basis: 100%; }

.blomster-besked label { display: block; font-weight: 700; margin-bottom: .35rem; }
.blomster-besked__valgfri { font-weight: 400; color: #5b5b5b; }
.blomster-besked textarea {
	width: 100%; min-height: 96px; padding: .75rem; border-radius: 10px; border: 1px solid #cfc6bd;
	font: inherit; background: #fff; box-sizing: border-box;
}
.blomster-besked__taeller { margin: .25rem 0 0; font-size: .85rem; color: #5b5b5b; text-align: right; }

.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 10px 10px 0 0; background: var(--wp--preset--color--rosa-lys); }

/* Kurv og kasse (blokke) */
.wc-block-components-product-name { font-family: var(--wp--preset--font-family--body); font-size: 1rem; font-weight: 700; color: var(--wp--preset--color--tekst); }
.wc-block-components-button:not(.is-link) {
	background: var(--wp--preset--color--dybgroen) !important; color: #fff !important; border-radius: 999px !important;
}
.wc-block-components-button:not(.is-link):hover { background: #3F4A3C !important; }
.wc-block-checkout__form .wc-block-components-checkout-step__title,
.wc-block-cart .wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--display); font-size: 1.5rem; color: var(--wp--preset--color--dybgroen);
}
.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-checkout__shipping-method-option--selected {
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--dybgroen) !important;
}

@media (max-width: 600px) {
	.woocommerce ul.products[class*="columns-"] li.product { width: 100%; margin-right: 0; }
}