/* ====================================================
    UNIKUM PYRAMID 4 - ELINE DESIGN A
    PDH, 2025-07-08
==================================================== */


/* ====================================================
Sidhuvud
==================================================== */
/* Bakgrundsfärg */
.header #top-header-container {
	background-color: #fff;
}


/* ====================================================
Varukorg
==================================================== */
/* Tom varukorg */
/* Bakgrundfärg */
.empty .cart-header {
    background-color: #bfa58a;
}

/* Ikonfärg */
.empty .cart-header::before,
.empty .cart-open-btn::before {
    color: #fafaf8;
}

/* Varukorg med artiklar */
/* Bakgrundfärg */
.cart-header {
    background-color: #726958;
}

/* Ikonfärg */
.cart-header::before,
.cart-open-btn::before {
    color: #fafaf8;
}


/* ====================================================
Meny
==================================================== */
/* Bakgrundsfärg */
.header, #bottom-header-container {
	background-color: #fff;
}

/* Textfärg vid hover */
.nav-menu li.level1:hover > a,
.nav-menu li.level1:hover > span,
.nav-menu li.level1.active_last > a,
.nav-menu li.level1.active_last > span,
.nav-menu li.level1.active > a,
.nav-menu li.level1.active > span,
.nav-menu .close-btn:hover::before,
.header-icons a:hover
.scrolled .header-icons a:hover, 
#bottom-header-container:hover {
    color: #726958;
}


/* ====================================================
Navigeringsträd (produktträd)
==================================================== */
/* Bakgrundfärg */
.nav-wrapper,
.nav-tree .level1>ul {
    background-color: #c2b49f;
}

/* Textfärg */
.nav-wrapper,
.nav-wrapper a,
.nav-wrapper .close-btn::before, 
#SidePanel {
    color: #2d2d2d;
}

/* Textfärg vid hover */
.nav-wrapper a:hover, 
#SidePanel:hover {
    color: #2d2d2d;
}


/* ====================================================
Sidfot
==================================================== */
/* Bakgrundsfärg */
footer {
    background-color: #c2b49f;
}

/* Rutor bakgrundfärg */
footer .footer-inner>div {
    background-color: #fafaf8;
}

/* Textfärg */
footer,
footer a {
    color: #2d2d2d;
}

footer a:hover,
footer a:focus {
    color: #2d2d2d;
}


/* ====================================================
Filtrering
==================================================== */
/* Bakgrundsfärg */
#FilterWrapper {
	background-color: #e7dccb;
}

/* Textfärg */
.filters {
	color: #2d2d2d;
}


/* ====================================================
Tabellhuvud
==================================================== */
/* Bakgrundsfärg */
.table .header {
    background-color: #d6d3cd;
}

/* Textfärg */
.table .header .cell,
.table .header .cell.sort,
.table .header .cell.sort:hover {
    color: #2d2d2d;
}


/* ====================================================
Formulär
==================================================== */
/* Bakgrundsfärg */
.form-wrapper {
    background-color: #e7dccb;
}

/* Textfärg */
.form-wrapper .form-group {
    color: #2d2d2d;
}


/* ====================================================
Knappar
==================================================== */
/*
    Återställ
    Fortsätt handla
    Töm varukorg
*/
.btn-reset,
.btn-continue,
.btn-empty {
    background-color: #e7dccb;
    border-color: #e7dccb;
    color: #2d2d2d;
}

.btn-reset:hover,
.btn-continue:hover,
.btn-empty:hover {
    background-color: #e7dccb;
    border-color: #e7dccb;
    color: #2d2d2d;
}

/*
    Köp
    Till kassan
*/
.btn-buy,
.btn-tocheckout {
    background-color: #03694d;
    border-color: #03694d;
    color: #fff;
}

.btn-buy:hover,
.btn-tocheckout:hover {
    background-color: #03694d;
    border-color: #03694d;
    color: #fff;
}

/*
    Välj
    Klicka för pris
    Ring för pris
*/
.btn-choose,
.btn-click,
.btn-call {
    background-color: #d6d3cd;
    border-color: #d6d3cd;
    color: #2d2d2d;
}

.btn-choose:hover,
.btn-click:hover,
.btn-call:hover {
    background-color: #d6d3cd;
    border-color: #d6d3cd;
    color: #2d2d2d;
}

/*
    Spara
    Logga in
    Skicka
    Skapa konto
 */
.btn-action {
    background-color: #c2b49f;
    border-color: #c2b49f;
    color: #2d2d2d;
}

.btn-action:hover {
    background-color: #c2b49f;
    border-color: #c2b49f;
    color: #2d2d2d;
}


/* ====================================================
Banners
==================================================== */
/* Bakgrundsfärg */
#Banners {
	background-color: #d6d3cd;
}


.totalbox {
    background-color: #c2b49f;
}

.smallcart {
    border-color: #c2b49f;
    }


@media screen and (min-width: 501px) {
    .cart-footer .totalinfo {
        background-color: #c2b49f;
    }
}
/* ====================================================
Eget invid
==================================================== */
.quantity input.textBox {
	width:3em;	
}