/* ============================================================
   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}

/* ============================================================
   PRODUKTKORT (vareside)
   ============================================================ */
.productcard h1{color:#2b2420;font-size:24px;line-height:1.25;font-weight:600;margin:0 0 14px}
.productcard ul.details{list-style:none;padding:0;margin:0 0 14px;font-size:13px;color:#5e534b}
.productcard ul.details li{padding:2px 0}
.productcard ul.details > li.stock-message{color:#1f4d3a;font-weight:600}
.productcard ul.details > li.stock-message.instock .fa{color:#1f4d3a}
.productcard-pricesection{border-top:1px solid #e7dfd4;padding-top:14px;margin-bottom:6px}
.productcard .retail{color:#7a6e64;font-size:13px}
.productcard .price,.productcard .price span{color:#2b2420}

/* rabat-mærke (alle varianter af DanDomains savings-klasse) */
[class*="SavingsContainer"]{background-color:#6b431d!important;color:#fff!important}

/* køb */
.productcard .buy{margin:16px 0 4px}
.productcard #customBuyBtn,.productcard .buy input[type="submit"],.productcard .buy button{min-height:48px;font-size:14px;letter-spacing:.05em;border-radius:3px;background-color:#1f4d3a;color:#fff}
.productcard #customBuyBtn:hover,.productcard .buy input[type="submit"]:hover,.productcard .buy button:hover{background-color:#143628}

/* trustblok */
.rp-trust{border-top:1px solid #e7dfd4;border-bottom:1px solid #e7dfd4;margin:18px 0;color:#2b2420}
.rp-trust__title{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7a6e64;padding:14px 0 8px}
.rp-trust__icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:0 8px 14px}
.rp-trust__icons img{width:auto;display:block}
.rp-trust__delivery{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7dfd4}
.rp-trust__item{text-align:center;padding:14px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.rp-trust__item + .rp-trust__item{border-left:1px solid #e7dfd4}
.rp-trust__item strong{font-size:14px;font-weight:600}
.rp-trust__item small,.rp-trust__carrier{font-size:12px;color:#5e534b}
.rp-trust__carrier{font-weight:600;color:#2b2420;font-size:13px}

/* beskrivelse */
.productcard .description1,.productcard .description2{font-size:14px;line-height:1.65;color:#2b2420}
.productcard .description1 a,.productcard .description2 a{color:#8a5a2b;text-decoration:underline}

/* erfaring/værksted */
.rp-exp{background:#f7f2ea;border-left:3px solid #8a5a2b;padding:18px 18px 16px;margin:22px 0;color:#2b2420}
.rp-exp__eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a5a2b;font-weight:600;margin-bottom:4px}
.rp-exp__title{display:block;font-size:16px;margin-bottom:8px}
.rp-exp__list{list-style:none;margin:0 0 12px;padding:0;font-size:13px;line-height:1.6}
.rp-exp__list li{position:relative;padding-left:18px}
.rp-exp__list li:before{content:"\2713";position:absolute;left:0;color:#1f4d3a;font-weight:700}
.rp-exp__list a{color:#8a5a2b;text-decoration:underline}
.rp-exp__contact,.rp-exp__more{display:inline-block;font-size:13px;font-weight:600;margin-right:16px;color:#2b2420;text-decoration:underline;text-underline-offset:3px}
.rp-exp__contact:hover,.rp-exp__more:hover{color:#8a5a2b}

/* relaterede */
.related .header,.alsobought .header{color:#2b2420;font-size:20px;font-weight:600;border-bottom:1px solid #e7dfd4;padding-bottom:8px;margin-bottom:14px}

/* Ønskeskyen og kundeklub skjules, hvis scripts stadig indsætter dem */
#ov-onskeskyen-generated-wish-button,.loyaltyBox,.loyalityAndViabill{display:none!important}

@media (min-width:880px){.productcard h1{font-size:28px}}