/*
Theme Name: Child - theme
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
*/
@import url("/wp-content/themes/divi-child/style.css");
/* Your awesome customization starts here */

/* ======================================
   KNAPPER
====================================== */

.et_pb_button,
.button.single_add_to_cart_button.button.alt {
    color: #fff !important;
    font-family: 'Baloo 2', fantasy !important;
    font-size: 18px;
    font-weight: 700;

    border: 3px solid #222 !important;
    border-radius: 999px !important;

    transition: all 0.2s ease !important;
}

button.single_add_to_cart_button.button.alt {
    transform: rotate(-5deg);
    margin-top: 20px;
}

/* ======================================
   HOVER SHAKE
====================================== */

.gentle-hover-shake .et_pb_image_wrap:hover {
    animation: tilt-shaking 0.5s infinite ease-in-out;
}

@keyframes tilt-shaking {

    0% {
        transform: rotate(calc(var(--base-rotation) - 1deg));
    }

    25% {
        transform: rotate(calc(var(--base-rotation) + 1deg));
    }

    50% {
        transform: rotate(calc(var(--base-rotation) - 0.5deg));
    }

    75% {
        transform: rotate(calc(var(--base-rotation) + 1.5deg));
    }

    100% {
        transform: rotate(calc(var(--base-rotation) - 1deg));
    }

}

/* ======================================
   KNAP TEKST
====================================== */

.et_pb_button_0,
.button.single_add_to_cart_button.button.alt {
    font-family: 'Baloo 2', fantasy;
}

/* ======================================
   HEADER
====================================== */

#main-header {
    background: rgba(248, 242, 221, 0) !important;

    border-top: 0 !important;
    border-radius: 0 0 40px 40px;

    box-shadow: none !important;

    width: calc(100% - 40px);
    max-width: 1400px;

    margin: 0 auto;

    left: 0;
    right: 0;
}

@media (min-width: 981px) {

    #main-header.et-fixed-header {
        box-shadow: none !important;
    }

}

#main-header,
#main-header.et-fixed-header {
    box-shadow: none !important;
}

div.container.clearfix.et_menu_container {
    width: 100% !important;
    max-width: 100% !important;
}

#main-header .container {
    padding: 5px 25px;
}

/* ======================================
   MENU CONTAINER
====================================== */

#et-top-navigation {
    float: none !important;

    width: 100%;
    text-align: center;

    padding-top: 30px !important;
    padding-left: 0 !important;
}

#top-menu-nav {
    float: none !important;
    display: inline-block;
}

/* ======================================
   MENU CONTAINER
====================================== */

#et-top-navigation {
    float: none !important;

    width: 100%;
    text-align: center;

    padding-top: 30px !important;
    padding-left: 0 !important;
}

#top-menu-nav {
    float: none !important;
    display: inline-block;
}

/* ======================================
   DESKTOP MENU
====================================== */

#top-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

#top-menu li {
    padding-right: 0 !important;
}

#top-menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px;
    padding: 0 22px !important;

    color: #fff !important;

    font-family: 'Baloo 2', fantasy;
    font-size: 18px;
    font-weight: 700;
    line-height: 1 !important;

    border: 3px solid #222;
    border-radius: 999px;

    transition: all 0.2s ease;
}

/* ======================================
   HJEM
====================================== */

#top-menu li:nth-child(1) a {
    background: #fa7f50;
    box-shadow: 5px 5px 0 #d96a3f;
    transform: rotate(9deg);
}

#top-menu li:nth-child(1) a:hover {
    transform: rotate(9deg) translateY(-2px);
}

/* ======================================
   SHOP
====================================== */

#top-menu li:nth-child(2) a {
    background: #89bd7b;
    box-shadow: 5px 5px 0 #69965d;
    transform: rotate(-4deg);
}

#top-menu li:nth-child(2) a:hover {
    transform: rotate(-4deg) translateY(-2px);
}

/* ======================================
   PORTEFØLJE
====================================== */

#top-menu li:nth-child(3) a {
    background: #fccf4b;
    box-shadow: 5px 5px 0 #d8ac32;
    transform: rotate(14deg);
}

#top-menu li:nth-child(3) a:hover {
    transform: rotate(14deg) translateY(-2px);
}

/* ======================================
   TROFÆER
====================================== */

#top-menu li:nth-child(4) a {
    background: #32a3c3;
    box-shadow: 5px 5px 0 #2285a3;
    transform: rotate(-8deg);
}

#top-menu li:nth-child(4) a:hover {
    transform: rotate(-8deg) translateY(-2px);
}

/* ======================================
   OM ZWECK
====================================== */

#top-menu li:nth-child(5) a {
    background: #32a3c3;
    box-shadow: 5px 5px 0 #2285a3;
    transform: rotate(5deg);
}

#top-menu li:nth-child(5) a:hover {
    transform: rotate(5deg) translateY(-2px);
}

/* ======================================
   MENU HOVER & AKTIV
====================================== */

#top-menu li a:hover {
    filter: brightness(1.05);
}

#top-menu .current-menu-item a {
    filter: brightness(1.08);
}

/* ======================================
   SEARCH / CART DESKTOP
====================================== */

@media only screen and (min-width: 981px) {

    #top-menu li.menu-cart {
        display: none !important;
    }

    #et_search_icon {
        display: none !important;
    }

}

/* ======================================
   SEARCH / CART DESKTOP
====================================== */

#et_search_icon,
.et-search-form {
    float: right;
}

.et-cart-info {
    position: absolute;
    right: 70px;

    width: 54px;
    height: 54px;

    background: #ef6d52;

    border: 3px solid #222;
    border-radius: 999px;

    box-shadow: 5px 5px 0 #cf5c43;

    transform: rotate(5deg);
    transition: all 0.2s ease;

    padding: 0 !important;

    text-align: center;
    line-height: 48px;

    color: #fff !important;
    text-decoration: none !important;
}

.et-cart-info span {
    padding-left: 10px;
}

.et-cart-info:before {
    position: relative;
    top: 1px;
    left: 5px;

    color: #fff !important;

    font-size: 20px !important;
    line-height: 48px !important;
}

.et-cart-info:hover {
    transform: rotate(5deg) translateY(-2px);
    filter: brightness(1.05);
}

/* ======================================
   MOBILE
====================================== */

@media only screen and (max-width: 980px) {

    /* ======================================
       SKJUL DESKTOP MENU
    ====================================== */

    #top-menu-nav {
        display: none !important;
    }

    .logo_container {
        padding-left: 0;
    }

    #logo {
        max-height: 55px;
    }

    /* ======================================
       SKJUL ORIGINALE IKONER
    ====================================== */

    #et_search_icon,
    .et-cart-info {
        display: none !important;
    }

    /* ======================================
       BURGER MENU
    ====================================== */

    .mobile_menu_bar {
        position: relative;
        z-index: 100001;

        padding-bottom: 0 !important;
    }

    .mobile_menu_bar:before {
        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 54px;
        height: 54px;

        background: #fa7f50;
        color: #fff !important;

        border: 3px solid #222;
        border-radius: 999px;

        box-shadow: 5px 5px 0 #d96a3f;

        font-size: 32px !important;

        transform: rotate(8deg);
        transition: all 0.2s ease;
    }

    .mobile_nav.opened .mobile_menu_bar:before {
        background: #32a3c3;
        box-shadow: 5px 5px 0 #2285a3;
    }

    /* ======================================
       FULLSCREEN MENU
    ====================================== */

    .et_mobile_menu {
        display: none !important;

        position: fixed !important;
        top: 0 !important;
        left: 0 !important;

        width: 100vw !important;
        height: 100vh !important;

        background: #f8f2dd !important;

        border-top: none !important;
        box-shadow: none !important;

        padding: 30px !important;

        overflow: hidden;

        z-index: 99999 !important;
    }

    .mobile_nav.opened .et_mobile_menu {
        display: flex !important;
        flex-direction: column;

        justify-content: center;
        align-items: center;

        gap: 54px;
        padding-top: 10vh !important;
    }

    .et_mobile_menu li {
        width: 100%;
        max-width: 300px;

        padding: 0 !important;
        border-bottom: none !important;
    }

    .et_mobile_menu li a {
        padding: 14px 24px !important;

        text-align: center;

        color: #fff !important;

        font-family: 'Baloo 2', fantasy;
        font-size: 20px;
        font-weight: 700;

        border: 3px solid #222;
        border-radius: 999px;
    }

    /* ======================================
       MENU FARVER
    ====================================== */

    .et_mobile_menu li:nth-child(1) a {
        background: #fa7f50;
        box-shadow: 5px 5px 0 #d96a3f;
        transform: rotate(-3deg);
    }

    .et_mobile_menu li:nth-child(2) a {
        background: #89bd7b;
        box-shadow: 5px 5px 0 #69965d;
        transform: rotate(5deg);
    }

    .et_mobile_menu li:nth-child(3) a {
        background: #fccf4b;
        box-shadow: 5px 5px 0 #d8ac32;
        transform: rotate(-9deg);
    }

    .et_mobile_menu li:nth-child(4) a {
        background: #32a3c3;
        box-shadow: 5px 5px 0 #2285a3;
        transform: rotate(2deg);
    }

    .et_mobile_menu .menu-cart a {
        background: #ef6d52;
        box-shadow: 5px 5px 0 #cf5c43;
        transform: rotate(-10deg);
    }

}

/* ======================================
   SKJUL MOBIL NAV PÅ DESKTOP
====================================== */

@media only screen and (min-width: 981px) {

    .et_mobile_nav_menu,
    .mobile_menu_bar {
        display: none !important;
    }

}

/* ======================================
   STICKY MOBIL HEADER
====================================== */

@media only screen and (max-width: 980px) {

    #main-header {
        position: fixed !important;

        top: 15px !important;
        left: 20px !important;
        right: 20px !important;

        z-index: 100000 !important;
    }

    body {
        padding-top: 90px;
    }

}

/* ======================================
   LOGO + BURGER OVER MENUEN
====================================== */

@media only screen and (max-width: 980px) {

    #main-header {
        z-index: 100001 !important;
    }

    .logo_container {
        position: relative;
        z-index: 100002;
    }

    .mobile_menu_bar {
        position: relative;
        z-index: 100003;
    }

    .et_mobile_menu {
        z-index: 100000 !important;
    }

}

/* ======================================
   MENU OPEN ANIMATION
====================================== */

@keyframes menuPopIn {

    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }

    60% {
        transform: translateY(-5px) scale(1.03);
    }

    100% {
        opacity: 1;
    }

}

.mobile_nav.opened .et_mobile_menu li,
.mobile_nav.opened .mobile-tools {
    animation: menuPopIn 0.4s ease forwards;
}

.mobile_nav.opened .et_mobile_menu li:nth-child(1) {
    animation: menuPopIn 0.35s ease forwards;
}

.mobile_nav.opened .et_mobile_menu li:nth-child(2) {
    animation: menuPopIn 0.45s ease forwards;
}

.mobile_nav.opened .et_mobile_menu li:nth-child(3) {
    animation: menuPopIn 0.55s ease forwards;
}

.mobile_nav.opened .et_mobile_menu li:nth-child(4) {
    animation: menuPopIn 0.65s ease forwards;
}

.mobile_nav.opened .et_mobile_menu li:nth-child(5) {
    animation: menuPopIn 0.75s ease forwards;
}

.mobile_nav.opened .mobile-tools {
    animation: menuPopIn 0.75s ease forwards;
}

/* ======================================
   BURGER BOUNCE
====================================== */

@keyframes burgerBounce {

    0% {
        transform: rotate(8deg) scale(1);
    }

    50% {
        transform: rotate(8deg) scale(1.15);
    }

    100% {
        transform: rotate(8deg) scale(1);
    }

}

/* ======================================
   MENU FARVER
====================================== */

.et_mobile_menu li:nth-child(1) a {
    background: #fa7f50;
    box-shadow: 5px 5px 0 #d96a3f;
    transform: rotate(-3deg);
}

.et_mobile_menu li:nth-child(2) a {
    background: #89bd7b;
    box-shadow: 5px 5px 0 #69965d;
    transform: rotate(5deg);
}

.et_mobile_menu li:nth-child(3) a {
    background: #fccf4b;
    box-shadow: 5px 5px 0 #d8ac32;
    transform: rotate(-9deg);
}

.et_mobile_menu li:nth-child(4) a {
    background: #32a3c3;
    box-shadow: 5px 5px 0 #2285a3;
    transform: rotate(2deg);
}

.et_mobile_menu li:nth-child(5) a {
    background: #fccf4b;
    box-shadow: 5px 5px 0 #d8ac32;
    transform: rotate(6deg);
}

.et_mobile_menu .menu-cart a {
    background: #ef6d52;
    box-shadow: 5px 5px 0 #cf5c43;
    transform: rotate(-10deg);
}

/* ======================================
   WOOCOMMERCE
====================================== */

/* Tilføj til kurv-knap */

.button.single_add_to_cart_button.button.alt {
    transform: rotate(-5deg);
    margin-top: 20px;
}

/* WooCommerce-billeder får samme shake-effekt */

.et_shop_image:hover {
    animation: tilt-shaking 0.5s infinite ease-in-out;
}

/* Fjern Divi/WooCommerce overlay-ikon */

.et_shop_image .et_overlay,
.et_overlay {
    display: none !important;
}

/* Sikrer pæn rotation */

.et_shop_image {
    transform-origin: center center;
}

/* Kurv-ikon i header */

.et-cart-info {
    position: absolute;
    right: 70px;

    width: 54px;
    height: 54px;

    background: #ef6d52;

    border: 3px solid #222;
    border-radius: 999px;

    box-shadow: 5px 5px 0 #cf5c43;

    transform: rotate(5deg);
    transition: all 0.2s ease;

    padding: 0 !important;

    text-align: center;
    line-height: 48px;

    color: #fff !important;
    text-decoration: none !important;
}

.et-cart-info:hover {
    transform: rotate(5deg) translateY(-2px);
    filter: brightness(1.05);
}

.et-cart-info span {
    padding-left: 10px;
}

.et-cart-info:before {
    position: relative;
    top: 1px;
    left: 5px;

    color: #fff !important;
    font-size: 20px !important;
    line-height: 48px !important;
}

.single-product #main-content,
.single-product #et-main-area,
.single-product .et_pb_section {
background: transparent !important;
}

/* Zweck-stil til WooCommerce-knapper */

.woocommerce-cart .button,
.woocommerce-cart .checkout-button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.shipping-calculator-button {
    display: inline-block !important;

    border: 3px solid #2f2f2f !important;
    border-radius: 999px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}

/* Anvend kupon */

button[name="apply_coupon"] {
    background: #fa7f50 !important;
    color: #fff !important;
    transform: rotate(-4deg);
    box-shadow: 5px 5px 0 #d86b44 !important;
}

/* Opdatér kurv */

button[name="update_cart"] {
    background: #90c37e !important;
    color: #fff !important;
    transform: rotate(-2deg);
    box-shadow: 5px 5px 0 #6e9e5d !important;
}

/* Gå til kassen */

.checkout-button {
    background: #2f9cc5 !important;
    color: #fff !important;
    transform: rotate(-5deg);
    box-shadow: 5px 5px 0 #1e6f8f !important;

    width: auto !important;
    max-width: fit-content !important;
    margin: 30px auto !important;
}

/* Beregn forsendelse */

.shipping-calculator-button {
    background: #f4c842 !important;
    color: #2f2f2f !important;
    transform: rotate(4deg);
    padding-left: 12px;
    padding-right: 12px;
    box-shadow: 5px 5px 0 #cba42f !important;
}

/* Rabatkodefelt */

.woocommerce-cart .coupon .input-text {
    background: #fffdf7 !important;

    border: 3px solid #2f2f2f !important;
    border-radius: 20px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;

    padding: 12px 18px !important;

    transform: rotate(-2deg);

    box-shadow: 4px 4px 0 #d8d0bb !important;

    color: #2f2f2f !important;
}

/* Placeholder */

.woocommerce-cart .coupon .input-text::placeholder {
    color: #777 !important;
    opacity: 1;
}

/* Focus */

.woocommerce-cart .coupon .input-text:focus {
    outline: none !important;
    border-color: #fa7f50 !important;
    box-shadow: 4px 4px 0 #d96a3f !important;
}

/* Antal-felt */

.woocommerce .quantity .qty {
    background: #fffdf7 !important;

    border: 3px solid #2f2f2f !important;
    border-radius: 20px !important;

    width: 70px !important;
    height: 60px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2f2f2f !important;

    text-align: center !important;

    transform: rotate(-2deg);

    box-shadow: 4px 4px 0 #d8d0bb !important;
}

/* Fokus */

.woocommerce .quantity .qty:focus {
    outline: none !important;
    border-color: #2f9cc5 !important;
    box-shadow: 4px 4px 0 #1e6f8f !important;
}

/* Rabatkode lidt bredere */

.woocommerce-cart .coupon .input-text {
    min-width: 180px !important;
}

/* ======================================
   KURV-TABEL
====================================== */

/* Produktbillede */

.woocommerce-cart table.cart img {
    width: 80px !important;
    border-radius: 12px;
    transform: rotate(-3deg);
}

/* Produkttitel */

.woocommerce-cart .product-name > a {
    display: block !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 15px !important;
    color: #ff0000 !important;
}

/* Produktvariationer */

.woocommerce-cart .variation {
    margin-top: 10px;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.woocommerce-cart .variation dt {
    display: inline-block;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222;
    margin-right: 4px !important;
}

.woocommerce-cart .variation dd {
    display: inline !important;
    font-size: 16px !important;
    color: #333 !important;
    margin: 0 !important;
}

.woocommerce-cart .variation dd p {
    display: inline !important;
    margin: 0 !important;
}

.woocommerce-cart .variation dd::after {
    content: "";
    display: block;
    margin-bottom: 4px;
}

/* Pris og subtotal */

.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
    font-size: 20px;
    font-weight: 700;
}

/* Kolonneoverskrifter */

.woocommerce-cart table.shop_table thead th {
    font-family: 'Baloo 2', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* ======================================
   KURV TOTALER
====================================== */

/* Overskrift */

.cart_totals h2 {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #000000
        !important;

    margin-bottom: 20px !important;
}

/* Overskrifter i tabellen */

.cart_totals th {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    color: #666 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Værdier */

.cart_totals td {
    font-size: 22px !important;
    color: #000 !important;
}

/* Forsendelse */

.cart_totals .woocommerce-shipping-destination {
    font-size: 20px !important;
    line-height: 1.4 !important;
}

/* Total */

.cart_totals .order-total th,
.cart_totals .order-total td {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

/* Beløb */

.cart_totals .amount {
    font-weight: 700 !important;
}

.shipping-calculator-button {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
/* ==================================================
   WOOCOMMERCE KURV / KASSE
================================================== */

/* PRODUKTTITEL */

.woocommerce-cart .product-name a {
    font-family: 'Baloo 2', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #222;
    text-decoration: none;
}

/* VARIATIONER */

.woocommerce-cart .variation dt {
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

.woocommerce-cart .variation dd,
.woocommerce-cart .variation dd p {
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
}

/* TABELOVERSKRIFTER */

.woocommerce-cart th,
.cart_totals th {
    font-family: 'Baloo 2', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #666;
}

/* OVERSKRIFT */

.cart_totals h2 {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 25px;
}

/* KURVKNAPPER */

.woocommerce-cart .button,
.woocommerce-cart .checkout-button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.shipping-calculator-button {
    border: 4px solid #3f3f3f !important;
    border-radius: 999px !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}

/* ANVEND KUPON */

button[name="apply_coupon"] {
    background: #fa7f50 !important;
    color: #fff !important;
    transform: rotate(-4deg);
    box-shadow: 5px 5px 0 #d96a3f !important;
}

/* OPDATÉR KURV */

button[name="update_cart"] {
    background: #b8d7a6 !important;
    color: #fff !important;
    transform: rotate(-2deg);
    box-shadow: 5px 5px 0 #8fb378 !important;
}

/* ÆNDRE ADRESSE / BEREGN FORSENDELSE */

.shipping-calculator-button {
    background: #f5c63b !important;
    color: #222 !important;
    transform: rotate(3deg);
    box-shadow: 5px 5px 0 #d0a427 !important;
}

/* GÅ TIL KASSEN */

.checkout-button {
    background: #1f98c8 !important;
    color: #fff !important;
    transform: rotate(-3deg);
    box-shadow: 5px 5px 0 #16739a !important;
}
``

/* ANTAL-FELT */

.woocommerce-cart .qty {
    border: 4px solid #444 !important;
    border-radius: 20px !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    width: 70px !important;
    height: 60px !important;
    text-align: center;
}


/* ======================================
   CHECKOUT OVERSKRIFTER
====================================== */

.woocommerce-checkout h3,
#order_review_heading {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 20px !important;
}

/* ======================================
   LABELS
====================================== */

.woocommerce-checkout label {
    font-family: 'Baloo 2', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #555;
}

/* ======================================
   INPUT FELTER
====================================== */

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-selection {
    background: rgba(255,255,255,.7) !important;
    border: 3px solid #444 !important;
    border-radius: 18px !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    padding: 12px 16px !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.15) !important;
}

.woocommerce-checkout textarea {
    min-height: 120px;
}

/* ======================================
   SEND TIL ANDEN ADRESSE
====================================== */

#ship-to-different-address span {
    font-family: 'Baloo 2', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

/* ======================================
   ORDREBOKS
====================================== */

.woocommerce-checkout-review-order table {
    background: rgba(255,255,255,.2);
    border: 3px solid rgba(0,0,0,.12) !important;
    border-radius: 25px;
    overflow: hidden;
}

.woocommerce-checkout-review-order th,
.woocommerce-checkout-review-order td {
    padding: 16px !important;
}

.woocommerce-checkout-review-order th {
    font-family: 'Baloo 2', sans-serif;
    font-size: 18px;
    color: #666;
}

/* ======================================
   PRODUKTNAVN I ORDREBOKS
====================================== */

.woocommerce-checkout-review-order .product-name {
    font-family: 'Baloo 2', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.woocommerce-checkout-review-order .variation {
    font-size: 15px;
}

/* ======================================
   TOTALER
====================================== */

.order-total th,
.order-total td {
    font-family: 'Baloo 2', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

/* ======================================
   INFO BOKS
====================================== */

.woocommerce-info {
    background: #2da4d3 !important;
    color: #fff !important;
    border: 4px solid #2f2f2f !important;
    border-radius: 20px !important;
    box-shadow: 5px 5px 0 rgba(0,0,0,.2) !important;
}

/* ======================================
   PRIVATLIVSTEKST
====================================== */

.woocommerce-privacy-policy-text {
    font-size: 15px;
    line-height: 1.5;
    max-width: 500px;
}

/* ======================================
   GODKEND ORDRE
====================================== */

#place_order {
    background: #1f98c8 !important;
    color: #fff !important;

    border: 4px solid #2f2f2f !important;
    border-radius: 999px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;

    padding: 14px 28px !important;

    box-shadow: 6px 6px 0 rgba(0,0,0,.25) !important;

    transform: rotate(-3deg);
}

#place_order:hover {
    transform: rotate(-3deg) translateY(-3px);
}

/* ======================================
   FAKTURERINGSSIDE LUFT
====================================== */

.woocommerce-checkout .form-row {
    margin-bottom: 18px;
}

/* ======================================
   HIDE DUPLIKAT OVERSKRIFTER FRA DIVI
====================================== */

.et_pb_wc_checkout_shipping h3:not(#ship-to-different-address),
.et_pb_wc_checkout_additional_info h3:not(#order_review_heading) {
    font-family: 'Baloo 2', sans-serif !important;
}


/* ======================================
   MIN KONTO
====================================== */

/* Fjern Divi sidebar-linje */

.et_right_sidebar #main-content .container::before {
    display: none;
}

/* Layout */

.woocommerce-account .woocommerce {
    display: flex;
    gap: 50px;
}

.woocommerce-account #left-area {
    width: 100% !important;
    float: none !important;
}

.woocommerce-account #content-area {
    width: 100% !important;
}

.woocommerce-account .container {
    width: 95% !important;
    max-width: 1400px !important;
}

/* Sideoverskrift */

.woocommerce-account .entry-title {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 40px !important;
}

/* ======================================
   NAVIGATION
====================================== */

.woocommerce-MyAccount-navigation {
    width: 250px;
    flex: 0 0 250px;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    list-style: none !important;
    margin-bottom: 18px;
    padding-left: 0 !important;
}

.woocommerce-MyAccount-navigation li:before,
.woocommerce-MyAccount-navigation li::before,
#left-area .woocommerce-MyAccount-navigation li:before,
#left-area .woocommerce-MyAccount-navigation li::before {
    display: none !important;
    content: none !important;
}

.woocommerce-MyAccount-navigation a {
    display: inline-block;

    padding: 12px 24px;

    border: 4px solid #3f3f3f !important;
    border-radius: 999px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    color: #fff !important;
    text-decoration: none !important;

    transform: rotate(-3deg);

    transition: all .2s ease;
}

.woocommerce-MyAccount-navigation a:hover {
    transform: rotate(-3deg) translateY(-2px);
}

/* Menufarver */

.woocommerce-MyAccount-navigation-link--dashboard a {
    background: #fa7f50;
    box-shadow: 5px 5px 0 #d96a3f;
}

.woocommerce-MyAccount-navigation-link--orders a {
    background: #1f98c8;
    box-shadow: 5px 5px 0 #16739a;
}

.woocommerce-MyAccount-navigation-link--downloads a {
    background: #90c37e;
    box-shadow: 5px 5px 0 #6a955a;
}

.woocommerce-MyAccount-navigation-link--edit-address a {
    background: #f5c63b;
    color: #222 !important;
    box-shadow: 5px 5px 0 #d0a427;
}

.woocommerce-MyAccount-navigation-link--edit-account a {
    background: #fa7f50;
    box-shadow: 5px 5px 0 #d96a3f;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    background: #d94b4b;
    box-shadow: 5px 5px 0 #ad3232;
}

/* ======================================
   INDHOLD
====================================== */

.woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    padding: 30px;
}

.woocommerce-MyAccount-content p {
    font-size: 20px;
    line-height: 1.8;
}

.woocommerce-MyAccount-content a {
    color: #1f98c8 !important;
    font-weight: 700;
}

/* ======================================
   INFOBOKSE
====================================== */

.woocommerce-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    color: #222 !important;

    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.woocommerce-info:before {
    display: none !important;
}

.woocommerce-info .button,
.woocommerce-info .wc-forward {
    display: inline-block !important;
    float: none !important;
    order: 2;

    margin-top: 15px !important;

    background: #1f98c8 !important;
    color: #fff !important;

    border: 4px solid #3f3f3f !important;
    border-radius: 999px !important;

    padding: 10px 30px 10px 22px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transform: rotate(-3deg);

    box-shadow: 5px 5px 0 #16739a !important;

    transition: all .2s ease !important;
}

.woocommerce-info .button:hover,
.woocommerce-info .wc-forward:hover {
    transform: rotate(-3deg) translateY(-2px);
    padding-right: 40px !important;
}

/* ======================================
   INPUTFELTER
====================================== */

.woocommerce-account .input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    background: #fffdf7 !important;

    border: 3px solid #2f2f2f !important;
    border-radius: 20px !important;

    padding: 14px 18px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;

    color: #2f2f2f !important;

    box-shadow: 4px 4px 0 #d8d0bb !important;

    transition: all .2s ease !important;
}

.woocommerce-account .input-text:focus,
.woocommerce-account input:focus {
    outline: none !important;
    border-color: #1f98c8 !important;
    box-shadow: 4px 4px 0 #16739a !important;
}

.password-input {
    width: 100%;
}

.woocommerce-account label {
    display: block;
    margin-bottom: 8px;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    color: #222 !important;
}

.woocommerce-account em {
    color: #666;
    font-size: 16px;
}

/* ======================================
   ADGANGSKODE
====================================== */

.woocommerce-account fieldset {
    border: 3px solid rgba(47,47,47,.15);
    border-radius: 25px;
    padding: 25px;
    margin-top: 30px;
}

.woocommerce-account fieldset legend {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* ======================================
   GEM ÆNDRINGER
====================================== */

button[name="save_account_details"] {
    margin-top: 20px !important;

    background: #89bd7b !important;
    color: #fff !important;

    border: 4px solid #3f3f3f !important;
    border-radius: 999px !important;

    padding: 10px 22px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    transform: rotate(-2deg);

    box-shadow: 5px 5px 0 #6a955a !important;

    transition: all .2s ease !important;
}

/* ======================================
   ADRESSEKORT
====================================== */

.woocommerce-Address {
    background: rgba(255,255,255,.25);

    border: 3px solid #2f2f2f;
    border-radius: 25px;

    padding: 25px;

    box-shadow: 5px 5px 0 rgba(0,0,0,.12);
}

.woocommerce-Address-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.woocommerce-Address h2 {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.woocommerce-Address .edit {
    display: inline-block;

    margin-top: 15px;
    margin-bottom: 20px;

    background: #f5c63b;
    color: #222 !important;

    border: 3px solid #3f3f3f;
    border-radius: 999px;

    padding: 8px 16px;

    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;

    text-decoration: none;

    transform: rotate(-2deg);

    box-shadow: 4px 4px 0 #d0a427;
}

.woocommerce-Address address {
    margin-top: 0;

    font-size: 18px;
    line-height: 1.6;

    font-style: normal;
}

/* ======================================
   MOBIL
====================================== */

@media (max-width: 980px) {

    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

/* ======================================
   MOBIL
====================================== */

@media (max-width: 980px) {

    /* Layout */

    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 30px;
    }

    /* Overskrift */

    .woocommerce-account .entry-title {
        font-size: 38px !important;
        text-align: center;
    }

    /* Navigation */

    .woocommerce-MyAccount-navigation {
        width: 100%;
        flex: none;
    }

    .woocommerce-MyAccount-navigation a {
        width: 100%;
        box-sizing: border-box;
        text-align: center;

        transform: none;
    }

    .woocommerce-MyAccount-navigation a:hover {
        transform: translateY(-2px);
    }

    /* Indhold */

    .woocommerce-MyAccount-content {
        padding: 20px;
    }

    .woocommerce-MyAccount-content p {
        font-size: 18px;
    }

    /* Adressekort */

    .woocommerce-account .addresses .col-1,
    .woocommerce-account .addresses .col-2 {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .woocommerce-Address {
        padding: 20px;
    }

    .woocommerce-Address h2 {
        font-size: 28px !important;
    }

    /* Knapper */

    .woocommerce-Address .edit,
    .woocommerce-info .button,
    .woocommerce-info .wc-forward,
    button[name="save_account_details"] {

        transform: none !important;

        width: 100%;
        box-sizing: border-box;

        text-align: center;
    }

    /* Inputfelter */

    .woocommerce-account input[type="text"],
    .woocommerce-account input[type="email"],
    .woocommerce-account input[type="password"] {
        font-size: 16px !important;
    }
}

/* ======================================
   PRODUKT-VARIANTER
====================================== */

.variations select {
    background: #fffdf7 !important;

    border: 3px solid #2f2f2f !important;
    border-radius: 20px !important;

    padding: 14px 18px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;

    color: #2f2f2f !important;

    box-shadow: 4px 4px 0 #d8d0bb !important;

    min-width: 260px;

    transition: all .2s ease !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}

/* Fokus */

.variations select:focus {
    outline: none !important;

    border-color: #1f98c8 !important;

    box-shadow: 4px 4px 0 #16739a !important;
}

.variations td.value {
    position: relative;
}

.variations td.value span {
    position: relative;
    display: inline-block;
}

.variations td.value span::after {
    content: "▼";

    position: absolute;
    right: 16px;
    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

    font-size: 12px;
    color: #2f2f2f;
}

.variations .label label {
font-family: 'Baloo 2', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: #222 !important;
}

.reset_variations {
    display: inline-block !important;

    margin-left: 15px;

    background: #fa7f50;

    color: #fff !important;

    border: 3px solid #3f3f3f;
    border-radius: 999px;

    padding: 8px 16px;

    font-family: 'Baloo 2', sans-serif !important;
    font-weight: 700;

    text-decoration: none !important;

    transform: rotate(-2deg);

    box-shadow: 4px 4px 0 #d96a3f;

    transition: all .2s ease;
}

.woocommerce-variation-price .price,
.single_variation .price {

    font-family: 'Baloo 2', sans-serif !important;

    font-size: 42px !important;
    font-weight: 700 !important;

    color: #89bd7b !important;

    line-height: 1.1;
}

.woocommerce-variation-availability .stock {
    font-family: 'Baloo 2', sans-serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    color: #89bd7b !important;

    margin-top: 8px;
}

.woocommerce-message a.button.wc-forward {

    background: #fa7f50 !important;
    color: #fff !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    border-radius: 999px !important;

    padding: 12px 24px !important;

    transform: rotate(-3deg);

    box-shadow:
        0 0 0 4px #3f3f3f,
        7px 7px 0 #d96a3f !important;

    transition: all .2s ease !important;
}

.woocommerce-message a.button.wc-forward:hover {
    transform: rotate(-3deg) translateY(-2px);
    padding-right: 34px !important;
}

/* ======================================
   PRODUKTFANER
====================================== */

/* Fjern Divi/WooCommerce styling */

.et_pb_tabs,
.et_pb_wc_tabs,
.et_pb_all_tabs,
.et_pb_tab,
.et_pb_tab_content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Fjern grå linje */

.et_pb_tabs_controls {
    background: transparent !important;
    border: none !important;

    display: flex !important;
    gap: 15px;

    padding: 0 !important;
    margin-bottom: 30px !important;
}

.et_pb_tabs_controls:before,
.et_pb_tabs_controls:after {
    display: none !important;
}

/* Nulstil faner */

.et_pb_tabs_controls li {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Inaktive faner */

.et_pb_tabs_controls li a {

    display: inline-block !important;

    background: #fa7f50 !important;
    color: #fff !important;

    border: 4px solid #3f3f3f !important;
    border-radius: 999px !important;

    padding: 12px 24px !important;

    font-family: 'Baloo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transform: rotate(-2deg);

    box-shadow: 5px 5px 0 #d96a3f !important;

    transition: all .2s ease !important;
}

/* Hover */

.et_pb_tabs_controls li a:hover {
    transform: rotate(-2deg) translateY(-2px);
}

/* AKTIV FANE */

.et_pb_tabs_controls li.et_pb_tab_active a,
.et_pb_tab_nav_item.et_pb_tab_active a,
.et_pb_tab_active a {

    background: #89bd7b !important;
    color: #fff !important;

    border: 4px solid #3f3f3f !important;

    box-shadow: 5px 5px 0 #6a955a !important;
}

/* Indhold */

.et_pb_tab_content {
    padding: 0 !important;

    font-size: 20px !important;
    line-height: 1.8 !important;
}

/* Mobil */

@media (max-width: 767px) {

    .et_pb_tabs_controls {
        flex-direction: column;
    }

    .et_pb_tabs_controls li a {
        width: 100%;
        text-align: center;
        transform: none !important;
    }

    .et_pb_tabs_controls li a:hover {
        transform: translateY(-2px) !important;
    }
}

.woocommerce-variation-description p::first-line {
font-weight: 700;
}