:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #343434;


--base-text-color: #FFFFFF;


--footer-color: #252525;


--footer-text-color: #FFFFFF;


--button-color: #afa785;


--button-hover-color: #afa785;


--button-text-color: #FFFFFF;



--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

@font-face {
    font-family: 'Nirmala';
    src: url('https://shop.technix.se/fileupload/nirmalab.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Nirmala';
    src: url('https://shop.technix.se/fileupload/Nirmala.ttf') format('truetype');
    font-weight: normal;
}

body span,
body a,
body font,
body p,
body div,
body input,
body em,
body b,
body strong,
body h1,
body h2,
body h3,
body h4,
body h5,
.button {
    font-family: 'Nirmala', sans-serif !important;
}

/* --- Footer Layout --- */
.footer .footer-wrapper .content-footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 39px auto 0 auto;
    padding: 0;
    max-width: 1200px;
}

/* --- Kolumnbredder för desktop --- */
.footer .footer-wrapper .content-footer-wrapper li:nth-child(1), 
.footer .footer-wrapper .content-footer-wrapper li:nth-child(6) {
    flex: 0 0 34%;
}

.footer .footer-wrapper .content-footer-wrapper li:nth-child(2),
.footer .footer-wrapper .content-footer-wrapper li:nth-child(3),
.footer .footer-wrapper .content-footer-wrapper li:nth-child(4),
.footer .footer-wrapper .content-footer-wrapper li:nth-child(7),
.footer .footer-wrapper .content-footer-wrapper li:nth-child(8),
.footer .footer-wrapper .content-footer-wrapper li:nth-child(9),
{
    flex: 0 0 18.6%;
}


.footer .footer-wrapper .content-footer-wrapper li:nth-child(5), 
.footer .footer-wrapper .content-footer-wrapper li:nth-child(10) {
    flex: 0 0 10%;
}

.footer .footer-wrapper .content-footer-wrapper li {
    text-align: left;
    margin: 0;
    padding: 10px;
    line-height: 1.6;
    box-sizing: border-box;
}

/* --- Storlek på logga --- */
.header-logo {
  max-width: 350px; 
  height: auto; 
  width: 100%; 
  display: block;
}


/* --- Dölj element på mobil --- */
#hide-on-mobile {
    display: block;
}

/* === SURFPLATTA (max-width: 991px) – två kolumner per rad === */
@media (max-width: 991px) {
    .footer .footer-wrapper .content-footer-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(280px, 1fr));
        gap: 20px;
        justify-content: center;
        padding: 20px;
    }

    .footer .footer-wrapper .content-footer-wrapper li {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #hide-on-mobile {
        display: none;
    }
}
  .header-logo {
    max-width: 112px;
  }
}

/* === MOBIL (max-width: 639px) – en kolumn per rad === */
@media (max-width: 639px) {
    .footer .footer-wrapper .content-footer-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px clamp(1rem, 4vw, 3rem);
    }

    .footer .footer-wrapper .content-footer-wrapper li {
        flex: 0 0 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 10px 0;
    }

    .footer .footer-wrapper .content-footer-wrapper li > div {
        text-align: left;
    }

    #hide-on-mobile {
        display: none;
    }

  .header-logo {
    max-width: 96px;
 
 }

}