/* ============================================================
   RIEPELS.DK – VARM FARVEPALET TIL HELE SHOPPEN (header, menu, knapper, footer)
   Indsættes NEDERST i /images/html/custom.css (Riepels' egen fil),
   så den overskriver skin "Gotham" uden at ændre skin-filerne,
   som også bruges af andre shops.
   Samme farver som den nye forside (.rp-):
   espresso #3a2f28 · tekst #2b2420 · købsknap engelsk grøn #1f4d3a · creme #f7f2ea · cognac #8a5a2b · mørk cognac #6b431d · guld #d9b98c
   ============================================================ */

/* ---------- GRUNDFARVER ---------- */
body{background-color:#faf7f2}
body,input,textarea,select,li,td.VariantGroupLabel,
.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea{color:#2b2420}
h1,h2,h3,h4{color:#2b2420}
a:hover,a:focus{color:#8a5a2b}

/* ---------- SERVICELINJE / USP ---------- */
.topbar{background-color:#f7f2ea;border-bottom:1px solid #e7dfd4}
.topbar ul li,.topbar ul li strong{color:#2b2420}
.topbar ul li .fa,.cardUsp i,.tab-container div.benefits ul li:before,
.productcard ul.details > li.stock-message.instock .fa,
li .product .stock.instock:before{color:#8a5a2b}
.topbar ul li small{color:#7a6e64}

/* ---------- HEADER (logo, søg, kurv) ---------- */
header{background-color:#fff;border-bottom:1px solid #e7dfd4}
header .SearchField_SearchPage{border:1px solid #e7dfd4;color:#2b2420}
header .SearchField_SearchPage:focus{border-color:#8a5a2b;outline:none}
/* søgeknap: ingen baggrundsfarve, kun lup-ikonet */
form[action="/shop/search-1.html"] .SubmitButton_SearchPage,
form[action*="-336.html"] .SubmitButton_SearchPage,
form[action="/shop/search-1.html"] .SubmitButton_SearchPage:hover,
form[action*="-336.html"] .SubmitButton_SearchPage:hover{background-color:transparent!important;box-shadow:none!important}
.basket .totalproducts{background-color:#8a5a2b;color:#fff}
.searchBtn .fa,.btn-menu{color:#2b2420}

/* ---------- HOVEDMENU ---------- */
.topmenu,.topmenu.stuck,#ProductmenuContainer_DIV{background-color:#3a2f28}
#ProductmenuContainer_DIV #ProductMenu_List > li > a,
#ProductmenuContainer_DIV #ProductMenu_List > li > a span{color:#f7f2ea}
#ProductmenuContainer_DIV #ProductMenu_List > li:hover > a,
#ProductmenuContainer_DIV #ProductMenu_List > li:hover > a span,
#ProductmenuContainer_DIV #ProductMenu_List > li > a:focus{color:#d9b98c}
#ProductmenuContainer_DIV #ProductMenu_List > li.Activ_Productmenu > a,
#ProductmenuContainer_DIV #ProductMenu_List > li > a.Activ_Productmenu{color:#d9b98c}
/* "Tilbud" fremhæves */
#ProductmenuContainer_DIV #ProductMenu_List > li > a[href*="tilbud"]{color:#e6a77a}

/* dropdown */
#ProductMenu_List > li > div,#ProductMenu_List > li > ul{background-color:#fff;border-top:3px solid #8a5a2b;box-shadow:0 8px 24px rgba(43,36,32,.12)}
#ProductMenu_List > li > div a,#ProductMenu_List > li > ul a{color:#2b2420}
#ProductMenu_List > li > div a:hover,#ProductMenu_List > li > ul a:hover{color:#8a5a2b}
#ProductMenu_List > li.columns > ul > li:not(.row) > a:before{color:#8a5a2b}
.asideMenu > ul li.open > a{color:#8a5a2b}

/* mobilmenu */
.mobileMenuHeader,.mobileMainMenuHeader,.mobileInfoMenuHeader{background-color:#3a2f28;color:#f7f2ea}
.mobileMenuUl a,.mobileMainMenuUl a{color:#2b2420}

/* ---------- KØBSKNAPPER: mørk engelsk grøn ---------- */
li .product .buy .buyButton,#customBuyBtn,
#checkout-container input#confirm-complete-button,
a.ShowBasket_SendBasketLink_Send_Link{background-color:#1f4d3a;color:#fff}
li .product .buy .buyButton:hover,#customBuyBtn:hover,
#checkout-container input#confirm-complete-button:hover,
a.ShowBasket_SendBasketLink_Send_Link:hover{background-color:#143628;color:#fff}

/* ---------- ØVRIGE KNAPPER ---------- */
input[type="submit"],input[type="button"],.SubmitButton_Customer,
ul.shortcuts > li a,.sellYourGold,#sleek .placeholder{background-color:#3a2f28;color:#fff}
input[type="submit"]:hover,input[type="button"]:hover,.SubmitButton_Customer:hover,
ul.shortcuts > li a:hover{background-color:#2b2420;color:#fff}

/* favorit/ønske-knap */
.buy a[href*=":AddFavorite"],.buy .addwish-btn{border-color:#8a5a2b;color:#8a5a2b}
.buy a[href*=":AddFavorite"] .fa{color:#8a5a2b}
.buy a[href*=":AddFavorite"]:hover,.buy .addwish-btn:hover{background:#8a5a2b;color:#fff}
.buy a[href*=":AddFavorite"]:hover .fa{color:#fff}

/* rabat-mærke på produkter */
li div.Element_Overlay_Frontpage_SavingsContainer_DIV,
li div.Element_Overlay_ProdList_SavingsContainer_DIV,
.productcard div.Element_Overlay_ProductInfo_SavingsContainer_DIV{background-color:#6b431d;color:#fff}

/* ---------- KUNDECENTER / ØVRIGE GULD-DETALJER ---------- */
.account i{color:#8a5a2b}
#activeFilters > span.selected > .remove{background-color:#8a5a2b}
body.webshop-customercenter h2.myPointsHeader{background-color:#3a2f28}
#alertbar{background-color:#3a2f28;color:#f7f2ea;border-bottom-color:#2b2420}

/* ---------- FOOTER ---------- */
footer{background-color:#f7f2ea;border-top:3px solid #8a5a2b}
footer,footer li,footer p{color:#2b2420}
footer a{color:#2b2420}
footer a:hover{color:#8a5a2b}
footer ul.TopMenu_MenuItems > li > a{border-color:#e7dfd4;color:#2b2420;background-color:#fff}
footer ul.TopMenu_MenuItems > li > a:hover{border-color:#8a5a2b;color:#8a5a2b}