/*
Theme Name: Sopra Materialer
Template: bb-theme
Version: 0.1.0
Description: Enkelt child theme til MAT. Design tilpasses i en senere fase.
Text Domain: materialer-sopra
*/
:root { --mat-accent: #ce0050; --mat-ink: #303030; }
.fl-page-header { border-bottom: 1px solid #e9e5e6; }
.fl-page-header-logo img { max-width: 190px; height: auto; }
.fl-page-content { min-height: 65vh; }
.woocommerce-products-header { padding: 28px 0 14px; }
.woocommerce-products-header h1 { font-size: clamp(32px, 4vw, 48px); font-weight: 500; letter-spacing: -.025em; }
.mat-intro { max-width: 660px; margin-bottom: 26px; line-height: 1.7; }
.woocommerce ul.products li.product { padding: 20px; border: 1px solid #e7e3e4; border-radius: 4px; background: white; }
.woocommerce ul.products li.product a img { width: 100%; height: 240px; object-fit: contain; background: #f8f7f7; padding: 12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; line-height: 1.5; min-height: 84px; color: var(--mat-ink); }
.woocommerce ul.products li.product .button { color: var(--mat-accent); background: #fff; border: 1px solid var(--mat-accent); border-radius: 3px; }
.woocommerce ul.products li.product .button:hover { color: white; background: var(--mat-accent); }
.woocommerce div.product div.images img { max-height: 600px; object-fit: contain; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--mat-accent); outline-offset: 3px; }
@media(max-width: 600px) {
 .woocommerce ul.products li.product { width: 100% !important; margin: 0 0 22px !important; }
 .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 0; }
 .woocommerce ul.products li.product a img { height: 220px; }
}

.mat-downloads { margin: 24px 0; }
.mat-downloads h2 { font-size: 22px; }
.mat-downloads .button { margin: 0 8px 8px 0; }
.product_meta .sku_wrapper { display: none; }