/**
farver på outlet knapper
farver på spar xx kr
 */
/*
input[type=text]:focus-visible, input[type=search]:focus-visible, input[type=date]:focus-visible, .js-select .select-selected:focus-visible {
    border: 1px solid #facc14 !important;
    outline: 0;
}
 */
#header input[type=search]:focus,
#header input[type=search]:focus-visible {
    border: 1px solid rgb(255 255 255 / 0.5) !important;
    outline: 0;
}

.product-labels .offer {
/*    background-color: yellow;*/
/*    color: #333;*/
    border: none;
}

form[class*=button].outlet input[type=submit] {
/*    background-color: yellow;*/
/*    color: #333;*/
    border: none
}

#produkt .product-page .previous-price strong {
    padding: 0.4em 0.6em;
/*    background-color: #facc14;*/
}

:root {

    --midGray: #3b3b3b;
    --darkGray: #2e2e2e;
    --yellow: #facc14;

    --colorOnMidGray: rgb(255 255 255 / 0.5);
    --colorHeadlineOnMidGray: white;
    --midGrayHoverFocus: #facc14;


    --accent16ca4c: #facc14;
    --colorOnAccent16ca4c: #333;

    --accent67E482: #facc14;
    --colorOnAccent67E482: #333;

    --accent31d855: #facc14;
    --colorOnAccen31d855: #333;

    --buttonBackgroundHoverFocus: yellow;
}

input[type=checkbox]:checked {
    filter: hue-rotate(283deg) brightness(1.4);
}

input[type=submit]:hover,
input[type=submit]:focus {
/*    background-color: var(--buttonBackgroundHoverFocus) !important;*/
}

.basket-nav a:hover .basket-nav-amount,
.basket-nav a:focus .basket-nav-amount {
/*    background-color: var(--buttonBackgroundHoverFocus) !important;*/
}


/* HEADER */
    .logo 
    {
    height: 120px;
    }
    
    /* NYT STARTER HER */
@media only screen and (min-width: 801px) 
{
	.header-icons {
    	flex: 0 10 228px;
	}
}


    

#header {
    background-color: var(--midGray);
    border-bottom: 2px solid var(--yellow);
}

#top-nav li:hover,
#top-nav li:focus {
    background: var(--midGray);
}

@media only screen and (max-width: 800px) {
    .logo img {
        height: 2.2rem !important;
    }
}

/*
#header .search-bar {
    background-color: var(--darkGray);
    border: 0;
    color: white;
}

#header input[type=search] {
    background-color: initial;
}
 */


.top-info div {
    color: var(--colorOnMidGray);
}

#header [class*=icon-]
{
    filter: invert(1) !important;
}

#header .icon-search {
    filter: none !important;
}
input[type=search]::-webkit-search-cancel-button {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7689 0L8 6.76887L1.23113 0L0 1.23113L6.76887 8L0 14.7689L1.23113 16L8 9.23113L14.7689 16L16 14.7689L9.23113 8L16 1.23113L14.7689 0Z' fill='gray'/%3E%3C/svg%3E");
}

#top-nav ul {
    background-color: #222;
}


.basket-nav-amount {
   /* color: var(--colorOnAccent67E482);*/
    background: var(--accent67E482); /* ANTAL I KURV */
}


/* BUTTONS */
button[class*=button]:hover,
button[class*=button]:focus,
input[class*=button]:hover,
input[class*=button]:focus,
a.button:hover,
a.button:focus {
 /*   background-color: var(--buttonBackgroundHoverFocus);*/
}


.button:focus-visible,
form[class*=button] input[type=submit]:focus-visible {
    outline: 2px solid var(--accent16ca4c) !important;
    border: 2px solid #F0F5F1 !important;
}

button[class*=button],
input[class*=button],
a.button {
 /*   background-color: var(--accent16ca4c);*/
  /*  color: var(--colorOnAccent16ca4c);*/
}

form[class*=button] input[type=submit] {
 /*   background-color: var(--accent16ca4c);*/
    /* color: var(--colorOnAccent16ca4c); */
}

.product-item .product-description input[type=submit] {
  /*  background: var(--accent16ca4c); */
   /* color: var(--colorOnAccent16ca4c); */
}

.button:focus-visible,
form[class*=button] input[type=submit]:focus-visible {
    outline: 2px solid var(--accent16ca4c) !important;
    border: 2px solid #F0F5F1 !important;
}

button[class*=button],
input[class*=button],
a.button {
 /*   background-color: var(--accent16ca4c); */
 /*   color: var(--colorOnAccent16ca4c); */
}

form[class*=button] input[type=submit] {
   /* background-color: var(--accent16ca4c); */
   /* color: var(--colorOnAccent16ca4c); */
}

.product-item .product-description input[type=submit] {
  /*  background: var(--accent16ca4c); */
   /* color: var(--colorOnAccent16ca4c); */
}


#kurv #empty-basket .button:first-of-type {
  /*  background: var(--accent31d855); */
   /* color: var(--colorOnAccen31d855); */
}

#kurv #empty-basket .button:first-of-type:hover {
    /* background: var(--buttonBackgroundHoverFocus); */
}

span.datepicker-cell.day.selected.focused {
    /* background-color: var(--accent16ca4c) !important; */
    /* color: var(--colorOnAccent16ca4c) !important; */
}


/* FOOTER */

#footer {
    background-color: var(--midGray);
}

#footer a:hover,
#footer a:focus {
    color: var(--midGrayHoverFocus);
}


#footer > div > p:first-child {
    color: var(--colorHeadlineOnMidGray);
}

#footer p, #footer a, #footer span {
    font-size: 0.875rem;
    color: var(--colorOnMidGray);
}

#footer input[type=submit] {
    background: var(--accent31d855);
    color: var(--colorOnAccen31d855);
    border: 0;
}





input[type=radio]:checked {
    filter: hue-rotate(283deg) brightness(1.4); /*KUN PÅ TEXAS.DK DA DEN ER GUL*/
}