/*
Theme Name: Made to Fit - Avada Child
Description: Custom child theme for Made to Fit tailored suits company
Author: Made to Fit
Template: Avada
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../Avada/style.css");

/*---------------------------------------------------*/
/*----------------- Project Styling -----------------*/
/*---------------------------------------------------*/

/*-----------------GENERAL CLASSES------------------*/
.underline a{
	text-decoration: underline;
}
/* Menu text + icon hover, active, current states */
body .awb-menu__main-li_regular.current-menu-ancestor .awb-menu__main-a_regular,
body .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular,
body .awb-menu__main-li_regular.current-menu-parent .awb-menu__main-a_regular,
body .awb-menu__main-li_regular.expanded .awb-menu__main-a_regular,
body .awb-menu__main-li_regular.hover .awb-menu__main-a_regular,
body .awb-menu__main-li_regular:active .awb-menu__main-a_regular,
body .awb-menu__main-li_regular:focus .awb-menu__main-a_regular,
body .awb-menu__main-li_regular:focus-within .awb-menu__main-a_regular,
body .awb-menu__main-li_regular:hover .awb-menu__main-a_regular {
  color: #8fa29a !important;
}

/* Icons only for these same states */
body .awb-menu__main-li_regular.current-menu-ancestor .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular.current-menu-parent .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular.expanded .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular.hover .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular:active .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular:focus .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular:focus-within .awb-menu__main-a_regular i,
body .awb-menu__main-li_regular:hover .awb-menu__main-a_regular i {
  color: #8fa29a !important;
}

/*--------------- RESPONSIVE STYLING ---------------*/
body{
	font-size: 16px !important;
}
@media only screen and (max-width: 750px){
	body{
		--awb-typography4-font-size: 10px !important;
	}
}

/*---------------- SLIDER REVOLUTION ----------------*/
.sliderBTN sr7-txt{
	display: flex !important;
	align-items: center;
    justify-content: center;
}
.vid-prev-blur{
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/*--------------------- HEADER ----------------------*/
/*menu button style*/
#menu-item-194{
	margin-left: 12px;
}
#menu-item-194 a span{
	background-color: #061C1C;
	padding: 12px 18px;
	border-radius: 10px;
}
#menu-item-194 a span::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 3px;
	transform: translateY(1px) rotate(-45deg);
    background-color: white; /* default */
    -webkit-mask: url("https://new-staging.madetofit.dk/wp-content/uploads/2025/09/arrow-right-regular-full-white.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("https://new-staging.madetofit.dk/wp-content/uploads/2025/09/arrow-right-regular-full-white.svg") no-repeat center;
    mask-size: contain;
    transition: 0.2s ease;
}

#menu-item-194 .menu-text{
	border: 2px solid #061C1C;
}
#menu-item-194:hover .menu-text{
	background-color: #ffffff;
	border: 2px solid #333;
	color: #061C1C;
}
#menu-item-194:hover a span::after{
	transform: translate(8px, 1px);
	transform-origin: left;
	background-color: #061C1C;
}
.user-icon {
  margin-right: 10px;
}

#awb-oc-1312 .off-canvas-close{
	margin-top: 18px;
	margin-right: 18px;
	background-color: #F3F4F6;
	padding: 15px;
	border-radius: 25px;
}

#menu-main-burger-menu li{
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: solid #e6e6e6 1px;
}

#menu-main-burger-menu li:last-of-type{
	border-bottom: none;
}

#menu-main-burger-menu li a .awb-menu__i i{
	font-size: 1.2rem;
	margin-right: 10px;
}

#menu-main-burger-menu li a .menu-text{
	font-size: 1rem;
	font-weight: 600;
}
@media only screen and (max-height: 900px){
	#menu-main-burger-menu li a .menu-text{
		font-size: 1rem;
		font-weight: 600;
	}
	#menu-main-burger-menu li{
		padding-top: 18px;
		padding-bottom: 18px;
		border-bottom: solid #e6e6e6 1px;
	}
}

@media only screen and (max-height: 800px){
	#menu-main-burger-menu li a .menu-text{
		font-size: 0.9rem;
		font-weight: 600;
	}
	#menu-main-burger-menu li{
		padding-top: 12px;
		padding-bottom: 12px;
		border-bottom: solid #e6e6e6 1px;
	}
}

#menu-book-now{
	position: absolute !important;
	bottom: 25px;
	width: 100%;
}

/*MEGA MENU*/
.awb-menu__mega-wrap{
	z-index:100;
}
#awb-oc-1312 .awb-off-canvas,
#awb-oc-1312 .awb-off-canvas-inner,
#awb-oc-1312 .off-canvas-content{
	overflow: visible !important;
}
#awb-oc-1312 .awb-menu__mega-wrap{
	padding-left: 30px !important;
	position: fixed;
	height: 100vh;
	top:0;
	left:370px !important;
	height:100vh !important;
}
#awb-oc-1312 .awb-menu__mega-wrap .fusion-flex-container:first-of-type{
	height:60%;
}
#awb-oc-1312 .awb-menu__mega-wrap .fusion-flex-container:last-of-type{
	height:40%;
}
#menu-main-burger-menu ul li{
	border-bottom: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu-main-burger-menu .awb-menu__mega-wrap .fusion-flex-container:first-of-type .fusion-builder-row{
	display: flex;
    align-content: flex-end;
}
#menu-main-burger-menu ul li a .menu-text{
	font-size: 1.5rem;
	font-weight: 600;
}

/*------------------- 1-2-3-boxes --------------------*/
#frontpagebox1 .fusion-column-wrapper::before{
	content: "01";
}
#frontpagebox2 .fusion-column-wrapper::before{
	content: "02";
}
#frontpagebox3 .fusion-column-wrapper::before{
	content: "03";
}
.frontpagebox .fusion-column-wrapper::before{
	color: white;
    font-family: "Playfair Display SC";
    font-weight: 900;
    font-size: 300px;
    position: absolute;
    line-height: 30px;
    opacity: 0.015;
    margin-left: -70px;
}
.frontpagebox .fusion-column-wrapper{
	overflow: hidden;
	position: relative;
}

/*line through the boxes*/
#frontpageboxcontainer::after{
	content: url("https://new-staging.madetofit.dk/wp-content/uploads/2025/08/frontpageline.png");
	position: absolute;
    transform-origin: center;
	z-index: 10;
	transform: scaleX(1.1);
}
#frontpageboxcontainer{
	position: relative;
}
@media only screen and (max-width: 1250px){
	#frontpageboxcontainer::after{
		display:none;
	}
}

@media only screen and (min-width: 1250px){
	#frontpageboxcontainer::after{
		transform: scale(1.1, 1);
		top: 67%;
	}
}

@media only screen and (min-width: 1580px){
	#frontpageboxcontainer::after{
		transform: scale(1.2, 1.4);
	}
}

@media only screen and (min-width: 1720px){
	#frontpageboxcontainer::after{
		transform: scale(1.4, 1.8);
		top: 67.2%;
	}
}

@media only screen and (min-width: 1900px){
	#frontpageboxcontainer::after{
		transform: scale(1.5, 1.8);	
		top: 67.3%;
	}
}
@media only screen and (min-width: 2150px){
	#frontpageboxcontainer::after{
		transform: scale(1.6, 1.8);	
		top: 67.4%;
	}
}
@media only screen and (min-width: 2300px){
	#frontpageboxcontainer::after{
		transform: scale(1.7, 1.9);	
		top: 67.4%;
	}
}
@media only screen and (min-width: 2450px){
	#frontpageboxcontainer::after{
		transform: scale(1.9, 2.2);	
		top: 67.5%;
	}
}
/*Image/text-box template*/
.imgbox .fusion-column-wrapper, 
.imgbox .fusion-column-wrapper .fusion-image-element, 
.imgbox .fusion-column-wrapper .fusion-image-element .fusion-imageframe,
.imgbox .fusion-column-wrapper .fusion-image-element .fusion-imageframe img{
	height: 100%;
}

.imgbox .fusion-column-wrapper .fusion-image-element .fusion-imageframe img{
	object-fit: cover;
}

/*-----------tab box-------------*/
.tab-box .nav-tabs{
	border: 2px solid #ededed !important;
  	border-radius: 10px;
	background-color: #ededed !important;
	padding: 5px !important;
}
.tab-box .nav-tabs li .tab-link{
	border: none !important;
}
.tab-box .nav-tabs .active{
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
}
.tab-box .nav-tabs li{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.tab-box .nav-tabs li:first-of-type
{
	margin-left: 0px !important;
}
.tab-box .nav-tabs li:last-of-type
{
	margin-right: 0px !important;
}
.tab-box .nav-tabs li .tab-link:hover{
	background-color: #E0E0E0 !important;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
	border: none !important;
}
/*-----------Category------------*/
/*---------Hover effect----------*/
.category-hover:hover .fusion-column-inner-bg-image{
	filter: blur(2px);
	transform: scale(1.1);
}
/*-------Product Postcards--------*/
.product-postcard .fusion-column-wrapper{
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
}
.product-postcard .fusion-column-wrapper .fusion-column-wrapper{
	box-shadow: none !important;
}
.product-postcard{
	transition: 0.3s !important;
}
.product-postcard:hover{
	transition: 0.3s !important;
	transform: translateY(-15px);
	
}

.product-postcard .fusion-woo-product-image .fusion-image-wrapper:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.product-postcard:hover .fusion-woo-product-image .fusion-image-wrapper:before{
	opacity: 0.6;
}

.product-postcard .product-add-to-card{
	position: absolute;
    display: block;
    top: 140px;
    z-index: 20;
	opacity: 0;
	transition: opacity 0.3s ease;
	left:50px;

}
.product-postcard:hover .product-add-to-card{
	opacity: 1;
}
.cart-loading{
	margin-top: 75px;
}

.product-postcard .cart-loading,
.product-postcard .awb-icon-shopping-cart,
.product-postcard .awb-icon-spinner{
	background:transparent !important;
}

.product-postcard .product-view-details{
	position: absolute;
    display: block;
    top: 135px;
    z-index: 20;
	opacity: 0;
	transition: opacity 0.3s ease;
	right: 50px;
}
@media (width <= 1024px) {
	.product-postcard .product-view-details,
	.product-postcard .product-add-to-card{
    	display: none !important;
	}
}
@media (width <= 1250px) {
	.product-postcard .product-view-details,
	.product-postcard .product-add-to-card{
    	right: 25%;
		left: 25%;
	}
	.product-postcard .product-view-details{
		top: 160px;
	}
	.product-postcard .product-view-details .fusion-title-heading{
		text-align: center !important;
	}
	.product-postcard .product-add-to-card{
		text-align: center;
		top: 125px;
		
	}
}
.product-postcard:hover .product-view-details{
	opacity: 1;
}
.product-sort-controls{
	padding: 0 !important;
	margin: 0 !important;
}
.products-postcards .fusion-column-inner-bg .fusion-quick-view{
	display: block!important;
}
@media (width <= 375px) {
	.products-postcards ul.fusion-grid li{
		display: flex !important;
  		flex-direction: column !important;
  		flex-basis: 100% !important;
		margin-bottom: 15px !important;
	}
}
@media (width <= 375px) {
	.products-postcards ul.fusion-grid li{
		display: flex !important;
  		flex-direction: column !important;
  		flex-basis: 100% !important;
		margin-bottom: 15px !important;
	}
}
@media (width <= 425px) {
	.products-postcards ul.fusion-grid li .fusion-title-text h2{
		font-size: 0.9rem !important;
	}
	.products-postcards ul.fusion-grid li .price bdi{
		font-size: 1.1rem !important;
	}
	.products-postcards ul.fusion-grid li{
		padding: 5px !important;
	}
}
@media (width <= 1024px) {
	.product-sorting .fusion-flex-justify-content-flex-end {
		justify-content: flex-start !important;
	}
}

/*------------Giftcard------------*/
#giftcard-personalize .fusion-fullwidth{
	padding: 0;
}
#giftcard-personalize label{
	font-weight: 400 !important;
	font-family: "Plus Jakarta Sans";
	font-size: 1rem;
	color: #061c1c;
}
#giftcard-personalize input,
#giftcard-personalize textarea{
	color: black;
	border-color: #D1D5DB;
	border-radius: 10px;
}
#giftcard-personalize input::placeholder
#giftcard-personalize textarea::placeholder{
	color: #555555;
	font-family: "Plus Jakarta Sans";
	font-weight: 300 !important;
}

.pick-design .fusion-column-wrapper:hover{
	cursor: pointer;
	border-color: #8fa29a !important;
	transition: 0.5 ease-out;
}
.active-design .fusion-column-wrapper{
	border-color: #8fa29a !important;
}

/*---------------Favorite-buttons------------------*/
.product-fav-btn{
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 20px;
}

#product-separator div{
	border-top: none;
}
/*---------------Newsletter-footer------------------*/

.m2f-newsletter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 30px;                  /* mere side-padding */
    background-color: #112626;           /* en tand mørkere – matcher Avada */
    color: #FFEAD5;
    border-radius: 14px;                 /* mindre radius = som original */
    font-weight: 600;
    font-size: 15px;
    line-height: 1.15;                   /* tekst og ikon justeret op */
    text-decoration: none;
    border: none;
    white-space: nowrap;
    max-width: fit-content;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22); /* lidt mindre blur end før */
    transition: background-color 0.2s ease,
                transform 0.2s ease,
                box-shadow 0.2s ease;
}

.m2f-newsletter-btn:hover {
    background-color: #7a8580;           /* matchet hover-farve */
    color: #f4f6f5;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.m2f-newsletter-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20);
}

.m2f-newsletter-btn .m2f-icon {
    font-size: 14px;
    line-height: 1.15;                   /* ikon løftet så det matcher */
    color: #FFEAD5;
}
/*--------------------- TAWK.TO WIDGET ----------------------*/
/* Gør chat widget-knappen mindre (80% størrelse) */
iframe[title="chat widget"] {
    transform: scale(0.1) !important;
    transform-origin: bottom right !important;
}