/* =====================================================
   PC SPESIALISTEN - VOLLA DESIGN
   PrestaShop 9 / Hummingbird
   ===================================================== */

/* Farger */
:root {
    --pc-navy: #07182E;
    --pc-gold: #E9BC73;
    --pc-white: #FFFFFF;
}


/* =====================================================
   1. TOPPMENY
   ===================================================== */

#header,
#header .header-top,
#header .header-nav {
    background-color: var(--pc-navy) !important;
}

/* Hvite lenker */
#header a,
#header .nav-link {
    color: var(--pc-white) !important;
}

/* Gullfarge ved hover */
#header a:hover,
#header .nav-link:hover {
    color: var(--pc-gold) !important;
}


/* =====================================================
   2. NYHETSBREV
   ===================================================== */

/* Mørkeblå bakgrunn */
#footer #emailsubscription_anchor_displayFooterBefore.bg-body-tertiary {
    --bs-bg-opacity: 1;
    --bs-tertiary-bg-rgb: 7, 24, 46;
    background-color: var(--pc-navy) !important;
}

/* Mørkeblå bakgrunn rundt nyhetsbrevet */
#footer .footer__before {
    background-color: var(--pc-navy) !important;
}

/* Hvit overskrift og vanlig tekst */
#footer #emailsubscription_anchor_displayFooterBefore p {
    color: var(--pc-white) !important;
}

/* Hvit hjelpetekst under e-postfeltet */
#footer #emailsubscription_anchor_displayFooterBefore p.text-body-secondary {
    --bs-secondary-color: #FFFFFF;
    --bs-secondary-color-rgb: 255, 255, 255;
    color: var(--pc-white) !important;
    opacity: 1 !important;
}

/* Hvitt e-postfelt */
#footer #emailsubscription_input {
    background-color: var(--pc-white) !important;
    color: var(--pc-navy) !important;
    border-color: var(--pc-gold) !important;
}

/* Gullfarget Abonner-knapp */
#footer #emailsubscription_anchor_displayFooterBefore input[type="submit"] {
    background-color: var(--pc-gold) !important;
    color: var(--pc-navy) !important;
    border-color: var(--pc-gold) !important;
}


/* =====================================================
   3. STARTSIDE
   ===================================================== */

/* Fjern hvit stripe mellom hovedinnhold og nyhetsbrev */
body#index #wrapper {
    background-color: var(--pc-navy) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body#index #center-column {
    background-color: var(--pc-navy) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body#index #main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body#index #footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =====================================================
   4. PRODUKTSIDER - VOLLA DESIGN
   ===================================================== */

/* Mørkeblå bakgrunn */
body#product #wrapper,
body#product #center-column {
    background-color: var(--pc-navy) !important;
}

/* Hvit hovedtekst */
body#product .product__right {
    color: var(--pc-white);
}

/* Produktnavn i gull */
body#product .product__name {
    color: var(--pc-gold) !important;
}

/* Pris i hvitt */
body#product .product__price {
    color: var(--pc-white) !important;
}

/* Produktbeskrivelse */
body#product .product__description-short {
    color: var(--pc-white) !important;
}

/* MVA-tekst */
body#product .product__tax-infos,
body#product .product__tax-label {
    color: #D6DFE9 !important;
}

/* Legg i kurv - gullknapp */
body#product .product__add-to-cart-button {
    background-color: var(--pc-gold) !important;
    border-color: var(--pc-gold) !important;
    color: var(--pc-navy) !important;
    font-weight: 600;
}

/* Hover på kjøpsknappen */
body#product .product__add-to-cart-button:hover {
    background-color: #F5D39B !important;
    border-color: #F5D39B !important;
    color: var(--pc-navy) !important;
}

/* Brødsmulesti */
body#product .breadcrumb,
body#product .breadcrumb a,
body#product .breadcrumb-item {
    color: var(--pc-white) !important;
}

/* Produktbeskrivelse nederst */
body#product .product__description {
    color: var(--pc-white);
}


/* =====================================================
   5. PRODUKTSIDE - FINPUSS
   ===================================================== */

/* Mer luft rundt produktinformasjonen */
body#product .product__right {
    padding-bottom: 30px;
}

/* Tydeligere produktnavn */
body#product .product__name {
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px !important;
}

/* Mer fremtredende pris */
body#product .product__prices .product__price {
    font-size: 30px;
    font-weight: 700;
    color: var(--pc-white) !important;
}

/* Bedre lesbarhet i kort produktbeskrivelse */
body#product .product__description-short,
body#product .product__description-short li {
    color: var(--pc-white) !important;
    line-height: 1.7;
}

/* Diskret innramming av produktbildene */
body#product .product__images {
    border: 1px solid rgba(233, 188, 115, 0.25);
    border-radius: 12px;
    overflow: hidden;
}

/* Gullfarget kjøpsknapp */
body#product .product__add-to-cart-button {
    background-color: var(--pc-gold) !important;
    color: var(--pc-navy) !important;
    border-color: var(--pc-gold) !important;
    border-radius: 6px;
    font-weight: 700;
}

/* Synlig tastaturfokus */
body#product .product__add-to-cart-button:focus-visible {
    outline: 3px solid var(--pc-white);
    outline-offset: 3px;
}


/* =====================================================
   6. PRODUKTSIDE - BESKRIVELSE OG SPESIFIKASJONER
   ===================================================== */

/* Hovedområde under produktinformasjonen */
body#product .product__bottom {
    color: var(--pc-white);
    padding-top: 35px;
    padding-bottom: 45px;
}

/* Overskrifter i produktbeskrivelsen */
body#product .product__bottom h2,
body#product .product__bottom h3,
body#product .product__bottom h4 {
    color: var(--pc-gold) !important;
    margin-top: 25px;
    margin-bottom: 15px;
}

/* Avsnitt og punktlister */
body#product .product__bottom .rich-text p,
body#product .product__bottom .rich-text li {
    color: var(--pc-white);
    line-height: 1.75;
}

/* Lenker */
body#product .product__bottom .rich-text a {
    color: var(--pc-gold);
}

/* Trekkspill for beskrivelse og detaljer */
body#product .product__accordion .accordion-item {
    background-color: transparent !important;
    border-color: rgba(233, 188, 115, 0.25) !important;
    color: var(--pc-white);
}

/* Overskrifter i trekkspill */
body#product .product__accordion .accordion-button {
    background-color: #102842 !important;
    color: var(--pc-white) !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* Åpent trekkspill */
body#product .product__accordion .accordion-button:not(.collapsed) {
    color: var(--pc-gold) !important;
}

/* Innhold i trekkspill */
body#product .product__accordion .accordion-body {
    background-color: var(--pc-navy) !important;
    color: var(--pc-white) !important;
}

/* Tekniske spesifikasjoner i tabeller */
body#product .product__bottom .rich-text table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

body#product .product__bottom .rich-text table th,
body#product .product__bottom .rich-text table td {
    padding: 12px 15px;
    border: 1px solid rgba(233, 188, 115, 0.25);
    color: var(--pc-white);
    background-color: transparent;
}

/* Annenhver rad */
body#product .product__bottom .rich-text table tr:nth-child(even) {
    background-color: #102842;
}

/* Tilpasning til mobil */
@media (max-width: 767px) {
    body#product .product__bottom {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    body#product .product__bottom .rich-text table {
        font-size: 14px;
    }

    body#product .product__bottom .rich-text table th,
    body#product .product__bottom .rich-text table td {
        padding: 8px;
        overflow-wrap: anywhere;
    }
}


/* =====================================================
   7. PRODUKTSIDE - KONTRAST OG TILLEGSPRODUKTER
   ===================================================== */

/* 1. Beskrivelse - tabeller */
body#product .product__bottom .rich-text table,
body#product .product__bottom .rich-text table tbody,
body#product .product__bottom .rich-text table tr,
body#product .product__bottom .rich-text table td,
body#product .product__bottom .rich-text table th {
    color: #FFFFFF !important;
}

body#product .product__bottom .rich-text table td,
body#product .product__bottom .rich-text table th {
    background-color: #102842 !important;
}

body#product .product__bottom .rich-text table tr:nth-child(even) td,
body#product .product__bottom .rich-text table tr:nth-child(even) th {
    background-color: #193650 !important;
}

/* 2. Antall - synlige pluss- og minusknapper */
body#product .product__actions-qty-add button,
body#product .product__actions-qty-add .input-group button {
    color: #07182E !important;
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
}

body#product .product__actions-qty-add button svg {
    color: #07182E !important;
    stroke: currentColor !important;
}

body#product .product__actions-qty-add button:hover {
    background-color: #F5D49D !important;
}

/* 3. Lagerstatus */
body#product .product__availability {
    color: #FFFFFF !important;
    font-weight: 600;
}

body#product .product__availability .text-success,
body#product .product__availability .text-body-secondary {
    color: #E9BC73 !important;
}

body#product .product__availability svg,
body#product .product__availability i {
    color: #E9BC73 !important;
}

/* 4. Tilleggsprodukter - mørk bakgrunn */
body#product .product-accessories,
body#product .product-accessories .card,
body#product .product-accessories .card-body,
body#product .product-accessories .product-miniature {
    background-color: #102842 !important;
    color: #FFFFFF !important;
}

body#product .product-accessories h2,
body#product .product-accessories h3,
body#product .product-accessories a {
    color: #FFFFFF !important;
}

body#product .product-accessories .price {
    color: #E9BC73 !important;
}

/* Behold bilder synlige */
body#product .product-accessories img {
    display: block;
    max-width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
}


/* =====================================================
   8. TILLEGSPRODUKTER - VOLLA DESIGN
   ===================================================== */

/* Overskrift */
body#product .product__accessories .section-title {
    color: #E9BC73 !important;
    font-weight: 700;
    margin-bottom: 25px;
}

/* Produktkort */
body#product .product__accessories .product-miniature,
body#product .product__accessories .product-miniature__inner,
body#product .product__accessories .product-miniature__top,
body#product .product__accessories .product-miniature__bottom {
    background-color: #102842 !important;
    color: #FFFFFF !important;
}

/* Produktnavn */
body#product .product__accessories .product-miniature a {
    color: #FFFFFF !important;
}

/* Priser */
body#product .product__accessories .product-miniature .price {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Bilder: behold lys bildeflate */
body#product .product__accessories
.product-miniature__image-container {
    background-color: #FFFFFF !important;
    border-radius: 8px;
    overflow: hidden;
}

/* Antallknapper i tilleggsprodukter */
body#product .product__accessories
.quantity-button__group button {
    color: #07182E !important;
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
}

/* Gjør hamburgermenyen synlig */
.ps-mainmenu--desktop .menu-icon,
.ps-mainmenu--desktop .material-icons {
    color: #E9BC73 !important;
}

/* PC Spesialisten – mobilmeny */

@media (max-width: 1199.98px) {

    /* Vanlig tekst */
    .ps-mainmenu .menu__link,
    .ps-mainmenu .menu__link:link,
    .ps-mainmenu .menu__link:visited {
        color: #07182E !important;
        -webkit-text-fill-color: #07182E !important;
    }

    /* Gull ved hover og tastaturfokus */
    .ps-mainmenu .menu__link:hover,
    .ps-mainmenu .menu__link:focus {
        color: #B88635 !important;
        -webkit-text-fill-color: #B88635 !important;
    }
}

/* PC Spesialisten – brødsmulesti i full bredde */

.breadcrumb-wrapper {
    background-color: #07182E !important;
}

/* Utvid bakgrunnen til begge skjermkanter */
.breadcrumb {
    background-color: #07182E !important;
    box-shadow: 0 0 0 100vmax #07182E;
    clip-path: inset(0 -100vmax);
}

/* Behold hvit tekst */
.breadcrumb,
.breadcrumb a,
.breadcrumb-item,
.breadcrumb-item.active {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Gull ved hover */
.breadcrumb a:hover {
    color: #E9BC73 !important;
    -webkit-text-fill-color: #E9BC73 !important;
}
/* Skilletegn */
.breadcrumb-item::before,
.breadcrumb-item + .breadcrumb-item::before {
    color: #E9BC73 !important;
    -webkit-text-fill-color: #E9BC73 !important;
}


/* ==========================================
   PC SPESIALISTEN – ANTALL PRODUKTER
   ========================================== */

/* Tallfelt på produktsiden */
.product-quantity .qty input,
.product-quantity input#quantity_wanted,
.bootstrap-touchspin input.form-control,
input[name="qty"] {
    background-color: #07182E !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #07182E !important;
}

/* Pluss- og minusknapper */
.bootstrap-touchspin .input-group-btn button,
.bootstrap-touchspin .bootstrap-touchspin-up,
.bootstrap-touchspin .bootstrap-touchspin-down {
    background-color: #E9BC73 !important;
    color: #07182E !important;
    border-color: #E9BC73 !important;
}

/* Ikonene på knappene */
.bootstrap-touchspin .input-group-btn button i,
.bootstrap-touchspin .input-group-btn button svg {
    color: #07182E !important;
    fill: #07182E !important;
}

/* ==========================================
   PC SPESIALISTEN – HANDLEKURV
   ========================================== */

/* Antall varer ved handlekurvikonet – svart tekst */
.header .cart-products-count,
.header .cart-count,
#_desktop_cart .cart-products-count,
#_mobile_cart .cart-products-count {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* ==========================================
   PC SPESIALISTEN – TABELLER
   ========================================== */

/* Blå tabellstreker i stedet for hvite */
table,
table th,
table td,
.table,
.table th,
.table td {
    border-color: #07182E !important;
}

/* Hummingbird-tabeller med egne skillelinjer */
.table > :not(caption) > * > * {
    border-bottom-color: #07182E !important;
}

/* ==========================================
   MODELLENE – MØRKEBLÅ DESIGN
   ========================================== */

/* Hele kategorisiden */
body#category:has(.page-header h1) {
    background-color: #07182E;
}

/* Kun kategorien Modellene (kategori-ID 10) */
body#category:has(.breadcrumb a[href*="modellene"]),
body#category:has(.breadcrumb-item.active) {
    /* Egen kategoristyring legges under */
}

body#category.category-id-10,
body#category:has([data-id-category="10"]) {
    background-color: #07182E !important;
    color: #FFFFFF;
}

/* Hovedinnhold */
body#category.category-id-10 #wrapper,
body#category.category-id-10 #content-wrapper,
body#category.category-id-10 #main {
    background-color: #07182E !important;
    color: #FFFFFF !important;
}

/* Overskrifter */
body#category.category-id-10 h1,
body#category.category-id-10 h2,
body#category.category-id-10 h3 {
    color: #FFFFFF !important;
}

/* Produktkort */
body#category.category-id-10 .product-miniature .card {
    background: #102640 !important;
    border: 1px solid rgba(233,188,115,.35) !important;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: transform .2s ease, border-color .2s ease;
}

body#category.category-id-10 .product-miniature .card:hover {
    transform: translateY(-4px);
    border-color: #E9BC73 !important;
}

/* Produktnavn */
body#category.category-id-10 .product-miniature__title {
    color: #FFFFFF !important;
}

/* Priser */
body#category.category-id-10 .product-miniature__price {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Se detaljer-knapp */
body#category.category-id-10 .product-miniature .btn-outline-primary {
    background: #E9BC73 !important;
    border-color: #E9BC73 !important;
    color: #07182E !important;
    font-weight: 700;
    border-radius: 6px;
}

body#category.category-id-10 .product-miniature .btn-outline-primary:hover {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

/* Tekst, sortering og antall produkter */
body#category.category-id-10 .products-selection,
body#category.category-id-10 .total-products,
body#category.category-id-10 .category-description {
    color: #FFFFFF !important;
}

/* MODELLENE – produktkort */

body#category .product-miniature .card {
    background-color: #102640 !important;
    border: 1px solid #E9BC73 !important;
    border-radius: 12px;
    overflow: hidden;
}

/* Produktnavn */
body#category .product-miniature__title,
body#category .product-miniature__title a {
    color: #FFFFFF !important;
}

/* Priser */
body#category .product-miniature__price,
body#category .product-price {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Se detaljer-knapp */
body#category .product-miniature .btn-outline-primary {
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
    color: #07182E !important;
    font-weight: 700;
}

/* Overskrifter og beskrivelse */
body#category .page-title-section,
body#category #category-description,
body#category #category-description p {
    color: #FFFFFF !important;
}

/* TEST – mørkeblå bakgrunn på kategorisider */

body#category,
body#category #wrapper,
body#category #content-wrapper,
body#category #main {
    background-color: #07182E !important;
    color: #FFFFFF !important;
}

/* Mørkeblå bakgrunn – kategorier og CMS-sider */

body#category,
body#cms,
body#category #wrapper,
body#cms #wrapper,
body#category #content-wrapper,
body#cms #content-wrapper,
body#category #main,
body#cms #main {
    background-color: #07182E !important;
    color: #FFFFFF !important;
}

/* Hvite overskrifter */

body#category #main h1,
body#category #main h2,
body#category #main h3,
body#cms #main h1,
body#cms #main h2,
body#cms #main h3 {
    color: #FFFFFF !important;
}

/* Hvit brødtekst */

body#category #main p,
body#cms #main p {
    color: #FFFFFF;
}

/* Gullfargede lenker i CMS-innhold */

body#cms #main a:not(.btn) {
    color: #E9BC73;
}

body#cms #main a:not(.btn):hover {
    color: #FFFFFF;
}

/* PRODUKTKORT – Hummingbird 2.1.2 */

/* Mørkeblått område under produktbildet */
body#category .product-miniature .product-miniature__infos,
body#category .product-miniature .card-body {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Hvit bildeflate */
body#category .product-miniature .product-miniature__image-container {
    background-color: #FFFFFF !important;
}

/* Produktnavn */
body#category .product-miniature .product-miniature__title,
body#category .product-miniature .product-miniature__title a {
    color: #FFFFFF !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Gullfarget handlekurvknapp */
body#category .product-miniature button[data-button-action="add-to-cart"],
body#category .product-miniature button[data-button-action="add-to-cart"]:hover {
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
    color: #07182E !important;
}

/* Ikoner i handlekurvknappen */
body#category .product-miniature button[data-button-action="add-to-cart"] * {
    color: #07182E !important;
}

/* PRODUKTKORT – helhetlig mørkeblå design */

/* Mørkeblå bakgrunn i hele kortet */
body#category .product-miniature .card {
    background-color: #102640 !important;
}

/* Behold hvit bakgrunn rundt produktbildet */
body#category .product-miniature__image-container {
    background-color: #FFFFFF !important;
}

/* Mørkeblått informasjons- og kjøpsområde */
body#category .product-miniature__infos,
body#category .product-miniature .card-body,
body#category .product-miniature .product-miniature__infos.card-body {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Produktnavn */
body#category .product-miniature__title,
body#category .product-miniature__title a {
    color: #FFFFFF !important;
}

/* Litt bedre avstand rundt informasjonen */
body#category .product-miniature__infos {
    padding: 12px !important;
}

/* Gullknapper */
body#category .product-miniature .btn-primary,
body#category .product-miniature .btn-outline-primary {
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
    color: #07182E !important;
}

/* Produktkort – mørkeblå bakgrunn rundt kjøpsknappene */

body#category .product-miniature__form {
    background-color: #102640 !important;
    padding: 10px 12px 14px !important;
    margin: 0 !important;
}

/* Behold mørkeblå bakgrunn på produktinformasjonen */

body#category .product-miniature__infos {
    background-color: #102640 !important;
}

/* Behold gullfarget handlekurvknapp */

body#category .product-miniature__add {
    background-color: #E9BC73 !important;
    border-color: #E9BC73 !important;
    color: #07182E !important;
}

/* Hvite + og - knapper på produktkort */

body#category .product-miniature .quantity-button__group .increment,
body#category .product-miniature .quantity-button__group .decrement {
    background-color: #102640 !important;
    border-color: #E9BC73 !important;
    color: #FFFFFF !important;
}

/* Hvite + og - ikoner */

body#category .product-miniature .quantity-button__group .material-icons {
    color: #FFFFFF !important;
}

/* Gull ved musepeker */

body#category .product-miniature .quantity-button__group .increment:hover,
body#category .product-miniature .quantity-button__group .decrement:hover {
    color: #E9BC73 !important;
}

body#category .product-miniature .quantity-button__group button:hover .material-icons {
    color: #E9BC73 !important;
}

/* TABELLER – mørkeblått design på kategorisider */

body#category #category-description table,
body#category #js-product-list-footer table {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border: 1px solid #E9BC73 !important;
    border-collapse: collapse;
    width: 100%;
}

/* Tabellceller */
body#category #category-description table th,
body#category #category-description table td,
body#category #js-product-list-footer table th,
body#category #js-product-list-footer table td {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(233, 188, 115, 0.35) !important;
    padding: 16px !important;
}

/* Overskrifter i tabeller */
body#category #category-description table th,
body#category #js-product-list-footer table th {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Lenker i tabeller */
body#category #category-description table a,
body#category #js-product-list-footer table a {
    color: #E9BC73 !important;
}

/* Hindre hvit bakgrunn på stripete tabellrader */
body#category #category-description table tr,
body#category #js-product-list-footer table tr {
    background-color: #102640 !important;
}

/* TABELLER PÅ CMS-SIDER – Operativsystemene */

body#cms #main table,
body#cms #main .table {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border: 1px solid #E9BC73 !important;
}

/* Tabellrader og celler */
body#cms #main table tr,
body#cms #main table th,
body#cms #main table td {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border-color: rgba(233, 188, 115, 0.35) !important;
}

/* Overskrifter i tabellen */
body#cms #main table th {
    color: #E9BC73 !important;
}

/* Hindre hvit bakgrunn fra stripete tabeller */
body#cms #main .table-striped > tbody > tr > * {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Lenker i tabellen */
body#cms #main table a {
    color: #E9BC73 !important;
}

/* Fjern hvit bakgrunn fra tabeller på CMS-sider */

body#cms #main table,
body#cms #main table > tbody,
body#cms #main table > thead,
body#cms #main table tr,
body#cms #main table td,
body#cms #main table th {
    background: #102640 !important;
    background-color: #102640 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Gullfargede skillelinjer */
body#cms #main table td,
body#cms #main table th {
    border: 1px solid rgba(233, 188, 115, 0.35) !important;
}

/* Hvit tekst også i avsnitt inne i tabellen */
body#cms #main table p,
body#cms #main table span,
body#cms #main table strong {
    color: #FFFFFF !important;
}

/* OPERATIVSYSTEMENE – mørkeblå Bootstrap-tabeller */

body#cms .rich-text table {
    --bs-table-bg: #102640 !important;
    --bs-table-color: #FFFFFF !important;
    --bs-table-border-color: #E9BC73 !important;
    --bs-table-striped-bg: #102640 !important;
    --bs-table-striped-color: #FFFFFF !important;
    --bs-table-accent-bg: transparent !important;

    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Tabellceller */
body#cms .rich-text table > :not(caption) > * > * {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border-color: rgba(233, 188, 115, 0.35) !important;
    box-shadow: none !important;
}

/* HANDLEKURV – antall varer */

.header-block__badge {
    background-color: #E9BC73 !important;
    color: #07182E !important;
    border: 1px solid #E9BC73 !important;
    font-weight: 700 !important;
}

/* Sørg for at tallet også får mørkeblå farge */
.header-block__badge span {
    color: #07182E !important;
}

/* ==========================================
   SUPPORT / FAQ – PC SPESIALISTEN
   ========================================== */

/* Mørkeblå bakgrunn på hele innholdsområdet */
body#module-ets_faq-faqs,
body#module-ets_faq-faqs #wrapper,
body#module-ets_faq-faqs #content,
body#module-ets_faq-faqs #center-column,
body#module-ets_faq-faqs .page-content,
body#module-ets_faq-faqs .faq_content {
    background-color: #07182E !important;
    color: #FFFFFF !important;
}

/* Hovedoverskrift */
body#module-ets_faq-faqs .faq_content h1,
body#module-ets_faq-faqs .faq_content h2 {
    color: #FFFFFF !important;
}

/* FAQ-kategorier */
body#module-ets_faq-faqs .faq_group_li,
body#module-ets_faq-faqs .faq_nav_link {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border-color: #E9BC73 !important;
}

/* Spørsmål */
body#module-ets_faq-faqs .faq_question_li,
body#module-ets_faq-faqs .faq_question_name {
    background-color: #102640 !important;
    color: #FFFFFF !important;
    border-color: rgba(233,188,115,0.4) !important;
}

/* Gullfarget markering ved musepeker */
body#module-ets_faq-faqs .faq_question_name:hover,
body#module-ets_faq-faqs .faq_nav_link:hover {
    color: #E9BC73 !important;
}

/* Svar */
body#module-ets_faq-faqs .faq_answer {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Tekst i svarene */
body#module-ets_faq-faqs .faq_answer p,
body#module-ets_faq-faqs .faq_answer span,
body#module-ets_faq-faqs .faq_answer div,
body#module-ets_faq-faqs .faq_answer b {
    color: #FFFFFF !important;
}

/* Lenker */
body#module-ets_faq-faqs .faq_answer a {
    color: #E9BC73 !important;
    text-decoration: underline;
}

/* Skillelinjer */
body#module-ets_faq-faqs .faq_answer hr {
    border-color: #E9BC73 !important;
    opacity: 0.4;
}

/* ==========================================
   HANDLEKURV – PC SPESIALISTEN
   Hummingbird 2.1.2
   ========================================== */

/* Bakgrunn */
body#cart,
body#cart #wrapper,
body#cart #center-column,
body#cart .columns-container {
    background-color: #07182E !important;
    color: #FFFFFF !important;
}

/* Overskrifter */
body#cart .page-title-section,
body#cart .cart-grid__aside h2,
body#cart .section-title {
    color: #FFFFFF !important;
}

/* Produktlisten */
body#cart .cart__overview,
body#cart .cart__list,
body#cart .cart__item,
body#cart .product-line,
body#cart .product-line__content {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Produktkort */
body#cart .cart__item {
    border: 1px solid rgba(233,188,115,0.30) !important;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 15px;
}

/* Produktbilder */
body#cart .product-line__image {
    background-color: #FFFFFF !important;
    border-radius: 8px;
    padding: 8px;
}

/* Produktnavn og informasjon */
body#cart .product-line__title,
body#cart .product-line__item,
body#cart .product-line__item--small-info {
    color: #FFFFFF !important;
}

/* Priser */
body#cart .product-line__item-price,
body#cart .product-line__price {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Antall produkter */
body#cart .product-line__quantity-button .form-control {
    background-color: #FFFFFF !important;
    color: #07182E !important;
    border-color: #E9BC73 !important;
    text-align: center;
}

/* Pluss og minus */
body#cart .product-line__quantity-button .btn {
    background-color: #102640 !important;
    color: #E9BC73 !important;
    border: 1px solid #E9BC73 !important;
}

body#cart .product-line__quantity-button .material-icons {
    color: #E9BC73 !important;
}

/* Fjern produkt */
body#cart .js-remove-from-cart {
    color: #E9BC73 !important;
    text-decoration: underline;
}

/* Ordresammendrag */
body#cart .cart-grid__aside-wrapper,
body#cart .cart-summary,
body#cart .cart-summary__totals,
body#cart .cart-summary__subtotals,
body#cart .cart-summary__total {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Ramme rundt ordresammendrag */
body#cart .cart-grid__aside-wrapper {
    border: 1px solid rgba(233,188,115,0.40) !important;
    border-radius: 10px;
    padding: 22px;
}

/* Delsum, frakt og total */
body#cart .cart-summary__line,
body#cart .cart-summary__label {
    color: #FFFFFF !important;
}

body#cart .cart-summary__value {
    color: #E9BC73 !important;
    font-weight: 600;
}

/* Hovedknapp – Fortsett til kassen */
body#cart .cart-summary__actions .btn-primary {
    background-color: #E9BC73 !important;
    color: #07182E !important;
    border: 1px solid #E9BC73 !important;
    font-weight: 700;
}

body#cart .cart-summary__actions .btn-primary:hover {
    background-color: #FFFFFF !important;
    color: #07182E !important;
}

/* Fortsett å handle */
body#cart .cart__continue-shopping {
    background-color: transparent !important;
    color: #E9BC73 !important;
    border: 1px solid #E9BC73 !important;
}

body#cart .cart__continue-shopping:hover {
    background-color: #E9BC73 !important;
    color: #07182E !important;
}

/* Skillelinjer */
body#cart .cart__overview hr,
body#cart .cart-grid__aside hr {
    border-color: rgba(233,188,115,0.35) !important;
    opacity: 1;
}

/* Lagerstatus skal fortsatt være grønn */
body#cart .product-line__item-availability-message {
    color: #78D6A0 !important;
}

/* ==========================================
   UTVALGTE PRODUKTER I HANDLEKURVEN
   Samme design som Modellene
   ========================================== */

/* Bakgrunn for seksjonen */
body#cart .ps-featuredproducts,
body#cart .ps-featuredproducts .module-products,
body#cart .ps-featuredproducts .module-products__list {
    background-color: #07182E !important;
}

/* Overskrift */
body#cart .ps-featuredproducts .section-title {
    color: #FFFFFF !important;
}

/* Produktkort */
body#cart .ps-featuredproducts .product-miniature__inner,
body#cart .ps-featuredproducts .product-miniature__bottom,
body#cart .ps-featuredproducts .product-miniature__infos,
body#cart .ps-featuredproducts .product-miniature__actions {
    background-color: #102640 !important;
    color: #FFFFFF !important;
}

/* Produktbildene skal ha hvit bakgrunn */
body#cart .ps-featuredproducts .product-miniature__top,
body#cart .ps-featuredproducts .product-miniature__image-container,
body#cart .ps-featuredproducts .product-miniature__image-link {
    background-color: #FFFFFF !important;
}

/* Produktnavn */
body#cart .ps-featuredproducts .product-miniature__title {
    color: #FFFFFF !important;
}

/* Priser */
body#cart .ps-featuredproducts .product-miniature__price {
    color: #E9BC73 !important;
    font-weight: 700;
}

/* Legg i kurv */
body#cart .ps-featuredproducts .product-miniature__add {
    background-color: #E9BC73 !important;
    color: #07182E !important;
    border-color: #E9BC73 !important;
}

body#cart .ps-featuredproducts .product-miniature__add .material-icons {
    color: #07182E !important;
}

/* Antallfelt */
body#cart .ps-featuredproducts .quantity-button__group .form-control {
    background-color: #FFFFFF !important;
    color: #07182E !important;
    border-color: #E9BC73 !important;
}

/* Pluss og minus */
body#cart .ps-featuredproducts .quantity-button__group .btn {
    background-color: #102640 !important;
    border-color: #E9BC73 !important;
}

body#cart .ps-featuredproducts .quantity-button__group .material-icons {
    color: #E9BC73 !important;
}

/* Se detaljer */
body#cart .ps-featuredproducts .product-miniature__details {
    background-color: #E9BC73 !important;
    color: #07182E !important;
    border-color: #E9BC73 !important;
}

/* Knappen under produktene */
body#cart .ps-featuredproducts .module-products__buttons .btn {
    background-color: transparent !important;
    color: #E9BC73 !important;
    border: 1px solid #E9BC73 !important;
}

body#cart .ps-featuredproducts .module-products__buttons .btn:hover {
    background-color: #E9BC73 !important;
    color: #07182E !important;
}

/* Antallfelt – svart tekst på hvit bakgrunn */
body#cart .ps-featuredproducts .quantity-button__group input.form-control,
body#cart .ps-featuredproducts .quantity-button__group input.form-control:focus,
body#cart .cart__overview .quantity-button__group input.form-control,
body#cart .cart__overview .quantity-button__group input.form-control:focus {
    background-color: #FFFFFF !important;
    color: #07182E !important;
    -webkit-text-fill-color: #07182E !important;
    opacity: 1 !important;
}

/* ==========================================================
   PC SPESIALISTEN - CHECKOUT (HUMMINGBIRD 2.1.2)
   Erstatt alle tidligere checkout-regler med denne seksjonen.
   ========================================================== */
body#checkout {
  --pc-checkout-bg: #07182E;
  --pc-checkout-card: #102640;
  --pc-checkout-raised: #193650;
  --pc-checkout-gold: #E9BC73;
  --pc-checkout-text: #FFFFFF;
  --pc-checkout-muted: #D6E0EB;
  --pc-checkout-border: rgba(233,188,115,.35);
  background-color: var(--pc-checkout-bg) !important;
  color: var(--pc-checkout-text) !important;
  --bs-body-bg: #07182E;
  --bs-body-color: #FFFFFF;
  --bs-secondary-color: #D6E0EB;
  --bs-secondary-color-rgb: 214,224,235;
  --bs-tertiary-bg: #102640;
  --bs-emphasis-color: #FFFFFF;
  --bs-body-color-rgb: 255,255,255;
  --bs-link-color: #E9BC73;
  --bs-link-hover-color: #F5D39B;
}
/* Entire checkout page: actual containers from the saved HTML */
body#checkout #wrapper,
body#checkout #content-wrapper,
body#checkout #main,
body#checkout main,
body#checkout .columns-container,
body#checkout #center-column,
body#checkout .checkout-grid,
body#checkout .checkout-grid__content,
body#checkout .checkout-grid__aside,
body#checkout .checkout-grid__content > .tab-content {
  background-color: var(--pc-checkout-bg) !important;
  color: var(--pc-checkout-text) !important;
}
body#checkout .checkout-grid { padding-top: 24px; padding-bottom: 45px; }
/* Top progress navigation: actual checkout-steps BEM markup */
body#checkout .checkout-steps,
body#checkout .checkout-steps__desktop,
body#checkout .checkout-steps__mobile,
body#checkout .checkout-steps__list {
  background: var(--pc-checkout-card) !important;
  color: var(--pc-checkout-text) !important;
}
body#checkout .checkout-steps { border-bottom: 1px solid var(--pc-checkout-border) !important; }
body#checkout .checkout-steps__step,
body#checkout .checkout-steps__btn {
  background: transparent !important;
  color: var(--pc-checkout-muted) !important;
  border-color: var(--pc-checkout-border) !important;
}
body#checkout .checkout-steps__title,
body#checkout .checkout-steps__subtitle,
body#checkout .checkout-steps__btn,
body#checkout .checkout-steps__step .checkout-steps__title {
  color: var(--pc-checkout-muted) !important;
  -webkit-text-fill-color: var(--pc-checkout-muted) !important;
}
body#checkout .checkout-steps__number {
  background: var(--pc-checkout-bg) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--pc-checkout-border) !important;
}
body#checkout .checkout-steps__step--current .checkout-steps__title,
body#checkout .checkout-steps__step--success .checkout-steps__title,
body#checkout .checkout-steps__step--current .checkout-steps__btn,
body#checkout .checkout-steps__step--success .checkout-steps__btn {
  color: var(--pc-checkout-gold) !important;
  -webkit-text-fill-color: var(--pc-checkout-gold) !important;
}
body#checkout .checkout-steps__step--current .checkout-steps__number,
body#checkout .checkout-steps__step--success .checkout-steps__number {
  background: var(--pc-checkout-gold) !important;
  border-color: var(--pc-checkout-gold) !important;
  color: var(--pc-checkout-bg) !important;
}
body#checkout .checkout-steps .progress-ring__text { fill: var(--pc-checkout-gold) !important; }
body#checkout .checkout-steps .progress-ring__background-circle { stroke: #48617A !important; }
body#checkout .checkout-steps .progress-ring__circle { stroke: var(--pc-checkout-gold) !important; }
/* Four checkout panels: actual section.step, not .checkout-step */
body#checkout .checkout-grid__content section.step {
  background: var(--pc-checkout-card) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
}
body#checkout .checkout-grid__content .step__title,
body#checkout .checkout-grid__content .step__content {
  background: transparent !important;
  color: #FFFFFF !important;
}
body#checkout .step__title .page-title-section,
body#checkout .step__title h1,
body#checkout .step__title h2,
body#checkout .step__title h3 {
  color: var(--pc-checkout-gold) !important;
  -webkit-text-fill-color: var(--pc-checkout-gold) !important;
  font-weight: 700;
}
body#checkout .step__title hr,
body#checkout .step__content hr { border-color: var(--pc-checkout-border) !important; opacity: 1; }
/* Readable body text, including Bootstrap utility classes */
body#checkout .step__content p,
body#checkout .step__content label,
body#checkout .step__content .form-label,
body#checkout .step__content .form-check-label,
body#checkout .step__content .text-body,
body#checkout .step__content .text-body-secondary,
body#checkout .step__content .text-muted,
body#checkout .step__content .text-secondary,
body#checkout .step__content .form-text,
body#checkout .step__content small {
  color: var(--pc-checkout-muted) !important;
  -webkit-text-fill-color: var(--pc-checkout-muted) !important;
}
body#checkout .step__content strong,
body#checkout .step__content b { color: #FFFFFF !important; }
body#checkout .step__content a:not(.btn),
body#checkout .address-card__edit { color: var(--pc-checkout-gold) !important; }
body#checkout .address-card__delete { color: #FFAAAA !important; }
/* Guest/login tabs */
body#checkout .step__content .nav-underline { border-color: var(--pc-checkout-border) !important; }
body#checkout .step__content .nav-link { color: var(--pc-checkout-muted) !important; }
body#checkout .step__content .nav-link.active,
body#checkout .step__content .nav-link:hover {
  color: var(--pc-checkout-gold) !important;
  border-bottom-color: var(--pc-checkout-gold) !important;
}
/* Form fields: deliberately white, with dark readable text */
body#checkout .step__content input.form-control:not([type="checkbox"]):not([type="radio"]),
body#checkout .step__content textarea.form-control,
body#checkout .step__content select.form-control,
body#checkout .step__content .form-select,
body#checkout .bringinte-pickup-extra select {
  background-color: #FFFFFF !important;
  color: #07182E !important;
  -webkit-text-fill-color: #07182E !important;
  border: 1px solid #B4C2D1 !important;
  border-radius: 7px;
  opacity: 1;
}
body#checkout .step__content input.form-control:focus,
body#checkout .step__content select:focus,
body#checkout .step__content textarea:focus {
  border-color: var(--pc-checkout-gold) !important;
  box-shadow: 0 0 0 3px rgba(233,188,115,.20) !important;
}
body#checkout .step__content input.form-control::placeholder,
body#checkout .step__content textarea.form-control::placeholder {
  color: #64748B !important;
  -webkit-text-fill-color: #64748B !important;
}
body#checkout .form-check-input { border-color: #B4C2D1 !important; }
body#checkout .form-check-input:checked {
  background-color: var(--pc-checkout-gold) !important;
  border-color: var(--pc-checkout-gold) !important;
}
/* Address cards */
body#checkout .address-card,
body#checkout .address-card__container,
body#checkout .address-card__header,
body#checkout .address-card__content {
  background: var(--pc-checkout-raised) !important;
  color: #FFFFFF !important;
}
body#checkout .address-card {
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 10px;
  margin-bottom: 14px;
}
body#checkout .address-card.selected,
body#checkout .address-card:has(input[type="radio"]:checked) { border: 2px solid var(--pc-checkout-gold) !important; }
body#checkout .address-card__alias { color: var(--pc-checkout-gold) !important; font-weight: 700; }
/* Delivery options */
body#checkout .delivery-options__container,
body#checkout .delivery-options__form,
body#checkout .delivery-options__list { background: transparent !important; color: #FFFFFF !important; }
body#checkout .delivery-option__item {
  background: var(--pc-checkout-raised) !important;
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
body#checkout .delivery-option__item:has(input[type="radio"]:checked) { border: 2px solid var(--pc-checkout-gold) !important; }
body#checkout .delivery-option__label,
body#checkout .delivery-option__left,
body#checkout .delivery-option__content,
body#checkout .delivery-option__check { background: transparent !important; color: #FFFFFF !important; }
body#checkout .delivery-option__label { padding: 15px; cursor: pointer; }
body#checkout .delivery-option__carrier-name { color: #FFFFFF !important; font-weight: 600; }
body#checkout .delivery-option__price { color: var(--pc-checkout-gold) !important; font-weight: 700; }
body#checkout .delivery-option__extra { color: var(--pc-checkout-muted) !important; }
body#checkout .bringinte-pickup-extra {
  background: var(--pc-checkout-raised) !important;
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 9px;
  padding: 15px;
  color: #FFFFFF !important;
}
body#checkout .bringinte-pickup-extra label { color: var(--pc-checkout-gold) !important; font-weight: 700; }
body#checkout .bringinte-pickup-extra small { color: var(--pc-checkout-muted) !important; }
/* Payment: outer wrapper only; cross-origin Nets iframe is separate */
body#checkout .payment-options__list { background: transparent !important; }
body#checkout .payment-option {
  background: var(--pc-checkout-raised) !important;
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 10px;
  color: #FFFFFF !important;
  padding: 15px;
  margin-bottom: 12px;
}
body#checkout .payment-option:has(input[type="radio"]:checked) { border-color: var(--pc-checkout-gold) !important; }
body#checkout .payment-option__label { color: #FFFFFF !important; }
body#checkout #netseasy_payment_container,
body#checkout #nets-complete-checkout { max-width: 100%; }
body#checkout #nets-checkout-iframe { display: block; width: 100%; max-width: 100%; border: 0; }
/* Buttons */
body#checkout .checkout-grid__content .btn-primary,
body#checkout .checkout-grid__content .btn-primary:not(:disabled):not(.disabled) {
  background: var(--pc-checkout-gold) !important;
  border-color: var(--pc-checkout-gold) !important;
  color: #07182E !important;
  -webkit-text-fill-color: #07182E !important;
  font-weight: 700;
  border-radius: 7px;
}
body#checkout .checkout-grid__content .btn-primary:hover { background: #F5D39B !important; border-color: #F5D39B !important; }
body#checkout .checkout-grid__content .btn-outline-primary,
body#checkout .checkout-grid__content .btn-basic {
  background: transparent !important;
  border-color: var(--pc-checkout-gold) !important;
  color: var(--pc-checkout-gold) !important;
}
body#checkout .checkout-grid__content .btn-outline-primary:hover,
body#checkout .checkout-grid__content .btn-basic:hover {
  background: var(--pc-checkout-gold) !important;
  color: #07182E !important;
}
body#checkout .checkout-grid__content .btn:disabled { opacity: .55; }
/* Right-side order summary - actual accordion markup */
body#checkout .checkout-grid__aside-wrapper,
body#checkout .checkout__summary-accordion,
body#checkout .checkout__summary-accordion-item,
body#checkout .checkout__summary-accordion-wrapper,
body#checkout .checkout-grid__aside .cart-summary,
body#checkout .checkout-grid__aside .cart-summary__products,
body#checkout .checkout-grid__aside .cart-summary__subtotals,
body#checkout .checkout-grid__aside .cart-summary__total,
body#checkout .checkout-grid__aside .cart-summary__line {
  background-color: var(--pc-checkout-card) !important;
  color: #FFFFFF !important;
  border-color: var(--pc-checkout-border) !important;
}
body#checkout .checkout-grid__aside-wrapper {
  border: 1px solid var(--pc-checkout-border) !important;
  border-radius: 12px;
  overflow: hidden;
}
body#checkout .checkout__summary-accordion-header,
body#checkout .checkout__summary-accordion .accordion-button,
body#checkout .checkout__summary-accordion .accordion-button.collapsed {
  background: var(--pc-checkout-card) !important;
  color: var(--pc-checkout-gold) !important;
  -webkit-text-fill-color: var(--pc-checkout-gold) !important;
  box-shadow: none !important;
  border-color: var(--pc-checkout-border) !important;
  font-weight: 700;
}
body#checkout .checkout__summary-accordion .accordion-button::after { filter: brightness(0) invert(1); }
body#checkout .checkout-grid__aside .cart-summary__label,
body#checkout .checkout-grid__aside .cart-summary__value,
body#checkout .checkout-grid__aside .cart-summary__products-number,
body#checkout .checkout-grid__aside .cart-summary-product__link,
body#checkout .checkout-grid__aside .text-body-secondary,
body#checkout .checkout-grid__aside .text-muted,
body#checkout .checkout-grid__aside .text-secondary,
body#checkout .checkout-grid__aside small,
body#checkout .checkout-grid__aside p,
body#checkout .checkout-grid__aside span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
body#checkout .checkout-grid__aside a { color: var(--pc-checkout-gold) !important; -webkit-text-fill-color: var(--pc-checkout-gold) !important; }
body#checkout .checkout-grid__aside .cart-summary-product__price,
body#checkout .checkout-grid__aside .cart-summary__total .cart-summary__value,
body#checkout .checkout-grid__aside .cart-summary__line--bold .cart-summary__value {
  color: var(--pc-checkout-gold) !important;
  -webkit-text-fill-color: var(--pc-checkout-gold) !important;
  font-weight: 700;
}
body#checkout .checkout-grid__aside .cart-summary__line--bold { border-top: 1px solid var(--pc-checkout-border) !important; }
/* Mobile */
@media (max-width: 767px) {
  body#checkout .checkout-grid { padding-top: 12px; }
  body#checkout .checkout-grid__content section.step { padding: 16px; }
  body#checkout .checkout-steps__mobile .checkout-steps__title,
  body#checkout .checkout-steps__mobile .checkout-steps__subtitle { color: var(--pc-checkout-gold) !important; }
  body#checkout .delivery-option__label { padding: 12px; }
}

/* =============================================================
   PC SPESIALISTEN - NETS EASY PAYMENT FINISH
   External Nets checkout iframe remains controlled by Nets.
   ============================================================= */
body#checkout #checkout-payment-step,
body#checkout #checkout-payment-step .step__content,
body#checkout #checkout-payment-step .page-title-section,
body#checkout #checkout-payment-step .payment-options__list {
  background-color: #102640 !important;
  color: #FFFFFF !important;
}
body#checkout #checkout-payment-step .step__title,
body#checkout #checkout-payment-step .page-title-section h1,
body#checkout #checkout-payment-step .page-title-section h2,
body#checkout #checkout-payment-step .payment-option__label,
body#checkout #checkout-payment-step .payment-option__form-check {
  color: #FFFFFF !important;
}
body#checkout #checkout-payment-step .payment-option,
body#checkout #checkout-payment-step .payment-option__form-check {
  background-color: #102640 !important;
  border-color: rgba(233, 188, 115, .35) !important;
}
body#checkout #checkout-payment-step .payment-option:has(input[type="radio"]:checked) {
  border-color: #E9BC73 !important;
}
body#checkout #checkout-payment-step .payment-option__input:checked {
  background-color: #E9BC73 !important;
  border-color: #E9BC73 !important;
}
/* White payment panel is intentional: readable Nets-hosted checkout. */
body#checkout #checkout-payment-step #netseasy_payment_container {
  background: #FFFFFF !important;
  color: #07182E !important;
  border: 2px solid #E9BC73 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin: 20px 0 24px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .25);
  max-width: 100%;
}
body#checkout #checkout-payment-step #nets-complete-checkout {
  background: #FFFFFF !important;
  border-radius: 10px;
  max-width: 100%;
}
body#checkout #checkout-payment-step #nets-checkout-iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}
body#checkout #checkout-payment-step .btn-outline-primary.js-back {
  color: #E9BC73 !important;
  border-color: #E9BC73 !important;
  background: transparent !important;
}
body#checkout #checkout-payment-step .btn-outline-primary.js-back:hover {
  color: #07182E !important;
  background: #E9BC73 !important;
}
@media (max-width: 767px) {
  body#checkout #checkout-payment-step #netseasy_payment_container {
    padding: 10px !important;
    border-radius: 10px !important;
  }
}

/* =============================================================
   KONTAKT OSS - Hummingbird / PrestaShop 9
   ============================================================= */
body#contact #wrapper,
body#contact #center-column,
body#contact #main,
body#contact .page-content,
body#contact .contact-form,
body#contact .contact-form .card,
body#contact .contact-form .card-body {
  background-color: #102640 !important;
  color: #FFFFFF !important;
}
body#contact #wrapper {
  background-color: #07182E !important;
}
body#contact .contact-form,
body#contact .contact-form .card {
  border: 1px solid rgba(233,188,115,.35) !important;
  border-radius: 12px;
}
body#contact h1,
body#contact h2,
body#contact h3,
body#contact .page-header,
body#contact .contact-form label,
body#contact .contact-form .form-label,
body#contact .contact-form p,
body#contact .contact-form .form-text {
  color: #FFFFFF !important;
}
body#contact .contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body#contact .contact-form textarea,
body#contact .contact-form select {
  background-color: #FFFFFF !important;
  color: #07182E !important;
  border-color: rgba(233,188,115,.5) !important;
}
body#contact .contact-form .btn-primary,
body#contact .contact-form button[type="submit"] {
  background-color: #E9BC73 !important;
  border-color: #E9BC73 !important;
  color: #07182E !important;
}
body#contact .contact-form a {
  color: #E9BC73 !important;
}

/* =============================================================
   ORDRESPORING / LOGG INN / OPPRETT KONTO
   PrestaShop 9 Hummingbird - same palette as Kontakt oss
   ============================================================= */
body:is(#guest-tracking, #order-follow, #authentication, #registration) #wrapper {
  background-color: #07182E !important;
  color: #FFFFFF !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(#center-column, #main, .page-content, .page-content-wrapper, .login-form, .register-form, .registration-form, .guest-tracking, .card, .card-body, .form-container) {
  background-color: #102640 !important;
  color: #FFFFFF !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(.card, .login-form, .register-form, .registration-form, .guest-tracking, .page-content) {
  border-color: rgba(233,188,115,.35) !important;
  border-radius: 12px;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(h1, h2, h3, h4, .page-header, .page-title, .form-label, label, legend, .form-text, .form-control-comment, p, .help-block, .form-group) {
  color: #FFFFFF !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(input.form-control, textarea.form-control, select.form-select, select.form-control) {
  background-color: #FFFFFF !important;
  color: #07182E !important;
  border-color: rgba(233,188,115,.5) !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(input.form-control, textarea.form-control)::placeholder {
  color: #66758A !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(a:not(.btn), .forgot-password a, .no-account a) {
  color: #E9BC73 !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(.btn-primary, button[type="submit"].btn) {
  background-color: #E9BC73 !important;
  border-color: #E9BC73 !important;
  color: #07182E !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(.btn-primary, button[type="submit"].btn):hover {
  background-color: #F3D39B !important;
  border-color: #F3D39B !important;
  color: #07182E !important;
}
body:is(#guest-tracking, #order-follow, #authentication, #registration) :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
  accent-color: #E9BC73;
}

/* ============================================================
   12. HEADER - KUNDEKONTO OG HANDLEKURV
   ============================================================ */
#header .ps-customersignin #userMenuButton,
#header .ps-customersignin #userMenuButton .header-block__title,
#header .ps-customersignin #userMenuButton .header-block__icon,
#header .blockcart,
#header .blockcart a,
#header .blockcart .header-block__title {
    color: var(--pc-white) !important;
}
#header .ps-customersignin #userMenuButton:hover,
#header .ps-customersignin #userMenuButton:hover .header-block__title,
#header .ps-customersignin #userMenuButton:hover .header-block__icon,
#header .ps-customersignin #userMenuButton[aria-expanded="true"],
#header .ps-customersignin #userMenuButton[aria-expanded="true"] .header-block__title {
    color: var(--pc-gold) !important;
}
#header .ps-customersignin .dropdown-menu {
    background: #102640 !important;
    border: 1px solid var(--pc-gold) !important;
    border-radius: 10px !important;
    padding: 8px !important;
    min-width: 220px;
    box-shadow: 0 10px 30px rgba(0,0,0,.3) !important;
}
#header .ps-customersignin .dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 11px 14px !important;
    background: transparent !important;
    color: var(--pc-white) !important;
    border-radius: 6px;
    text-decoration: none !important;
}
#header .ps-customersignin .dropdown-menu .dropdown-item i {
    color: var(--pc-gold) !important;
    font-size: 20px;
}
#header .ps-customersignin .dropdown-menu .dropdown-item:is(:hover,:focus) {
    background: var(--pc-navy) !important;
    color: var(--pc-gold) !important;
}
#header .ps-customersignin .dropdown-menu .dropdown-item:is(:hover,:focus) i {
    color: var(--pc-white) !important;
}
#header .ps-customersignin .dropdown-menu .dropdown-divider {
    border-top: 1px solid rgba(233,188,115,.3) !important;
    opacity: 1;
}
#header .ps-customersignin .dropdown-menu .dropdown-item:first-child {
    color: var(--pc-gold) !important;
    font-weight: 600;
}
#header .ps-customersignin .dropdown-menu .dropdown-item:last-child {
    border-top: 1px solid rgba(233,188,115,.2);
    margin-top: 4px;
}

/* ============================================================
   13. KUNDEKONTO - FELLES SIDER
   ============================================================ */
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return) #wrapper {
    background: var(--pc-navy) !important;
    color: var(--pc-white);
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
:is(.page-header,.page-title,.page-title-section,.account-menu__title) {
    color: var(--pc-white) !important;
}
body:is(#identity,#addresses,#address,#history,#order-detail,
        #order-slip,#order-follow,#order-return)
:is(.page-content,.page-content-wrapper,.card,.card-body) {
    background-color: #102640 !important;
    color: var(--pc-white) !important;
    border-color: rgba(233,188,115,.25) !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.page-content :is(h2,h3,h4,p,label,.form-control-label,.card-title,.card-text) {
    color: var(--pc-white) !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.page-content a:not(.btn):not(.account-menu__link):not(.link-item) {
    color: var(--pc-gold) !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.page-content a:not(.btn):not(.account-menu__link):not(.link-item):hover {
    color: var(--pc-white) !important;
}
body:is(#identity,#address,#order-follow,#order-return)
:is(input.form-control,select.form-select,textarea.form-control) {
    background: var(--pc-white) !important;
    color: var(--pc-navy) !important;
    border: 1px solid var(--pc-gold) !important;
    border-radius: 6px;
}
body:is(#history,#order-detail,#order-slip,#order-follow,#order-return) .table {
    --bs-table-bg: #102640;
    --bs-table-color: #FFFFFF;
    --bs-table-border-color: rgba(233,188,115,.25);
    --bs-table-striped-bg: #193553;
    --bs-table-striped-color: #FFFFFF;
    --bs-table-hover-bg: #193553;
    --bs-table-hover-color: #FFFFFF;
    color: var(--pc-white) !important;
    border-color: rgba(233,188,115,.25) !important;
}
body:is(#history,#order-detail,#order-slip,#order-follow,#order-return)
.table :is(th,td) { color: inherit; border-color: rgba(233,188,115,.25); }
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return) .page-content .btn-primary {
    background: var(--pc-gold) !important;
    color: var(--pc-navy) !important;
    border-color: var(--pc-gold) !important;
    font-weight: 600;
    border-radius: 6px;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return) .page-content .btn-primary:hover {
    background: var(--pc-white) !important;
    color: var(--pc-navy) !important;
    border-color: var(--pc-white) !important;
}
body:is(#identity,#addresses,#address,#history,#order-detail,
        #order-slip,#order-follow,#order-return) .page-footer a {
    color: var(--pc-gold) !important;
}

/* ============================================================
   14. DIN KONTO - VENSTREMENY OG HOVEDKORT
   Eksakte Hummingbird-klasser fra butikkens HTML
   ============================================================ */
body#my-account .account-menu--sidebar {
    background: #102640 !important;
    border: 1px solid rgba(233,188,115,.35) !important;
    border-radius: 10px !important;
    padding: 15px !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.account-menu--sidebar .account-menu__link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    color: var(--pc-white) !important;
    border-radius: 6px;
    text-decoration: none !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.account-menu--sidebar .account-menu__link:hover {
    background: #193553 !important;
    color: var(--pc-white) !important;
}
body:is(#my-account,#identity,#addresses,#address,#history,
        #order-detail,#order-slip,#order-follow,#order-return)
.account-menu--sidebar .account-menu__icon {
    color: var(--pc-gold) !important;
}
body#my-account .account-menu--main .account-menu__link {
    display: flex !important;
    align-items: center;
    gap: 12px;
    background: #102640 !important;
    background-image: none !important;
    color: var(--pc-white) !important;
    border: 1px solid var(--pc-gold) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    padding: 18px !important;
    transition: background-color .2s ease;
}
body#my-account .account-menu--main .account-menu__link:hover {
    background: #193553 !important;
    color: var(--pc-white) !important;
    border-color: var(--pc-gold) !important;
}
body#my-account .account-menu--main .account-menu__icon {
    color: var(--pc-gold) !important;
}
body#my-account .account-menu--main .account-menu__link > * {
    background: transparent !important;
}

/* ============================================================
   15. ADRESSER - ADRESSEKORT OG HANDLINGER
   ============================================================ */
body#addresses :is(.address,.address-body,.address-footer,
                   .address-card,.address-card__container,
                   .address-card__header,.address-card__content,
                   .address-card__actions) {
    background-color: #102640 !important;
    color: var(--pc-white) !important;
}
body#addresses :is(.address,.address-card) {
    border: 1px solid rgba(233,188,115,.4) !important;
    border-radius: 10px !important;
    overflow: hidden;
}
body#addresses :is(.address-body,.address-card__content) :is(p,span,div,address,li),
body#addresses address.address-card__content {
    color: var(--pc-white) !important;
}
body#addresses :is(.address-body h4,.address-body .h4,.address-card__alias) {
    color: var(--pc-gold) !important;
}
body#addresses a[data-link-action="add-address"],
body#addresses .addresses-footer a,
body#addresses .page-content a.btn {
    background: #102640 !important;
    color: var(--pc-white) !important;
    border: 1px solid var(--pc-gold) !important;
    border-radius: 8px;
}
body#addresses a[data-link-action="add-address"]:hover,
body#addresses .addresses-footer a:hover,
body#addresses .page-content a.btn:hover {
    background: #193553 !important;
    color: var(--pc-white) !important;
    border-color: var(--pc-gold) !important;
}
body#addresses :is(a[data-link-action="add-address"],.addresses-footer a,.page-content a.btn) * {
    color: inherit !important;
}
/* Høy spesifisitet og Bootstrap-variabler er viktige for Rediger. */
html body#addresses #wrapper .address-card__container .address-card__actions
:is(a.address-card__edit.link-body-emphasis,a.address-card__delete.link-danger) {
    --bs-emphasis-color: #E9BC73;
    --bs-emphasis-color-rgb: 233,188,115 !important;
    --bs-link-color-rgb: 233,188,115;
    --bs-link-opacity: 1 !important;
    color: var(--pc-gold) !important;
    -webkit-text-fill-color: var(--pc-gold) !important;
    text-decoration: none !important;
}
html body#addresses #wrapper .address-card__container .address-card__actions
:is(a.address-card__edit.link-body-emphasis,a.address-card__delete.link-danger):hover {
    --bs-emphasis-color: #FFFFFF;
    --bs-emphasis-color-rgb: 255,255,255 !important;
    color: var(--pc-white) !important;
    -webkit-text-fill-color: var(--pc-white) !important;
}

/* ============================================================
   16. UTLOGGING - KLIKKBAR LENKE
   NB: Selve utloggingsfunksjonen styres av PrestaShop, ikke CSS.
   ============================================================ */
.account-menu .account-menu__link--signout {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}
@media (max-width: 767px) {
    body:is(#history,#order-detail,#order-slip,#order-follow) .table-responsive {
        overflow-x: auto;
    }
}

/* Lysere sidenavigering på mørkeblå bakgrunn */
.pagination .page-link {
    color: #ffffff !important;
}

.pagination .page-item.active .page-link {
    color: #ffffff !important;
    font-weight: 700;
}

.pagination .page-link:hover {
    color: #b8dcff !important;
}

.pagination .page-link:disabled {
    color: #aebed0 !important;
}

/* FAQ-modul - tilpasset PC Spesialistens mørkeblå tema */

.faq_on_product .faqs_content {
    color: #ffffff;
}

.faq_on_product .title_block {
    color: #ffffff !important;
}

.faq_on_product .faq_list {
    list-style: none;
    padding-left: 0;
}

.faq_on_product .faq_question_name {
    color: #ffffff !important;
    font-weight: 600;
    cursor: pointer;
}

.faq_on_product .faq_question_name:hover {
    color: #b8dcff !important;
}

.faq_on_product .faq_answer,
.faq_on_product .faq_answer p,
.faq_on_product .faq_answer div {
    color: #ffffff !important;
}

.faq_on_product .faq_question_name::before {
    color: #b8dcff !important;
}

/* FAQ - mørkeblå bakgrunn */
.faq_on_product,
.faq_on_product .faqs_content,
.faq_on_product .faq_list,
.faq_on_product .faq_question_li,
.faq_on_product .faq_question_name,
.faq_on_product .faq_answer {
    background-color: #061a33 !important;
}

/* FAQ - hvit tekst */
.faq_on_product .faq_question_name,
.faq_on_product .faq_answer,
.faq_on_product .faq_answer p,
.faq_on_product .title_block {
    color: #ffffff !important;
}

/* FAQ - lyseblå markering */
.faq_on_product .faq_question_name:hover {
    color: #b8dcff !important;
}

/* FAQ - lyse lenker */
.faq_on_product a,
.faq_on_product .faq_answer a,
.faq_on_product .faq_answer a:visited {
    color: #b8dcff !important;
    text-decoration: underline;
}

/* FAQ - lenker ved musepeker */
.faq_on_product a:hover,
.faq_on_product .faq_answer a:hover {
    color: #ffffff !important;
}

/* FAQ - tydelige piler opp og ned */
.faq_on_product .faq_question_name::before,
.faq_on_product .faq_question_name::after {
    color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
}

/* FAQ - ikoner */
.faq_on_product .faq_question_name i,
.faq_on_product .faq_question_name svg {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Volla Plinius - produkttabell */
body.product-id-22 .product__description-short table {
    width: 100% !important;
    background-color: #061A33 !important;
    color: #FFFFFF !important;
    border-collapse: collapse;
    border: 1px solid #B8DCFF !important;
}

/* Tabellceller */
body.product-id-22 .product__description-short table td,
body.product-id-22 .product__description-short table th {
    background-color: #061A33 !important;
    color: #FFFFFF !important;
    border: 1px solid #B8DCFF !important;
    padding: 12px !important;
}

/* All tekst i tabellen */
body.product-id-22 .product__description-short table p,
body.product-id-22 .product__description-short table span,
body.product-id-22 .product__description-short table strong {
    color: #FFFFFF !important;
}

/* Lenker */
body.product-id-22 .product__description-short table a {
    color: #B8DCFF !important;
}

/* Produktbeskrivelse under bildene */
.product__description-under-images {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
}

.product__description-under-images h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

.product__description-under-images a {
    color: #b8dcff;
}

/* Volla Plinius Plus - produkttabell */
body.product-id-23 .product__description-short table {
    width: 100% !important;
    background-color: #061A33 !important;
    color: #FFFFFF !important;
    border-collapse: collapse;
    border: 1px solid #B8DCFF !important;
}

/* Tabellceller */
body.product-id-23 .product__description-short table td,
body.product-id-23 .product__description-short table th {
    background-color: #061A33 !important;
    color: #FFFFFF !important;
    border: 1px solid #B8DCFF !important;
    padding: 12px !important;
}

/* Tekst i tabellen */
body.product-id-23 .product__description-short table p,
body.product-id-23 .product__description-short table span,
body.product-id-23 .product__description-short table strong {
    color: #FFFFFF !important;
}

/* Lenker i tabellen */
body.product-id-23 .product__description-short table a {
    color: #B8DCFF !important;
}

/* Gjestesporing – lesbare adressebokser */
body#guest-tracking .address,
body#guest-tracking .address-body,
body#guest-tracking .address-footer {
    color: #FFFFFF !important;
}

body#guest-tracking .address *,
body#guest-tracking .address-body * {
    color: #FFFFFF !important;
}

/* Gjestesporing – hvit tekst i adresseboksene */

body#guest-tracking .order-addresses .address-card,
body#guest-tracking .order-addresses .address-card__container,
body#guest-tracking .order-addresses .address-card__content,
body#guest-tracking .order-addresses .address-card__content *,
body#guest-tracking .order-addresses .address-card__alias {
    color: #FFFFFF !important;
}