/* Theme Name: Flatsome Child V2 Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.13 */ /*************** ADD CUSTOM CSS HERE. ***************/ /* --------------------------------------------------------------- * Kurv & kasse (WooCommerce blocks) — kompakt composite-visning * --------------------------------------------------------------- * 1) Størrelses-hjælperens egen child-række er ren støj (pladsholder- * billede, 0 kr, kit-titel som produktnavn) — størrelsen vises på * parent-linjen. Skjul rækken i kurv + ordreoversigt. * 2) Parent-linjens item-data gentager alle komponenter, som child- * rækkerne allerede viser — vis KUN størrelsen på parent. * 3) Produktbeskrivelser hører ikke hjemme i kurven/ordreoversigten. */ /* NB: sanitize_title er locale-afhængig — "Størrelse" bliver `stoerrelse` under da_DK (ø→oe) og `storrelse` under en_US (ø→o). Dæk begge. */ .wc-block-cart-items__row.is-composited__ctitle_stoerrelse, .wc-block-cart-items__row.is-composited__ctitle_storrelse, .wc-block-components-order-summary-item.is-composited__ctitle_stoerrelse, .wc-block-components-order-summary-item.is-composited__ctitle_storrelse { display: none !important; } .wc-block-cart-items__row.is-composite .wc-block-components-product-details > span, .wc-block-components-order-summary-item.is-composite .wc-block-components-product-details > span { display: none; } .wc-block-cart-items__row.is-composite .wc-block-components-product-details > .wc-block-components-product-details__st-rrelse, .wc-block-components-order-summary-item.is-composite .wc-block-components-product-details > .wc-block-components-product-details__st-rrelse { display: inline; } .wc-block-cart-items__row.is-composite .wc-block-components-product-details__st-rrelse > span[aria-hidden], .wc-block-components-order-summary-item.is-composite .wc-block-components-product-details__st-rrelse > span[aria-hidden] { display: none; /* the trailing " / " separator */ } .wc-block-cart-items__row .wc-block-components-product-metadata__description, .wc-block-components-order-summary-item .wc-block-components-product-metadata__description { display: none; } /* --------------------------------------------------------------- * Links i brødtekst — synlige og i sitets designsprog * --------------------------------------------------------------- * Links i løbende tekst var usynlige (samme farve som teksten; kun * inline-understregede links stak ud — owner report 2026-07-07). * Stil: mørk sennep (samme linkfarve som ordremailene, godkendt design) * + understregning (farve alene er ikke nok, jf. WCAG 1.4.1). * Scope: tekstafsnit/lister i sideindhold + kategori-beskrivelser. * Knapper () og produktgrids berøres ikke. */ /* NB: Flatsome/UX Builder-sider har IKKE .entry-content om indholdet — afsnittene ligger som .col-inner > p. Direkte barn-selektor (>) holder produktgrids (.box-text p.product-title, dybere nestet) udenfor. */ body.page .col-inner > p > a:not(.button), body.page .col-inner > ul > li > a:not(.button), .entry-content p > a:not(.button), .entry-content li > a:not(.button), .term-description p > a:not(.button), .term-description a:not(.button), /* PDP-beskrivelser (accordion-layoutet + tab-varianten + kort beskrivelse): linkfarven #334862 mod brødtekst #4a4a4a er reelt usynlig. */ .product-page-accordian .accordion-inner p a:not(.button), .product-page-accordian .accordion-inner li a:not(.button), .woocommerce-Tabs-panel--description p a:not(.button), .woocommerce-Tabs-panel--description li a:not(.button), .product-short-description p a:not(.button), /* Kategori/brand-bundtekst (to-slot-modellen) — samme usynlige-link-problem */ .gc-category-bottom-text a:not(.button), /* Søgesidens sektioner (Kategorier og mærker fundet / Genveje) — samme problem */ .gc-search-other-results a:not(.button) { color: #b97d20; text-decoration: underline; text-underline-offset: 2px; } body.page .col-inner > p > a:not(.button):hover, body.page .col-inner > ul > li > a:not(.button):hover, .entry-content p > a:not(.button):hover, .entry-content li > a:not(.button):hover, .term-description a:not(.button):hover, .product-page-accordian .accordion-inner p a:not(.button):hover, .product-page-accordian .accordion-inner li a:not(.button):hover, .woocommerce-Tabs-panel--description p a:not(.button):hover, .woocommerce-Tabs-panel--description li a:not(.button):hover, .product-short-description p a:not(.button):hover, .gc-category-bottom-text a:not(.button):hover, .gc-search-other-results a:not(.button):hover { color: #8f5f16; } /* UNDTAGELSE: "Besøg "-linket (.gc-brand-visit, ekstern brand-side) må IKKE fremhæves — neutral/original linkfarve (Flatsome #334862), ingen underline. Vi vil ikke sende kunderne væk, men beholde linket for SEO (Bo 2026-07-20; præciserer §11-beslutningen 2026-07-18 om bundblokken). Højere specificitet (to klasser) slår fremhævningsgruppen ovenfor. */ .gc-category-bottom-text.gc-brand-visit a:not(.button), .gc-category-bottom-text.gc-brand-visit a:not(.button):hover { color: #334862; text-decoration: none; } .gc-category-bottom-text.gc-brand-visit a:not(.button):hover { text-decoration: underline; text-underline-offset: 2px; } /* Checkout-blokken (owner report 2026-07-14): Vilkår/Privatlivspolitik-links stod i Flatsomes default-linkfarve #334862 uden underline — reelt usynlige mod brødtekst #4a4a4a (samme problem som PDP-beskrivelserne ovenfor). "Redigér" på adressekortet er en span[role=button] i REN tekstfarve og læses slet ikke som handling — får samme link-stil. Login-prompt-selektoren dækker gæste-checkoutens "Log ind"-link. */ .wc-block-checkout__terms a, .wc-block-checkout__login-prompt a, .wc-block-components-address-card__edit { color: #b97d20; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } .wc-block-checkout__terms a:hover, .wc-block-checkout__login-prompt a:hover, .wc-block-components-address-card__edit:hover { color: #8f5f16; } /* --------------------------------------------------------------- * Købs-CTA'er i blok-kurv/-checkout — funnel-farven ensrettet * --------------------------------------------------------------- * (Owner decision 2026-07-14.) WP-cores default blok-knapfarve (#32373c, * næsten sort) brød funnel-farven: ATC på PDP er terracotta (Flatsomes * secondary), men "Gå til Kassen"/"Godkend og betal" var sorte. Ensrettet * på theme-secondary (color_secondary er nu sat EKSPLICIT i Customizer — * var Flatsome-fabriksdefault). "Indløs gavekort" er BEVIDST udeladt: * sekundær handling for de få med gavekort — en fyldt accentfarve ville * promovere den over for alle. SAMME UNDTAGELSE gælder rabatkode-panelets * "Anvend"-knap (Bo 2026-07-15): kupon-/gavekortfelterne må ikke råbe — * har man en kode, leder man selv efter feltet; har man ikke, må feltet * ikke friste til at forlade kassen for at jagte koder. WP-cores mørke * blok-knap (#32373c) BEHOLDES dér med vilje — recolorér den ikke. * Hover spejler Flatsomes .button:hover * (inset-mørkning). Compound-selektorer så reglen slår wc-blocks' egen * .wc-block-components-button-styling uanset stylesheet-rækkefølge. */ .wc-block-components-button.wc-block-cart__submit-button, .wc-block-components-button.wc-block-components-checkout-place-order-button, .wp-block-woocommerce-empty-cart-block .wp-block-button__link { background-color: var(--fs-color-secondary, #C05530); color: #fff; } .wc-block-components-button.wc-block-cart__submit-button:hover, .wc-block-components-button.wc-block-components-checkout-place-order-button:hover, .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover { background-color: var(--fs-color-secondary, #C05530); box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); color: #fff; } /* Tom kurv → "Nyt i butikken" (Bo 2026-07-15): wc-blocks' legacy product-new-grid er ERSTATTET med [ux_products orderby="date"] i kurvsidens blok-indhold (side-id 9) — kortene matcher nu kategori-/ søgesiderne 1:1 (hover-billedskift, ingen handlingsknapper, ens højde). Den midlertidige aspect-ratio-regel for wc-block-grid er fjernet igen. */ /* Live-search dropdown: suggestions navigated on click but LOOKED inert (cursor: default, svag hover) — owner report 2026-07-07 "not clickable". */ .autocomplete-suggestions .autocomplete-suggestion { cursor: pointer; } .autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { background: #f4f1ec; } /* My Account → Adresser: the edit links render as plain text above the italic addresses and don't read as actions (owner report 2026-07-07 — "addresses not editable"; they were, just invisible). Style as buttons. */ .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { display: inline-block; background: #dd9933; color: #fff; padding: 4px 14px; border-radius: 4px; font-size: 0.85em; font-style: normal; text-decoration: none; margin-bottom: 6px; } .woocommerce-MyAccount-content .woocommerce-Address-title a.edit:hover { background: #c9882a; color: #fff; } /* Bank details on the thank-you page: WC renders a plain