/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.26.0.1720784910
Updated: 2024-07-12 11:48:30
*/


/* Checkout Page */
.woocommerce-checkout .woocommerce-form-login-toggle {
    display: none!important;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login {
    display: block!important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none!important;
}

.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
    display: block!important;
}


/* Wetality minicart buttons color fix (all domains) */
body .dmc-container .dmc-btn {
  background-color: #2F4B56 !important;
  border-color: #2F4B56 !important;
  color: #ffffff !important;
}

body .dmc-container .dmc-btn:hover {
  background-color: #97A3A7 !important;
  border-color: #97A3A7 !important;
  color: #ffffff !important;
}

/* From Ivan Hide dasboard page from menu when not loggen in*/

body.logged-in .menu-item-203874,
body:not(.logged-in) .menu-item-203874 {
  display: none !important;
}

/* Document Grid Styles */
.dokument-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	max-width: 1200px;
	margin: 0 auto;
}

.dokument-grid.dokument-cols-1 {
	grid-template-columns: 1fr;
}

.dokument-grid.dokument-cols-2 {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.dokument-grid.dokument-cols-3 {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.dokument-grid.dokument-cols-4 {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.dokument-item {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	transition: box-shadow 0.3s ease;
	gap: 15px;
}

.dokument-item:hover {
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.dokument-thumbnail {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dokument-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.dokument-thumbnail.dokument-placeholder {
	background: #f5f5f5;
	border-radius: 4px;
}

.dokument-thumbnail.dokument-placeholder svg {
	opacity: 0.4;
}

.dokument-content {
	flex-grow: 1;
	min-width: 0;
}

.dokument-title {
	margin: 0 0 5px 0;
	padding:0;
	font-size: 18px;
	font-weight: 600;
	color: #111111;
	line-height: 1.3;
}

.dokument-description {
	margin: 0;
	color: rgba(0,0,0,0.64);
	line-height: 1.4;
	font-size: 14px;
}

.dokument-actions {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
	margin-left: auto;
}

.dokument-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 8px 16px;
	border-radius: 11px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: none;
}

.dokument-btn svg {
	flex-shrink: 0;
}

.dokument-view {
	background: #f0f0f0;
	color: #333;
}

.dokument-view:hover {
	background: #e0e0e0;
	color: #000;
}

.dokument-download {
	background: #da5b26;
	color: #fff;
}

.dokument-download:hover {
	background: #b6481c;
	color: #fff;
}

@media (max-width: 1024px) {
	.dokument-grid.dokument-cols-4 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.dokument-grid.dokument-cols-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.dokument-grid.dokument-cols-4,
	.dokument-grid.dokument-cols-3,
	.dokument-grid.dokument-cols-2 {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

@media (max-width: 440px) {
	.dokument-grid {
		gap: 12px;
	}
	
	.dokument-item {
		padding: 12px 15px;
		flex-wrap: wrap;
	}
	
	.dokument-thumbnail {
		width: 60px;
		height: 60px;
	}
	
	.dokument-actions {
		flex-direction: column;
		width: 100%;
	}
	
	.dokument-btn {
		width: 100%;
		justify-content: center;
	}
}

body:not(.logged-in) .menu-item-203874,
body.logged-in.role-niveau1 .menu-item-203874,
body.logged-in.role-niveau2 .menu-item-203874 {
    display: none !important;
}

body.logged-in.role-administrator .menu-item-203874,
body.logged-in.role-niveau3 .menu-item-203874,
body.logged-in.role-niveau4 .menu-item-203874 {
    display: flex !important;
}


/* From Nóra Hide dasboard page*/
.rep-dashboard {
display:none !important;
}

body.role-administrator .rep-dashboard,
body.role-niveau3 .rep-dashboard,
body.role-niveau4 .rep-dashboard {
display:list-item !important;
}



/* Hide woo account dasboard*/
.woocommerce-MyAccount-navigation-link--dashboard {
  display: none !important;
}

/* Make flag icon dropdown compact in width*/
.et-l--header .nav .weglot-lang .sub-menu {
	padding:0!important;
 	width: auto !important;
}

.et-l--header .nav .weglot-lang .sub-menu li {
	padding:0!important;
}

.et-l--header .nav .weglot-lang .sub-menu li a {
	width: auto !important;
	padding: 5px 10px !important;
}

.et-l--header .nav .weglot-lang .sub-menu li a::before {
	margin-right:0!important;
}

/* Gravity Forms */

.gform-theme--foundation .gform_fields {
  row-gap: 15px;
}

.gform-theme--foundation .gform_fields input,
.gform-theme--foundation .gform_fields textarea {
  font-size: 18px;
  padding: 15px;
  line-height: 1;
  height: auto;
  border:0;
  border-radius: 0;
  outline: none;
}

.gform-theme--foundation .gform_fields input::placeholder,
.gform-theme--foundation .gform_fields input::-moz-placeholder,
.gform-theme--foundation .gform_fields input::-webkit-input-placeholder,
.gform-theme--foundation .gform_fields textarea::placeholder, 
.gform-theme--foundation .gform_fields textarea::-moz-placeholder,
.gform-theme--foundation .gform_fields textarea::-webkit-input-placeholder {
  color:#b2b2b2!important;
}

.gform_drop_area {
  background: transparent!important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,
.gfield--input-type-fileupload) .gform_drop_area::before {
  color:#4a889d;
}

.gform_drop_area .gform_button_select_files {
  background:#4a889d!important;
  border-radius: 11px!important;
}

.gfield-choice-input {
  padding:0!important;
}

.gfield-choice-input::before {
  color:#4a889d!important;
}

.gform-footer {
  justify-content: flex-end;
}

.gform-footer .gform_button {
  font-size: 20px!important;
  font-weight: 500!important;
  padding: .3em 1em!important;
  line-height: 1.7em !important;
  background-color: #da5b26!important;
  border-width: 0px !important;
  border-radius: 11px!important;
}

/* CHECKOUT FIX */
#add_payment_method #payment ul.payment_methods li, 
.woocommerce-cart #payment ul.payment_methods li, 
.woocommerce-checkout #payment ul.payment_methods li {
    display: flex;
    flex-wrap: wrap;    
}

.woocommerce-invalid #policies_checkbox {
    outline: 2px solid #a00;
    outline-offset: 2px;
}


/* PRODUCT BADGE */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  left: .5em;
  right: 0;
}

.product.product_tag-fast-pris .woocommerce-product-gallery__wrapper::before,
.product.product_tag-fast-pris .et_shop_image::before {
  content: "";
  background:url('/wp-content/uploads/2026/02/wetality_splash_fastpris.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  top:10px;
  right:10px;
  z-index: 1;
}

/* Add green background to product images in the shop overview */
.woocommerce ul.products li.product a img {
    background-color: #C6C898; /* The green color */
    /*padding: 20px; Adds space/air around the product */
    box-sizing: border-box; /* Ensures the frame doesn't break the layout */
}

/* (Optional) If you want the same background on the single product page as well: */
.woocommerce-product-gallery__image img {
    background-color: #C6C898;
}


.batch-button {
    display: inline-block;
    background-color: #909473;
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    margin: 5px;
    font-size: 14px;
    text-align: center;
}

.batch-button:hover {
    background-color: #158a3b;
    color: #ffffff !important;
}


/* Cart/kasse-notices – gør INFO og MESSAGE orange + runde hjørner */
body.woocommerce-cart .woocommerce .woocommerce-info,
body.woocommerce-cart .woocommerce .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-info,
.woocommerce-message {
  background: #CA4F1B !important;
  color: #fff !important;
  border: none !important;
  border-radius: 15px !important;   /* runding */
  padding: 16px 20px !important;    /* lidt ekstra luft indeni */
}

/* Min-konto adresse */
body.woocommerce-account .addresses .title .edit {
    float: none !important;
}
.woocommerce-account .addresses .title h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

/* Min-konto hide quotes */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--request-quote {
    display: none !important;
}