/*
Theme Name: Moove DIVI5 Child Theme
Description: 
Version: 1.0.0
Author: Moove
Author URI: www.moove.dk
Theme URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

:root {
  --primary-color: #306a4b;
  --secondary-color: #a69b7e;
  --accent-color: #ebe6d9;
  --gray-color: #2e2e2e;
  --gray-color-muted: #2e2e2e85;
  --white-color: #040303;
  --body-color: #222222;
  --border-color: #70707020;
  --primary-hover-color: #a69b7e;
  --secondary-hover-color: #306a4b;
  --box-shadow-color: #00000020;
}

/*body {
  background-image: url("https://dev.moove.dk/tisetsavvaerk/wp-content/uploads/2026/03/background_sticky.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
	overflow-x: hidden;
}*/


body {
    overflow-x: hidden;
}

body {
    position: relative; /* sikrer at ::before positioneres ift. body */
}

body::before {
    /* ... resten ... */
    transition: opacity 0.3s ease-out;
}

body::before {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    aspect-ratio: 2560 / 1137;          /* matcher billedet eksakt */
    z-index: -1;
    pointer-events: none;
    background-image: url("https://dev.moove.dk/tisetsavvaerk/wp-content/uploads/2026/04/Wood-background_W-2560px.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    opacity: var(--bg-opacity, 0.05);
    will-change: opacity, transform;
    transition: opacity 0.3s ease-out;
    transform: translateY(calc(-1 * var(--bg-lift, 0px)));
}

/* FONT STYLES */

.paragraph-spacing-m p + p {
  margin-top: 24px;
}

.paragraph-spacing-s p + p {
  margin-top: 16px;
}

#page,
#main-content,
.site,
.et_pb_section {
  background: transparent;
}

.custom-breadcrumbs {
    color: #2e2e2e;
}

.custom-breadcrumbs a {
    color: #2e2e2e;
    text-decoration: none;
}

.custom-breadcrumbs .breadcrumb-separator {
    color: #2e2e2e;
    margin: 0 3px;
}

.custom-breadcrumbs .breadcrumb-current {
    font-weight: 700 !important;
    color: #2e2e2e;
}

/* image has thick blue border fix */
.et-db #et-boc .et-l .et_pb_wc_related_products .et_shop_image>img, .et-db #et-boc .et-l .et_pb_wc_upsells .et_shop_image>img {
	border: none;
}

/* made eg. page "kurv" fullwidth */
.et_pb_row:not([class*=et_flex_column]) {
	max-width: none;
}


/* ANTON QUICKFIX 
#main-content {
	margin-top: 47px;
}

@media (max-width: 1280px) {
	#main-content {
		margin-top: 42px;
	}
} 
*/



/* ==============================
   WooCommerce Product Adjustments
   ==============================
   Customize product display: hide gallery trigger, prices, borders,
   and other visual elements to simplify product appearance.
*/

/* Hide WooCommerce product gallery trigger */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Hide product prices on shop/archive pages */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    display: none !important;
}

/* Remove hover border from placeholder products */
.woocommerce ul.products li.product .woocommerce-placeholder:hover {
    border: 0px solid #f2f2f2 !important;
}

/* Remove default highlight backgrounds */
mark, .count {
    background: none;
}


/* ==============================
   WooCommerce Image Hover Effects
   ==============================
   Remove Divi’s default image hover effects such as zoom,
   scale, borders, and overlay icons for a cleaner shop look.
*/

/* Remove zoom/scale hover effect on placeholder images */
/*.woocommerce ul.products li.product img.woocommerce-placeholder.wp-post-image {
    transform: none !important;
    transition: none !important;
}

/* Remove border from placeholder images */
/*.woocommerce ul.products li.product .woocommerce-placeholder {
    border: none;
}

/* Remove overlay icons on hover */
/*.woocommerce ul.products li.product .et_overlay {
    display: none !important;
}

/* Make only text clickable */
.et_pb_section_0_tb_header .et_pb_row_0_tb_header .et_pb_menu__menu > nav > ul > li > a {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    line-height: normal;
}

/* Menu container with flex for spacing */
.et_pb_section_0_tb_header .et_pb_row_0_tb_header .et_pb_menu__menu > nav > ul {
    display: flex;
    align-items: center;   /* vertical alignment with logo */
    gap: 12px;             /* spacing between items */
    padding: 0 !important;
}

/* Wrap container to align with logo */
.et_pb_section_0_tb_header .et_pb_row_0_tb_header .et_pb_menu__wrap {
    display: flex;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove left padding of first item and right padding of last item */
.et_pb_section_0_tb_header .et_pb_row_0_tb_header .et_pb_menu__menu > nav > ul > li:first-child {
    padding-left: 0 !important;
}

.et_pb_section_0_tb_header .et_pb_row_0_tb_header .et_pb_menu__menu > nav > ul > li:last-child {
    padding-right: 0 !important;
}


/* Make footer information column block instead of flex */
.et_pb_menu .et_pb_menu__menu>nav>ul {
	display: block;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
	margin-top: 0px !important;
	padding-bottom: 8px;
}

.woocommerce table.shop_attributes th {
	padding: 8px 8px 8px 0px;
}

.variations, .variations th, .variations td {
    border:none;
}
.variationButtons {
    display: flex;
}
.radioButton {
    padding: 10px 15px;
    background-color: #fff;
	border: 1px solid #00000020;
	border-radius: 50px;
    margin-right: 5px;
}
.radioButton input[type="radio"] {
  appearance: none;           /* Remove default styling */
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #00000060;    /* Outer circle */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}



/* Inner green dot when checked */
.radioButton input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #306A4B;          /* Inner dot color */
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reset_variations {
    display: none!important;
}

.woocommerce div.product form.cart .variations label {
	font-weight: normal;
}

/* Admin CSS for custom variation fields */
.custom-variation-field label {
    display: block;
    margin-bottom: 4px;
	width: 100% !important;
}

.custom-variation-field input[type="text"] {
    width: 100% !important;
    box-sizing: border-box;
}


/* Accordion Fields */
.et_pb_toggle {
	padding: 40px 0 40px 0; 
	border: 0px;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
	display: none;
}

.container, .et-db #et-boc .et-l .container, .et-db #et-boc .et-l .et_pb_row:not([class*="et_flex_column"]), .et-db #et-boc .et-l .et_pb_slider .et_pb_container, .et-db #et-boc .et-l .et_pb_fullwidth_section .et_pb_title_container, .et-db #et-boc .et-l .et_pb_fullwidth_section .et_pb_title_featured_container, .et-db #et-boc .et-l .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
	max-width: 100% !important;
}


.sku_wrapper {
	font-weight: 700 !important;
	color: #2e2e2e;
}

.sku_wrapper .sku {
	font-weight: normal !important;
}

.full-height-image-column {
	height: 100%;
}

/*this sets the height of the image container*/
.full-height-image-column .et_pb_image_wrap {
	height: 100%;
}

/*this sets the height and fit of the actual image*/
.full-height-image-column img {
	object-fit: cover;
	height: 100%;
}
/* =========================
   SECTION LAYOUT
   ========================= */

.shopcat-section {
  margin: 0 0 64px 0;
}

.tax-product_cat .faerdige-section {
  margin: 0 0 42px 0;
}

.shopcat-section-header,
.faerdige-section-header {
  margin: 0 0 1.25rem 0;
}

.faerdige-section {
	margin-top: 84px !important;
}

.shopcat-section-title,
.faerdige-section-title {
  margin: 0 0 .5rem 0;
}

.shopcat-section-desc p:last-child,
.faerdige-section-desc p:last-child {
  margin-bottom: 0;
}

/* =========================
   GRID (DESKTOP/TABLET)
   ========================= */

ul.products.category-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 1rem 0 0 0 !important;
  list-style: none !important;
}

/* Remove Woo/Divi floats/widths */
ul.products.category-grid > li.product,
ul.products.category-grid > li.product-category {
  float: none !important;
  width: auto !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Remove theme clearfix pseudo-elements */
ul.products.category-grid::before,
ul.products.category-grid::after {
  content: none !important;
  display: none !important;
}

/* =========================
   CATEGORY CARD (IMAGE + OVERLAY TEXT)
   ========================= */

ul.products.category-grid > li.product-category {
  position: relative;
  overflow: hidden;
}

/* Link fills the tile */
ul.products.category-grid > li.product-category > a {
  display: block;
  position: relative;
  text-decoration: none;
}

/* Make cards consistently "big" */
ul.products.category-grid > li.product-category img {
  width: 100% !important;
  display: block !important;
  object-fit: cover;
  margin: 0 !important;
}

/* Overlay title + description */
ul.products.category-grid > li.product-category h2.woocommerce-loop-category__title,
ul.products.category-grid > li.product-category .cat-tile-desc {
  position: absolute;
  left: 14px;
  right: 14px;
  color: #fff;
}

/* Title pill */
ul.products.category-grid > li.product-category h2.woocommerce-loop-category__title {
  bottom: 14px;
  margin: 0;
  padding: 10px 12px;
  background: #2e2e2e85;
  font-size: 1.15rem !important;
  text-align: left !important;
}

/* Description (optional – sits above title) */
ul.products.category-grid > li.product-category .cat-tile-desc {
  bottom: 56px;
  padding: 6px 10px;
  background: #2e2e2e85;
  font-size: .95rem;
  line-height: 1.35;
  opacity: .95;
}


/* Hide Woo category count badge */
mark.count { display: none; }

/* =========================
   ARROW ICON (SHOP PAGE ONLY) for tiles linking to faerdige-produkter
   ========================= */

.woocommerce-shop
ul.products.category-grid
li.product-category
a[href*="/vare-kategori/faerdige-produkter/"]
h2.woocommerce-loop-category__title::after {
  content: "→";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25em;
  opacity: 0.95;
}

/* Reserve space for arrow on those titles */
.woocommerce-shop
ul.products.category-grid
li.product-category
a[href*="/vare-kategori/faerdige-produkter/"]
h2.woocommerce-loop-category__title {
  padding-right: 42px !important;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 980px) {
  ul.products.category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

/* THIS is the key: always 1 column and full width on mobile */
@media (max-width: 767px) {
  ul.products.category-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  /* Force Divi columns/rows to not constrain width (ekskl. enkeltprodukt-side) */
  .woocommerce:not(.single-product) .et_pb_row,
  .woocommerce-page:not(.single-product) .et_pb_row,
  .woocommerce:not(.single-product) .et_pb_column,
  .woocommerce-page:not(.single-product) .et_pb_column,
  .woocommerce:not(.single-product) .container,
  .woocommerce-page:not(.single-product) .container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Make tiles tall/big on mobile */
  ul.products.category-grid > li.product-category img {
    aspect-ratio: 16 / 10; /* bigger, more "hero" on mobile */
  }

  /* Optional: hide description on very small screens (uncomment if you want)
  ul.products.category-grid > li.product-category .cat-tile-desc {
    display: none !important;
  }
  */
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
	margin: 0 !important;
}


.woocommerce-ordering .orderby, .woocommerce-result-count {
	display: none;
}

h1.woocommerce-products-header__title {
	font-size: 2.7rem !important;
}


.faerdige-section-desc {
	width: 70%;
}

.term-description {
	width: 70%;
}

.term-description {
	font-size: 16px;
}

.faerdige-section-desc p {
	font-size: 16px;
}



.shopcat-section-desc {
	width: 70%;
}

.woocommerce-products-header .term-description {
	margin-bottom: 86px;
}


@media (max-width: 980px){

  .faerdige-section-desc {
    width: 100%;
  }

  .term-description {
    width: 100%;
  }

  .shopcat-section-desc {
    width: 100%;
  }

  .woocommerce-products-header .term-description {
    margin-bottom: 86px;
  }

}


/* Default 3 columns */
.woocommerce-shop ul.products.category-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Only the Færdige produkter section on shop page = 4 columns */
.woocommerce-shop .shopcat-section.is-faerdige ul.products.category-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* responsive */
@media (max-width: 980px){
  .woocommerce-shop .shopcat-section.is-faerdige ul.products.category-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  .woocommerce-shop .shopcat-section.is-faerdige ul.products.category-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Keep the shop layout aligned with site/navbar width */
.shop-layout{
  width: 80%;
  margin-left: auto;
  margin-right: auto;

  /* Keep your existing flex layout */
  display: flex;
  gap: 40px;

  /* Add breathing room so it doesn't touch edges */
  box-sizing: border-box;
}

/* Mobile padding */
@media (max-width: 767px){
  .shop-layout{
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    gap: 24px;
  }
}

.shop-sidebar{
  width:20%;
}

/* Make the main shop content fill the remaining width */
.shop-main{
  flex: 1;
  width: 80%;
  max-width: none;
}


/* Ensure the sections themselves use the full width */
.shopcat-sections{
  width: 100%;
}

/* Remove Woo default container padding on shop pages */
.woocommerce .container,
.woocommerce-page .container{
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;

  box-sizing: border-box;
}


.shop-sidebar{
  position:sticky;
  top:120px;
  height:fit-content;
}
/* Mobile */
@media (max-width:980px){

  .shop-layout{
    flex-direction:column;
  }

  .shop-sidebar,
  .shop-main{
    width:100%;
  }
	
	.shop-sidebar {
		position: relative;
	}

}



.catfilter__header{
  font-weight: 700;
  margin-bottom: 10px;
}

.catfilter__list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.catfilter__item{
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid rgba(0,0,0,.06);
}

.catfilter__item:first-child{
  border-top: 0;
}

/* Row layout */
.catfilter__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

/* Toggle button */
.catfilter__toggle{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
}

/* Chevron icon */
.catfilter__icon{
  width:18px;
  height:18px;
  transition:transform .25s ease;
}

/* Rotate when open */
.catfilter__item.is-open .catfilter__icon{
  transform:rotate(180deg);
}

/* spacer for non-parents so text aligns */
.catfilter__toggle--spacer{
  display: inline-block;
  pointer-events: none;
}



.catfilter__link{
  display: block;
  text-decoration: none;
  padding: 6px 8px;
  width: 100%;
  color: #222222;
}

.catfilter__link.is-active{
  font-weight: 700;
}

/* children collapsed by default */
.catfilter__children{
  list-style: none;
  padding: 6px 0 0 0;
  margin: 0;
  display: none;
}

.catfilter__item.is-open > .catfilter__children{
  display: block;
}

.catfilter__child{
  padding: 2px 0;
}

.catfilter__footer{
  margin-top: 12px;
	display:none;
}

.catfilter__clear{
  display: inline-block;
  text-decoration: none;
  opacity: .8;
}

/* Main category text (with chevron) */
.catfilter__item > .catfilter__row > .catfilter__link {
  font-weight: 700 !important;
	font-size: 1rem;
}



/* --- HARDEN Woo products grid so the first item starts at column 1 --- */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  grid-auto-flow: row dense !important;
}

/* Kill clearfix pseudo elements (they can occupy the first grid slot) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{
  content: none !important;
  display: none !important;
}

/* Remove float layout rules that can interfere */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;

  /* protect against any theme grid-column rules */
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: stretch !important;
}

/* Sometimes themes style .first/.last for float grids */
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.first,
.woocommerce-page ul.products li.product.last{
  clear: none !important;
}

/* Responsive */
@media (max-width: 980px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns: 1fr !important;
  }
}

.woocommerce-page ul.products li.product:nth-child(n) {
	width: 100% !important;
}


/* WooCommerce Produkt */
.et_pb_wc_add_to_cart .quantity::before {
    content: "Antal";
    font-weight: bold;
    margin-right: 2em;
    display: inline-block;
}

body .et_pb_wc_add_to_cart button.single_add_to_cart_button::after {
    margin-left: 10px !important;
}

/* Flugt antal-blok + knap med select-felterne ovenover */
.single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    gap: 1em;
    width: 100%;
}

/* Lav .quantity til en lille flex-række: "Antal" | input */
.single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
    display: flex;
    align-items: center;
    gap: 1em;
}

/* "Antal"-labelen (::before) får samme bredde som label-kolonnen i tabellen ovenfor */
.single_variation_wrap .woocommerce-variation-add-to-cart .quantity::before {
    min-width: 135px;   /* ← Tilpas til at matche th.label bredden */
    display: inline-block;
}

.single_variation_wrap .woocommerce-variation-add-to-cart .quantity input[type="number"] {
    height: 46px;  /* Samme som knappens højde */
}

/* Variant 1: Standard <select>-element */
.variations td.value select,
.variations td.value #laengde {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    border: 1px solid #d9d9d9;
    border-radius: 50px;
    background-color: #fff;

    padding: 0.7em 2.5em 0.7em 1.5em;
    min-width: 280px;
    max-width: 450px;
    width: auto;

    font-size: inherit;
    color: inherit;
    cursor: pointer;
    line-height: 1.4;

    /* Custom dropdown-pil (SVG som baggrund, right-aligned) */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23333' stroke-width='2'><path d='M1 1l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1.2em center;
    background-size: 12px;
}

.variations td.value select:hover {
    border-color: #b0b0b0;
}

.variations td.value select:focus {
    outline: none;
    border-color: #7a7a7a;
}

/* Variant 2: Hvis Select2 er aktiv (visuel wrapper omkring select) */
.variations .select2-container--default .select2-selection--single {
    border: 1px solid #d9d9d9 !important;
    border-radius: 50px !important;
    background-color: #fff !important;
    height: auto !important;
    padding: 0.5em 1.5em !important;
    min-width: 280px !important;
    max-width: 450px !important;
}

.variations .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.4 !important;
    padding: 0 2em 0 0 !important;
    color: inherit !important;
}

.variations .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 1em !important;
    top: 50% !important;
    transform: translateY(-50%);
    height: auto !important;
    width: auto !important;
}

/* MENU POPUP */ 
<style id="popup-hide-fallback">
  section.et-interaction-target-jiosbjxdnn {
    display: none !important;
  }
</style>


/* WooCommerce Product Kategori */ 

/* === Grid: brug 4 kolonner med pænt mellemrum === */
.woocommerce ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 980px) {
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products.columns-4 {
        grid-template-columns: 1fr;
    }
}

/* === Selve kategori-kortet === */
.woocommerce ul.products li.product-category {
    position: relative !important;
    overflow: hidden;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
    border-radius: 4px;
    list-style: none;
}

/* === Linket fylder hele kortet === */
.woocommerce ul.products li.product-category > a {
    display: block;
    position: relative;
    text-decoration: none;
}

/* === Billedet === */
.woocommerce ul.products li.product-category img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 !important;
    transition: transform 0.4s ease;
}

.woocommerce ul.products li.product-category:hover img {
    transform: scale(1.05);
}

/* === Titel som mørk pille over billedet === */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title {
    position: absolute;
    left: 16px;
    bottom: 16px;
    right: 16px;
    margin: 0 !important;
    padding: 12px 40px 12px 18px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: left !important;
    border-radius: 2px;
    line-height: 1.3;
    text-transform: none;
}

/* === Skjul produkt-antallet "(43)" === */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title mark.count {
    display: none !important;
}

/* === Chevron-pil i højre side === */
/*.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title::after {
    content: "›";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
}*/
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title::after {
    content: "\203A";   /* korrekt kodning af › (U+203A) */
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
}


/**
 * Viden - responsiv
 */

@media (max-width: 980px) {
    .et_pb_section_3,
    .et_pb_section_4,
    .et_pb_section_3 .et_pb_row,
    .et_pb_section_4 .et_pb_row,
    .et_pb_section_3 .et_pb_column,
    .et_pb_section_4 .et_pb_column,
    .et_pb_image_sticky,
    .full-height-image-column {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: none !important;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .et_pb_section_3 img,
    .et_pb_section_4 img {
        height: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 980px) {
    .et_pb_section_3 {
        padding-bottom: 0 !important;
    }
    .et_pb_section_4 {
        padding-top: 0 !important;
    }
}

/* ============================
   Mobile fixes
   ============================ */

@media (max-width: 767px) {

    /* 1. Menu flugter med toppen */
    body:not(.home) {
        padding-top: 0 !important;
    }

    body:not(.home) .et-l--header,
    body:not(.home) .header_section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Hvis der er en spacer eller wrapper der skubber */
    body:not(.home) #main-content,
    body:not(.home) #page-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* 2. Medarbejder-kort i 1 kolonne */
    .et_pb_column.et_pb_column_1_2,
    .et_pb_column.et_pb_column_1_3,
    .et_pb_column.et_pb_column_1_4 {
        width: 100% !important;
        margin-bottom: 16px !important;
    }
}

@media (max-width: 767px) {

    /* Medarbejder-kort i 1 kolonne på mobil */
    .et_pb_row_4.et_grid_row {
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
    }

    .et_pb_row_4 > .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        margin-bottom: 16px !important;
    }
}

/*
 * PRODUKTER - MOBILE
 */

/*@media (max-width: 767px) {
    .shop-sidebar {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .shop-sidebar {
        display: none !important;
    }

    .shop-main {
        width: 100% !important;
    }

    .shop-layout {
        gap: 0 !important;
    }
}*/

/* Tablet og mindre — skjul sidebar, fuld bredde layout */
@media (max-width: 1100px) {
    .shop-sidebar {
        display: none !important;
    }

    .shop-layout {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 0 !important;
    }

    .shop-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2 kolonner i tablet/lille laptop området */
    .woocommerce-shop ul.products.category-grid,
    .woocommerce-shop .shopcat-section.is-faerdige ul.products.category-grid,
    .tax-product_cat ul.products.category-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    /* Kvadratiske billeder */
    ul.products.category-grid > li.product-category img,
    ul.products > li.product img,
    ul.products > li.product-category img {
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        width: 100% !important;
        height: auto !important;
    }
}

/* Mobil — 1 kolonne */
@media (max-width: 700px) {
    .woocommerce-shop ul.products.category-grid,
    .woocommerce-shop .shopcat-section.is-faerdige ul.products.category-grid,
    .tax-product_cat ul.products.category-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products.columns-4 {
        grid-template-columns: 1fr !important;
    }

    /* Begræns kort-bredde i 1 kolonne så billederne ikke bliver enorme */
    .shop-main ul.products.category-grid > li.product-category,
    .shop-main ul.products > li.product {
        max-width: 500px;
        justify-self: center;
    }
}

/*
 * Burger menu, responsive
 */ 

@media (max-width: 1200px) {
    /* Skjul desktop horisontal menu OG søgefelt */
    .header_section .et_pb_menu__menu,
    .header_section .et_pb_menu__search,
    .header_section .et_pb_menu__search-form,
    .header_section .et_pb_menu__search-input,
    .header_section .et_pb_menu__search-button {
        display: none !important;
    }
}


/**
 * MENU
*/

/* Gør sidemenu-kolonnen til en flex column */
#et-boc > header.et-l--header--9c54c188-ef28-436f-a4cd-72653a870c52 .et_pb_column_3_tb_header {
    display: flex !important;
    flex-direction: column;
}

/* Skub button-gruppen ned i bunden + luft fra bunden */
#et-boc > header.et-l--header--9c54c188-ef28-436f-a4cd-72653a870c52 .et_pb_group_2_tb_header {
    margin-top: auto;
    margin-bottom: 30px; /* juster luften fra bunden her */
}

/* Knap som flex-container så ikon og tekst kan ligge ved siden af hinanden */
#et-boc > header.et-l--header--9c54c188-ef28-436f-a4cd-72653a870c52 .et_pb_button_0_tb_header.et_pb_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--gcid-primary-color) !important;
    padding: 7px 24px !important;
}

#et-boc > header.et-l--header--9c54c188-ef28-436f-a4cd-72653a870c52 .et_pb_button_0_tb_header.et_pb_button:hover {
    background: var(--primary-hover-color) !important;
}

/* Ikon som ::after - flyder lige efter teksten */
#et-boc > header.et-l--header--9c54c188-ef28-436f-a4cd-72653a870c52 .et_pb_button_0_tb_header.et_pb_button::after {
    content: "" !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background: url('https://dev.moove.dk/tisetsavvaerk/wp-content/uploads/2026/03/Leaf-icon_White.svg') center/contain no-repeat !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    opacity: 1 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    line-height: 1 !important;
    font-family: inherit !important;
    font-size: 0 !important;
    transition: none !important;
}

/* Behold panel fuldt bredt - skub indholdet ind */
.et_pb_row_2_tb_header.offcanvas_row > .et_pb_column_3_tb_header {
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/**
 * Produktfilter
 * */

/* Fjern overflow på alle Divi parents (sticky's #1 morder) */
#page-container,
#et-main-area,
.et_pb_section,
.et_pb_row,
.et_pb_column {
    overflow: visible !important;
}

/* Fix at aside strækkes til fuld højde i flex-layout */
aside.shop-sidebar {
    align-self: flex-start !important;
    height: auto !important;
}

/* Sticky på filteret */
.catfilter {
    position: sticky !important;
    top: 50px;
    align-self: flex-start;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

aside.shop-sidebar .catfilter {
    top: 100px !important;
}

.shop-sidebar {margin-top:50px;}
.catfilter {width:200px;}


/**
 * Rækkefølge table kurv
 * */
/* =============================================== */
/* INDKØBSKURV - Komplet styling                   */
/* =============================================== */

/* --- Tabel + form fylder hele kolonnen (INGEN row-override) --- */
.et_pb_wc_cart_products,
.et_pb_wc_cart_products .et_pb_module_inner,
.woocommerce-cart-form,
.woocommerce-cart-form__contents {
    width: 100% !important;
    max-width: 100% !important;
}

/* --- Skjul Pris og Subtotal --- */
.woocommerce-cart-form__contents .product-price,
.woocommerce-cart-form__contents .product-subtotal {
    display: none !important;
}

/* --- Tabel-grundlayout --- */
.woocommerce-cart-form__contents {
    border-collapse: collapse;
    table-layout: auto;
}

.woocommerce-cart-form__contents th,
.woocommerce-cart-form__contents td {
    padding: 15px;
    vertical-align: middle;
    text-align: left;
}

/* --- Header (VARE / ANTAL) --- */
.woocommerce-cart-form__contents thead {
    background: #f9f9f9;
    border-bottom: 2px solid #eee;
}

.woocommerce-cart-form__contents thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

/* --- Vare-rækker --- */
.woocommerce-cart-form__contents tr.cart_item {
    border-bottom: 1px solid #eee;
}

/* --- Billede --- */
.woocommerce-cart-form__contents .product-thumbnail {
    width: 100px;
}
.woocommerce-cart-form__contents .product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* --- Produktnavn --- */
.woocommerce-cart-form__contents .product-name a {
    font-weight: 500;
    color: var(--gcid-heading-color, #222);
    text-decoration: none;
    line-height: 1.4;
}
.woocommerce-cart-form__contents .product-name a:hover {
    color: var(--gcid-primary-color, #306a4b);
}

/* --- Antal-kolonne (centreret) --- */
.woocommerce-cart-form__contents .product-quantity {
    width: 100px;
    text-align: center;
}
.woocommerce-cart-form__contents thead .product-quantity {
    text-align: center;
}
.woocommerce-cart-form__contents .product-quantity .qty {
    width: 70px;
    padding: 8px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* --- Slet-knap helt ude til højre --- */
.woocommerce-cart-form__contents .product-remove {
    width: 60px;
    text-align: right;
    padding-right: 0 !important;
}
.woocommerce-cart-form__contents .product-remove .remove {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #999 !important;
    font-size: 20px;
    line-height: 1;
    text-decoration: none !important;
    transition: all 0.2s;
}
.woocommerce-cart-form__contents .product-remove .remove:hover {
    background: #c0392b;
    color: #fff !important;
}

.cat-desc-toggle {display:block;}


.woocommerce-products-header .moove-kategori-ekstra-tekst {display:none;}


/* ============================================================
   Produktside (single-product) — sticky-fix på mobil/tablet
   ============================================================
   Venstre detaljekolonne er sticky på desktop (tiltænkt: den følger
   med ned mens galleriet scroller). Under desktop stacker kolonnerne,
   og sticky'en får detaljerne til at flyde hen over galleribilledet.
   Slå derfor sticky fra fra ≤980px og ned. Desktop er urørt.
*/
@media (max-width: 980px) {

  /* 1) Slå Divi-sticky fra: detaljerne må ikke blive hængende og
        flyde hen over galleribilledet. */
  body.single-product .et_pb_column,
  body.single-product .et_pb_module {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* 2) Tving hovedrækken til at stacke lodret, så venstre kolonne
        (detaljer) ligger HELT over højre kolonne (galleri) — ikke bagved. */
  body.single-product .et_pb_row {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  /* 3) ...men indlejrede rækker (badge-logoer + specifikationer) skal
        stadig være vandrette. */
  body.single-product .et_pb_row .et_pb_row {
    flex-direction: row !important;
  }

  /* 4) De to hovedkolonner (12_24 = halv bredde på desktop) i fuld bredde,
        så de stacker rent. Badge-kolonnerne (8_24) røres ikke. */
  body.single-product .et_flex_column_12_24 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}


/* ============================================================
   Produktside pan-zoom på galleribillede
   ============================================================
   Billedet zoomer ind ved hover og panorerer efter musen
   (zoom-punktet styres af JS via transform-origin).
   Klik-forstørrelsen (lightbox) påvirkes ikke og virker stadig.
*/
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .et_pb_wc_images .et_pb_module_inner {
  overflow: hidden;
}

.single-product .woocommerce-product-gallery__image img {
  transition: transform 0.25s ease-out;   
  cursor: zoom-in;
  will-change: transform;
}

.single-product .woocommerce-product-gallery__image:hover img {
  transform: scale(2);   
}

/*
 * Produkt
 * /

/* ============================================================
   Variant-layout – produktside (Tiset Savværk)
   Erstatter AL tidligere variant/antal/knap-CSS
   ============================================================ */
.single-product form.variations_form {
    --label-col: 200px;          /* desktop: venstre kolonnes bredde (det ene tal du justerer) */
}

/* ---- Variant-tabel ---- */
.single-product form.variations_form table.variations {
    width: 100%;
    table-layout: fixed;
    margin: 0;
    border: 0;
}
.single-product form.variations_form table.variations th.label {
    width: var(--label-col);
    padding: 0;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
}
.single-product form.variations_form table.variations td.value,
.single-product form.variations_form table.variations td.variationButtons {
    padding: 0;
}
.single-product form.variations_form table.variations td.value > span,
.single-product form.variations_form table.variations td.variationButtons > span {
    display: block;
    margin: 0;
    padding: 0;
}

/* ---- Antal + knap: stables lodret, kan aldrig overlappe ---- */
.single-product form.variations_form .woocommerce-variation-add-to-cart {
    display: block !important;
    margin-top: 18px;
}

/* Antal-rækken: "Antal" i venstre kolonne, input i højre (flugter med dropdowns) */
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity {
    display: grid !important;
    grid-template-columns: var(--label-col) 1fr;
    align-items: center;
    width: 100% !important;       /* defeats temaets evt. faste bredde */
    max-width: 100% !important;
    float: none !important;       /* defeats temaets evt. float på .quantity */
    margin: 0 0 18px 0 !important;
}
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity > label.screen-reader-text {
    position: absolute;           /* skjult, men bevaret for skærmlæsere */
}
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity::before {
    grid-column: 1;
    text-align: left;
    font-weight: 700;
}
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity input.qty {
    grid-column: 2;
    justify-self: start;          /* venstrekant = kolonne 2 = samme som dropdowns */
    width: 90px;
    margin: 0 !important;
}

/* Knappen: egen linje, flugter med felt-kolonnen */
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    display: block;
    float: none !important;
    margin: 0 0 0 var(--label-col) !important;
}

/* ---- Responsivt ---- */
@media (max-width: 980px) {
    .single-product form.variations_form { --label-col: 130px; }
}
@media (max-width: 767px) {
    .single-product form.variations_form { --label-col: 110px; }
}

/* Knappen: egen linje, højrejusteret mod kolonnens højrekant */
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    display: block;
    float: none !important;
    margin: 18px 0 0 auto !important;   /* auto i venstre = skubbes helt til højre */
    width: auto;
}