/*

 Theme Name:     Divi Child Theme

 Theme URI:      

 Description:    Divi Child Theme

 Author:         

 Author URI:     

 Template:       Divi

 Version:        1.0.0

*/

@media only screen and (max-device-width: 667px) 
    and (-webkit-device-pixel-ratio: 2) {
        #post-1638 .et_pb_shop ul.products.columns-1 li.product, #post-1638 .et_pb_shop ul.products.columns-2 li.product, #post-1638 .et_pb_shop ul.products.columns-3 li.product, #post-1638 .et_pb_shop ul.products.columns-4 li.product, #post-1638 .et_pb_shop ul.products.columns-5 li.product, #post-1638 .et_pb_shop ul.products.columns-6 li.product {
    width: 48%!important;
    margin-right: 1%!important;
}
#post-1638 .et_pb_shop ul.products.columns-1 li.product, #post-1638 .et_pb_shop ul.products.columns-2 li.product, #post-1638 .et_pb_shop ul.products.columns-3 li.product, #post-1638 .et_pb_shop ul.products.columns-4 li.product, #post-1638 .et_pb_shop ul.products.columns-5 li.product, #post-1638 .et_pb_shop ul.products.columns-6 li.product {
    width: 48%!important;
    margin-right: 1%!important;
}
}
.products .out-of-stock {
    color: red;
}

.woocommerce .wc-proceed-to-checkout a.button.alt, .woocommerce-page .wc-proceed-to-checkout a.button.alt {
    border-color:transparent !important;
}


.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    margin-left: 50px !important;
}

@import url("../Divi/style.css");

 body .et_pb_menu .et-menu>li, body .et-db #et-boc .et-l .et_pb_menu .et-menu>li {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* =Theme customization starts here

------------------------------------------------------- */
.woocommerce ul.products {display: flex;     flex-wrap: wrap;}
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}


.woocommerce ul.products li.product a.add_to_cart_button{
    width: fit-content;
    margin: 0 auto;
    margin-top: auto;
}

.woocommerce-NoticeGroup-checkout .woocommerce-error {color:red !important; }

.newsletter-form-block {
    display: grid;
    align-items: center;
    width: 70%;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    z-index: 2;
    transition: all 0.5s;
}

.newsletter-form-block input {
    margin: 0;
    border-right: 0;
    grid-column: span 2;
    z-index: 2;
    border-radius: 0;
    height: 100%;
}

.newsletter-form-block button {
    height: 100%;
    cursor:pointer;
    z-index: 2;
    font-size: 12px;
    background-color: #b0aba7;
    color: white;
    border-color: transparent;
    border: 0px;
}

.newsletter-block .sub-header-newsletter {
    margin-bottom: 35px;
    font-size: 14px;
    color : white;
}

.newsletter-block .holder {
    position: relative;
    transition: all 0.5s;
}

.newsletter-block .holder .conf {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s;
}

.t-center{text-align: center;}
.newsletter-price-disclaimer{font-size:10px;}

.newsletter.slide-from-bottom{bottom:20px;}
.newsletter {
    position: fixed;
    right: 20px;
    bottom: -2000px;
    transition: bottom 1s;
    width: 400px;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
-moz-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
padding:20px;
z-index: 99999;
background-color: #ffff;
}

.fix-col-shit {
    max-width: 100% !important;
}


.instagram-posts {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.instagram-posts .post {
    position: relative;
    background-color: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caption-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    opacity:0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 10px;
    overflow: auto;
    font-size: 12px;
    cursor:pointer;
}


.caption-overlay a{
    text-decoration: none;
    color:#fff;
}

.caption-overlay:hover {
    opacity:1;
}

.confirm-section {
    opacity: 0;
    position: absolute;
    top: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    width: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all 1s;
    flex-direction: column;
}

.close {
    text-align: right;
    font-size: 20px;
}
.close img {cursor: pointer;}

.signup-section {
    transition: all 0.5s;
}

.title-newsletter{
    font-size:20px;
    color : white;
    padding-bottom: 0px;
}

.newsletter .title-newsletter {
    color : #666;
}


.sub-header-newsletter {
    font-size:12px;
    margin-top:5px;
}

.newsletter-email {
    width:100%;
    border:1px solid transparent;
    border-radius: 5px;
    height: 40px;
    text-indent: 10px;
    margin-top:20px;
    margin-bottom:20px;
}

.newsletter-do-signup {
    width:100%;
    border:0px !important;
}

body .woocommerce-page ul.products li.product .onsale, body .woocommerce ul.products li.product .onsale {
    padding: 5px !important;
}

.cart-content-count {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    width: 20px;
    height: 20px;
    background-color: #c6b9aa !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    margin-top: -40px;
    margin-left: 15px;
}
.cart-content-count.hide {
    display:none;
}


@media screen and (max-width: 600px) {
  .cart-content-count {margin-top:-20px;}
}

/* Desktop */

.fix-shit .et_pb_column {
    margin-top: -150px;
}

.bm-overskrift-h1 h1 {
    font-weight: 200 !important;
}

.bm-kategori-forside p {
    background-color: #c6b9aa;
    padding: 10px 0px !important;
    width: 90%;
    margin: 0 auto;
}

.blue-section .bm-kategori-forside p {
    background-color: rgba(74,123,147,0.8);
}

.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    margin-left: 50px;
}


body .woocommerce-page span.onsale, body .woocommerce span.onsale, span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale {
	background-color: #c6b9aa!important;
	border-radius: 0px!important;
    font-size: 16px;
    font-weight: 400!important;
}

body  #bm-woo-frontpage.blue-sale-tags .woocommerce span.onsale, body  #bm-woo-frontpage.blue-sale-tags a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.button.product_type_variable.add_to_cart_button {
    background-color: #85b3ba !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
    margin: 25px 0px;
}

#boclassic_card_logos {
    display: flex;
}

.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout-payment {
    margin-bottom: 50px;
}

.related.products h2.woocommerce-loop-product__title {
    font-size: 1em !important;
}

#tp-widget-rating #translations-main {font-size:36px;}

.term-description {
    margin-top: 50px;
}

.bm-bred-menu a {
    width: 250px !important;
}

#menu-item-1673 ul {
    width: 300px;
}

.woocommerce-message .button.wc-forward {
	font-size: 14px;
    background: #5e5e5e5c !important;
    border-radius: 0px;
}

.single-product .woocommerce-message {
    font-size: 14px !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.button.product_type_variable.add_to_cart_button {
    font-size: 12px;
    background-color: #b0aba7;
	color: white;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart::after {
    display: none;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    padding: .3em 1em;
}

.woocommerce ul.products li.product {
	text-align: center;
}

#bm-woo-frontpage .woocommerce-Price-amount {
    margin: 0px 25px;
}

body .et-menu li li a {
    width: 220px;
}

/* Mobil */

@media (max-width: 450px) {
	.cart-collaterals .cross-sells {
		display: none; 
    }
    
    .instagram-posts {
        grid-template-columns: auto;
    }

    .newsletter-form-block {width: 100%;}

}

/** Iphone 6 and under fix ***/
@media (max-width: 375px) {
    .woocommerce .woocommerce-breadcrumb {
        max-width: 100%;
        word-break: break-all;
    }
    
    .woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table {
        max-width: 100%;
        overflow: auto;
        width: 100%;
        display: block;
    }

    #boclassic_card_logos {
        flex-wrap: wrap;
    }

}


/* Hide the default coupon form @ WooCommerce Cart table
 
div.coupon:not(.under-proceed) { 
display: none !important; 
}
*/

/* Menu transition removal */

.et-menu-nav li a, .et_pb_button {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: color 0 ease-in;
    transition: none !important;
}


/* Header dropdown over main content */

header.et-l.et-l--header {
    z-index: 99999;
    position: relative;
}

/* Forside 4 kategoribilleder */

@media (max-width: 479px) {
	.et_pb_row .et_pb_column.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.et_pb_column_1_6 {
		width: 49% !important;
		margin: 0 0 10px;
	}

		.et_pb_column_1_4.et_pb_column_1, .et_pb_column_1_4.et_pb_column_3 {
		margin-right: 2% !important;
	}
}

.wp-caption {
    background-color: #ffffff00;
}


/* Fix Google CLS */

@media (max-width: 479px) {
	.et_pb_row.et_pb_row_0_tb_header {
    	display: none;
	}
	
	.et_pb_section.et_pb_section_0_tb_header.et_section_regular {
		padding: 0;
	}
	
	.et_pb_row_1_tb_header.et_pb_row, .et_pb_section.et_pb_section_1_tb_header.et_section_regular {
		padding-top: 1px;
		padding-bottom: 3px;
    }
    

    .newsletter {
        right:unset;
        bottom:0px;
        width:100%;
    }
    .newsletter.slide-from-bottom{bottom:0px;}
}

@media (min-width: 1200px) {
    .menu-item-1693 {
        color: #000 !important;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .menu-item-1693:after {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: #c6b9aa !important;
        position: absolute;
        right: 0;
        background-image: url(https://finehome.dk/wp-content/themes/divi-child/blomst.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: center center;
        top: -3px;
        right: -10px;
        cursor:pointer;
    }

    .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item-1693 a {
        margin: 0 !important;
        color: #000 !important;
    }
    body ul.et-menu li.menu-item-1693 a {
        margin: 0 !important;
        color: #ffff !important;
    }
    
    .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.menu-item-1693 a {
        color: #fff!important;
    }
}

body .woocommerce-page span.onsale, body .woocommerce .onsale, body .woocommerce span.onsale, body .woocommerce-page span.onsale {
    background-color: #c6b9aa !important;
    border-radius: 0px !important;
}
body .woocommerce span.onsale, body .woocommerce-page span.onsale {
    background-color: #c6b9aa !important;
    border-radius: 0px !important;
}

@media screen and (max-width: 1000px) {
    .fix-shit .et_pb_column {
      margin-top: 0px;
  }

  .fix-shit .et_pb_column:first-child {
    margin-top: -170px;
  }
  .iphone   .fix-shit .et_pb_column:first-child {
    margin-top: -15px;
  }
  body #main-content .fix-shit>.et_pb_column{width: 100% !important;}

  .bm-kategori-forside p {
    padding: 5px 0px!important;
    }

    #shipmondo_find_shop_btn_0 {
        font-size: 14px;
    }
  }

  body.woocommerce .media-uploader-status button.button.upload-dismiss-errors {display: none;}

  body .showcoupon {
    font-weight: 700;
    text-decoration: underline;
  }

  .product .entry-summary .product_meta {display: none;}


body.single-product .container .summary .cart .quantity {
      margin-bottom: 20px !important;
      display: block !important;
  }
/*
  .kl-wc-acf-product-bullets {
      display: block;
      width: 100%;
      clear: both;
  }
.kl-wc-acf-product-bullets ul {
    list-style: none;
    padding: 0px !important;
}

.kl-wc-acf-product-bullets ul li {
    list-style: none;
}
*/

.et_pb_menu__menu {margin:0 auto !important;}


/* Related category grid (bottom of category pages) */
.wc-related-cats { margin: 2.5rem 0 1rem; }
.wc-related-cats__grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);   /* 3-up like your screenshot */
}
@media (max-width: 980px){
    .wc-related-cats__grid{
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 640px){
    .wc-related-cats__grid{
        grid-template-columns: 1fr;
    }
}

.wc-related-cats__card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.wc-related-cats__image {
    aspect-ratio: 4/3;              /* keeps cards even like your example */
    background: #f6f6f6;
    overflow: hidden;
    border-radius: 6px;
}
.wc-related-cats__image img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}

.wc-related-cats__name {
    margin-top: .5rem;
    font-size: 1.15rem;             /* similar to your caption size */
    font-weight: 600;
}
.wc-related-cats__title {
    font-size: 2rem; margin: 0 0 1rem;
}
