/* ==========================================================================
   AMAB Hydraul – färgtema för shop.amabhydraul.se (Emporium / nopCommerce 4.80)
   Hämtat från designspråket på amabhydraul.se:
     marinblå #283583 (primär), accent #0086CD, mörk #0F172A, text #454F5E
     typsnitt Outfit (rubriker) + DM Sans (brödtext)
   Laddas SIST i <head> (efter temats bundle) så att den vinner överallt.
   Variant: <html class="amab-light"> ger ljus innehållsyta, annars mörk.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --amab-navy:        #283583;
  --amab-navy-dark:   #1E2A6B;
  --amab-accent:      #0086CD;
  --amab-accent-dark: #006FAB;
  --amab-ink:         #0F172A;

  /* mörk variant (standard) */
  --amab-bg:          #0F172A;   /* sidbakgrund */
  --amab-bg-2:        #141E3A;   /* sektioner / sidopanel */
  --amab-card:        #1A2650;   /* kort, tabeller, paneler */
  --amab-card-2:      #22306A;   /* hover / tabellhuvud */
  --amab-line:        rgba(255,255,255,.10);
  --amab-text:        #E6E9F2;
  --amab-text-2:      #B5BDD4;   /* sekundär text */
  --amab-text-3:      #8A95B8;   /* dämpad text */
  --amab-heading:     #FFFFFF;
  --amab-input-bg:    #0F172A;
  --amab-input-text:  #E6E9F2;
  --amab-img-bg:      #FFFFFF;   /* produktbilder har vit bakgrund – ram runt dem */
  --amab-header-bg:   #0B1224;
  --amab-menu-bg:     #283583;
  --amab-footer-bg:   #0B1224;
  --amab-footer-text: #B5BDD4;
  --amab-footer-lower:#070C1A;

  --amab-font-head: 'Outfit', 'DM Sans', Roboto, Arial, sans-serif;
  --amab-font-body: 'DM Sans', Roboto, Arial, sans-serif;
  --amab-radius: 6px;
}

html.amab-light {
  --amab-bg:          #F4F5FA;
  --amab-bg-2:        #EBEDF5;
  --amab-card:        #FFFFFF;
  --amab-card-2:      #E9ECF6;
  --amab-line:        #DFE3EE;
  --amab-text:        #1F2937;
  --amab-text-2:      #454F5E;
  --amab-text-3:      #6B7590;
  --amab-heading:     #0F172A;
  --amab-input-bg:    #FFFFFF;
  --amab-input-text:  #1F2937;
  --amab-img-bg:      #FFFFFF;
  --amab-header-bg:   #0F172A;
  --amab-menu-bg:     #283583;
  --amab-footer-bg:   #0F172A;
  --amab-footer-text: #B5BDD4;
  --amab-footer-lower:#070C1A;
}

/* --------------------------------------------------------------------------
   Grund
   -------------------------------------------------------------------------- */
html, body, .master-wrapper-page {
  background-color: var(--amab-bg);
  color: var(--amab-text);
  font-family: var(--amab-font-body);
}
h1, h2, h3, h4, h5, h6, .page-title h1, .product-name h1, .product-grid .title strong,
.product-grid .title, .topic-block-title, .block .title, .footer .title strong,
.product-specs-box .title, .products-title, .category-navigation-title,
.home-page .topic-block h2, .ui-dialog-title {
  font-family: var(--amab-font-head);
  color: var(--amab-heading);
}
a { color: var(--amab-text-2); }
a:hover { color: var(--amab-accent); }
.page-title h1, .product-name h1 { color: var(--amab-heading); font-weight: 600; }
.topic-block, .topic-block-body, .topic-page .page-body,
.home-page .topic-block p { color: var(--amab-text-2); }
.topic-block-body a, .page-body a:not(.button-1):not(.button-2) { color: var(--amab-accent); }
::selection { background-color: var(--amab-accent); color: #fff; }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.header-upper { background-color: var(--amab-header-bg); }
.header-lower { background-color: var(--amab-header-bg); }
.header { background-color: var(--amab-header-bg); }
.header-logo a.logo img,
.footer-logo img { filter: brightness(0) invert(1); }   /* vit logotyp på mörk botten */
.header-links a, .header-links span, .header-links .ico-account,
.header-selectors-wrapper, .header-selectors-wrapper a,
.header-selectors-wrapper select { color: #fff; }
.header-links a:hover { color: var(--amab-accent); }
.header-links .cart-qty, .flyout-cart .count a { color: #fff; }

.search-box-text, #small-searchterms {
  background-color: var(--amab-input-bg) !important;
  color: var(--amab-input-text) !important;
  border: 1px solid var(--amab-line) !important;
  border-radius: var(--amab-radius) 0 0 var(--amab-radius);
}
.search-box-text::placeholder { color: var(--amab-text-3); }
.search-box-text:focus { border-color: var(--amab-accent) !important; outline: none; }
.search-box-button, .button-1.search-box-button {
  background-color: var(--amab-accent) !important;
  border-radius: 0 var(--amab-radius) var(--amab-radius) 0;
}
.search-box-button:hover { background-color: var(--amab-accent-dark) !important; }

/* Sökförslag (AMAB autocomplete) */
.amab-search-autocomplete {
  background-color: var(--amab-card);
  color: var(--amab-text);
  border: 1px solid var(--amab-line);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
  border-radius: var(--amab-radius);
}
.amab-search-autocomplete-main-title { background-color: var(--amab-card-2); }
.amab-search-autocomplete-main-title h4, .amab-search-autocomplete-title { color: var(--amab-heading); }
.amab-search-autocomplete-title { border-bottom-color: var(--amab-line); }
.amab-search-autocomplete-list li a { color: var(--amab-text); border-color: var(--amab-line); }
.amab-search-autocomplete-list li a:hover { background-color: var(--amab-card-2); }
.amab-autocomplete-sku, .amab-search-autocomplete-no-results { color: var(--amab-text-3); }
.amab-search-autocomplete-product-image { background-color: var(--amab-img-bg); border-radius: 4px; }
.amab-search-autocomplete-view-all a { color: var(--amab-accent); }

/* --------------------------------------------------------------------------
   Menyrad
   -------------------------------------------------------------------------- */
.header-menu, .header-menu-parent { background-color: var(--amab-menu-bg); }
.header-menu > ul > li > a, .mega-menu > li > a, .mega-menu > li > a span,
.category-navigation-title, .category-navigation-title span,
.mega-menu-responsive > li > a, .mega-menu-responsive .labelfornextplusbutton,
.header-menu .menu-title, .header-menu .plus-button { color: #fff !important; }
.header-menu > ul > li > a:hover, .mega-menu > li:hover > a,
.category-navigation-title:hover { color: #fff !important; background-color: var(--amab-navy-dark); }
.category-navigation-list-wrapper { background-color: var(--amab-navy-dark); }
.category-navigation-list-wrapper .category-navigation-title { background-color: var(--amab-navy-dark); }
.category-navigation-list-wrapper .category-navigation-title:before,
.category-navigation-title:before { color: #fff; }
.header-menu > ul > li, .mega-menu > li, .category-navigation-list-wrapper { border-color: rgba(255,255,255,.12) !important; }

/* Dropdowns / megamenyer */
.category-navigation-list, .category-navigation-list .sublist-wrap, .mega-menu .sublist-wrap,
.mega-menu .dropdown, .category-navigation-list .dropdown, .sublist, .mega-menu .sublist,
.sticky-flyout .sublist-wrap, .category-navigation-list li .sublist-wrap .sublist {
  background-color: var(--amab-card) !important;
  border-color: var(--amab-line) !important;
  color: var(--amab-text);
}
.category-navigation-list a, .category-navigation-list li a span,
.mega-menu .sublist a, .mega-menu .dropdown a, .mega-menu .dropdown .title,
.sublist li a, .category-navigation-list .sublist li a { color: var(--amab-text) !important; }
.category-navigation-list > li:hover > a, .category-navigation-list a:hover,
.mega-menu .sublist a:hover, .sublist li a:hover { color: var(--amab-accent) !important; background-color: var(--amab-card-2) !important; }
.category-navigation-list > li, .category-navigation-list .sublist li,
.mega-menu .dropdown .box, .mega-menu .sublist li { border-color: var(--amab-line) !important; }
.mega-menu .dropdown .picture, .mega-menu .dropdown .box .picture { background-color: var(--amab-img-bg); }
.mega-menu .dropdown .title a, .mega-menu .dropdown .title span { color: var(--amab-heading) !important; }
.header-menu .plus-button { background-color: transparent !important; border-color: rgba(255,255,255,.2) !important; }
.sublist .plus-button, .category-navigation-list .plus-button { color: var(--amab-text) !important; }
.close-menu, .close-side-menu { background-color: var(--amab-navy); color: #fff; }

/* --------------------------------------------------------------------------
   Brödsmulor, sidopanel, filter
   -------------------------------------------------------------------------- */
.breadcrumb a, .breadcrumb span, .breadcrumb strong, .breadcrumb .delimiter { color: var(--amab-text-3); }
.breadcrumb a:hover { color: var(--amab-accent); }
.breadcrumb strong, .breadcrumb .current-item { color: var(--amab-text-2); }

.side-2 .block, .block-wrapper .block { background-color: transparent; }
.block .title, .side-2 .block .title, .block-account-navigation .title {
  background-color: var(--amab-card) !important;
  color: var(--amab-heading) !important;
  border-color: var(--amab-line) !important;
}
.block .title strong { color: var(--amab-heading); }
.block .listbox, .block .list, .block .list a, .block .listbox a { color: var(--amab-text-2); background-color: transparent; }
.block .list a:hover, .block .listbox a:hover { color: var(--amab-accent); }
.block .list li, .block .listbox li { border-color: var(--amab-line); }
.block-account-navigation .list .active a { color: var(--amab-accent) !important; border-color: var(--amab-accent) !important; }

.nopAjaxFilters7Spikes, .filtersPanel { background-color: transparent; }
.filter-block, .filtersGroupPanel { background-color: var(--amab-card) !important; border-color: var(--amab-line) !important; }
.filter-block .title { background-color: var(--amab-card) !important; border-color: var(--amab-line) !important; }
.filter-block .toggleControl { color: var(--amab-text) !important; }
.filter-block .toggleControl:before { color: var(--amab-accent) !important; }
.filtersGroupPanel .checkbox-list label { color: var(--amab-text-2) !important; }
.filtersGroupPanel .checkbox-list label:hover { color: var(--amab-accent) !important; }
.filtersGroupPanel input[type="checkbox"] + label:before,
.filtersGroupPanel input[type="radio"] + label:before {
  background-color: var(--amab-input-bg) !important; border-color: var(--amab-text-3) !important;
}
.filtersGroupPanel input[type="checkbox"]:checked + label:before,
.filtersGroupPanel input[type="radio"]:checked + label:before {
  background-color: var(--amab-accent) !important; border-color: var(--amab-accent) !important;
}
.filtersTitlePanel, .filtersTitlePanel a, .clearFilterOptionsAll, .clearFilterOptions,
.selected-options-list li, .number-of-returned-products, .returned-products-filters-panel { color: var(--amab-text-2) !important; background-color: transparent !important; }
.selected-options-list li a, .selected-options-list .selected-option { background-color: var(--amab-navy) !important; color: #fff !important; }
.ui-slider .ui-slider-handle { background-color: var(--amab-accent) !important; border-color: var(--amab-accent) !important; }
.ui-slider-range { background-color: var(--amab-navy) !important; }

/* Sortering / vyväxlare */
.product-selectors, .product-selectors span, .product-selectors label { color: var(--amab-text-2); }
.product-selectors select, select, .product-sorting select, .product-page-size select {
  background-color: var(--amab-input-bg); color: var(--amab-input-text); border: 1px solid var(--amab-line);
}
.product-viewmode a, .viewmode-icon { color: var(--amab-text-3); }
.product-viewmode a.selected, .viewmode-icon.selected { color: var(--amab-accent); }
.products-title { background-color: var(--amab-navy) !important; color: #fff !important; }

/* --------------------------------------------------------------------------
   Produktkort, kategorikort, tillverkare
   -------------------------------------------------------------------------- */
.item-box, .item-box .product-item, .item-box .category-item, .item-box .manufacturer-item {
  background-color: var(--amab-card);
  border: 1px solid var(--amab-line);
  border-radius: var(--amab-radius);
  color: var(--amab-text);
}
.item-box:hover, .item-box .product-item:hover { border-color: var(--amab-accent); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.item-box .picture, .item-box .picture a, .product-item .picture { background-color: var(--amab-img-bg); border-radius: var(--amab-radius) var(--amab-radius) 0 0; }
.item-box .details, .product-item .details, .product-item .main-info { background-color: transparent; color: var(--amab-text); }
.item-box .product-title a, .product-item .product-title a, .item-box .title a { color: var(--amab-heading) !important; font-family: var(--amab-font-head); }
.item-box .product-title a:hover { color: var(--amab-accent) !important; }
.item-box .sku, .item-box .manufacturer, .item-box .manufacturer a, .item-box .description,
.product-item .sku, .product-item .manufacturer, .product-item .add-info span { color: var(--amab-text-3); }
.item-box .prices, .item-box .actual-price, .product-item .prices .price { color: var(--amab-heading); }
.item-box .old-price { color: var(--amab-text-3); }
.item-box .buttons button, .item-box .product-box-add-to-cart-button, .product-item .buttons button {
  background-color: var(--amab-accent) !important; color: #fff !important; border: 0; border-radius: var(--amab-radius);
}
.item-box .buttons button:hover { background-color: var(--amab-accent-dark) !important; }
.item-box .btn-wrapper, .product-item .btn-wrapper { background-color: transparent; }
.item-box .btn-wrapper button, .quick-view-button { background-color: var(--amab-navy) !important; color: #fff !important; }
.item-box .stock-wrapper, .item-box .stock-quantity, .item-box .stock-text { color: var(--amab-text-2); }

/* Kategoribilder med titel (AMAB-anpassning) */
.sub-category-grid .item-box, .home-page-category-grid .item-box { background-color: var(--amab-card); border-color: var(--amab-line); }
.sub-category-grid .item-box .title { background-color: rgba(15,23,42,.45) !important; }
.sub-category-grid .item-box .title:hover { background-color: rgba(40,53,131,.55) !important; }
.sub-category-grid .item-box .category-item-name, .sub-category-grid .item-box .title a { color: #fff !important; }
.home-page-category-grid .item-box .title a, .home-page-category-grid .title { color: var(--amab-heading); }
.manufacturer-grid .item-box, .manufacturer-grid .item-box .picture { background-color: var(--amab-img-bg); }
.manufacturer-grid .item-box .title a { color: var(--amab-heading) !important; }

/* Produktlistor i tabellform (DataTables) */
.category-page table.dataTable thead th, .search-page table.dataTable thead th, .manufacturer-page table.dataTable thead th {
  background-color: var(--amab-card-2) !important; color: var(--amab-heading) !important; border-color: var(--amab-bg) !important;
}
.category-page table td, .search-page table td, .manufacturer-page table td,
.category-page table.dataTable td, .search-page table.dataTable td, .manufacturer-page table.dataTable td {
  background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-bg) !important;
}
.category-page table.dataTable td a, .search-page table.dataTable td a, .manufacturer-page table.dataTable td a { color: var(--amab-text) !important; }
.category-page table.dataTable td a:hover, .search-page table.dataTable td a:hover, .manufacturer-page table.dataTable td a:hover { color: var(--amab-accent) !important; }
.category-page table.dataTable td button, .search-page table.dataTable td button, .manufacturer-page table.dataTable td button {
  background-color: var(--amab-accent) !important; color: #fff !important;
}
table.dataTable tbody tr:hover td { background-color: var(--amab-card-2) !important; }
.dataTables_wrapper, .dataTables_info, .dataTables_length, .dataTables_filter, .dataTables_paginate { color: var(--amab-text-2) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--amab-text-2) !important; border-color: var(--amab-line) !important; background-color: var(--amab-card) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background-color: var(--amab-navy) !important; color: #fff !important; border-color: var(--amab-navy) !important; }
.dataTables_filter input, .dataTables_length select { background-color: var(--amab-input-bg); color: var(--amab-input-text); border: 1px solid var(--amab-line); }

/* Paginering (nop) */
.pager li a, .pager li span { background-color: var(--amab-card); color: var(--amab-text-2); border-color: var(--amab-line); }
.pager li.current-page span, .pager li a:hover { background-color: var(--amab-navy); color: #fff; border-color: var(--amab-navy); }

/* --------------------------------------------------------------------------
   Produktsida
   -------------------------------------------------------------------------- */
.product-essential, .product-details-page .overview { background-color: transparent; color: var(--amab-text); }
.gallery .picture, .gallery .picture-thumbs .thumb-item, .product-details-page .gallery { background-color: var(--amab-img-bg); border-color: var(--amab-line); border-radius: var(--amab-radius); }
.gallery .picture-thumbs .thumb-item.active, .gallery .picture-thumbs .thumb-item:hover { border-color: var(--amab-accent) !important; }
.overview .sku, .overview .manufacturers, .overview .short-description, .overview .delivery,
.overview .additional-details, .overview .additional-details span, .overview .label { color: var(--amab-text-2); }
.overview .sku .value, .overview .manufacturers .value a, .overview .additional-details .value { color: var(--amab-text); }
.product-price, .prices .product-price, .overview .prices .actual-price { color: var(--amab-heading) !important; }
.overview .old-product-price { color: var(--amab-text-3); }
.overview .add-to-cart, .overview .add-to-cart-panel, .overview .qty-box { background-color: transparent; }
.overview .qty-input, .qty-input, .quantity input, input.qty-input {
  background-color: var(--amab-input-bg) !important; color: var(--amab-input-text) !important; border: 1px solid var(--amab-line) !important;
}
.add-to-cart-button, .button-1.add-to-cart-button, .add-to-wishlist-button, .add-to-compare-list-button {
  background-color: var(--amab-accent) !important; color: #fff !important; border-radius: var(--amab-radius);
}
.add-to-cart-button:hover { background-color: var(--amab-accent-dark) !important; }
.overview .buttons, .overview .product-share-button { color: var(--amab-text-2); }
.stock, .overview .stock, .overview .stock .value { color: var(--amab-text-2); }
.overview .stock .value.in-stock { color: #7CCB3A; }

.productTabs, #quickTabs, .ui-widget-content { background-color: transparent; border: 0; color: var(--amab-text); }
.productTabs-header { border-bottom: 1px solid var(--amab-line); }
.productTabs-header li a, .productTabs-header .ui-tabs-anchor { color: var(--amab-text-3) !important; border-bottom-color: transparent !important; }
.productTabs-header li.ui-tabs-active a, .productTabs-header .active a, .productTabs-header li.active a { color: var(--amab-heading) !important; border-bottom: 2px solid var(--amab-accent) !important; }
.productTabs-body, .ui-tabs .ui-tabs-panel { background-color: transparent; color: var(--amab-text-2); }
.product-specs-box .title { background-color: var(--amab-navy) !important; color: #fff !important; }
.product-specs-box table, .product-specs-box table td, .product-specs-box table th {
  background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-bg) !important;
}
.product-specs-box table tr:nth-child(even) td { background-color: var(--amab-card-2) !important; }
.product-specs-box table .spec-name, .product-specs-box table td:first-child { color: var(--amab-text-3) !important; }
.product-specs-box table .spec-value { color: var(--amab-text) !important; }
.full-description, .full-description p, .full-description li { color: var(--amab-text-2); }
.product-collateral .title, .product-grid .title { color: var(--amab-heading); border-color: var(--amab-line); }
.product-tags-box .tags li a { background-color: var(--amab-card); color: var(--amab-text-2); }
.attachments-wrapper, .attachments-wrapper a, .attachment-group-tab a, .attachments-container { color: var(--amab-text-2) !important; background-color: transparent !important; }
.attachments-wrapper .attachment-item, .attachment-group-tab.active a { background-color: var(--amab-card) !important; border-color: var(--amab-line) !important; }
.product-reviews-overview, .product-review-links a { color: var(--amab-text-3); }
.prev-next-product .previous-product a, .prev-next-product .next-product a, .mobile-prev-next-holder a { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }

/* --------------------------------------------------------------------------
   Knappar, formulär, tabeller (varukorg, kassa, konto)
   -------------------------------------------------------------------------- */
.button-1, input.button-1, button.button-1 { background-color: var(--amab-accent) !important; color: #fff !important; border-radius: var(--amab-radius); border: 0; }
.button-1:hover { background-color: var(--amab-accent-dark) !important; }
.button-2, input.button-2, button.button-2 { background-color: var(--amab-navy) !important; color: #fff !important; border-radius: var(--amab-radius); border: 0; }
.button-2:hover { background-color: var(--amab-navy-dark) !important; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select, .k-input {
  background-color: var(--amab-input-bg) !important; color: var(--amab-input-text) !important; border: 1px solid var(--amab-line) !important; border-radius: var(--amab-radius);
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border-color: var(--amab-accent) !important; outline: none; }
input::placeholder, textarea::placeholder { color: var(--amab-text-3); }
.inputs label, .inputs .label, label, legend, .fieldset .title, .section .title, .fieldset .title strong, .section .title strong {
  color: var(--amab-text-2); background-color: transparent;
}
.fieldset .title, .section .title { border-color: var(--amab-line); }
.fieldset .title strong, .section .title strong { color: var(--amab-heading); }
.required { color: #FF7B7B; }
.message-error, .field-validation-error, .validation-summary-errors { color: #FF9B9B; }
.message-success { color: #7CCB3A; }
.bar-notification.success { background-color: var(--amab-navy) !important; }
.bar-notification.error { background-color: #B4232C !important; }

.cart th, .data-table th, .order-summary-content th, .cart-total td, table.cart thead th {
  background-color: var(--amab-card-2) !important; color: var(--amab-heading) !important; border-color: var(--amab-line) !important;
}
.cart td, .data-table td, .order-summary-content td, .cart-total td, .order-details-area td, .order-details-area th, .shipment-details-area td {
  background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-line) !important;
}
.cart .product-name, .cart .product-name a, .data-table .product a, .cart-total .cart-total-right, .order-total, .order-total strong { color: var(--amab-text) !important; }
.cart .product-picture, .data-table .product-picture { background-color: var(--amab-img-bg); border-radius: 4px; }
.cart-options, .cart-footer, .checkout-attributes, .totals, .cart-collaterals, .order-summary-content .section, .address-grid .address-item,
.order-list .section, .order-item, .return-request-list .section, .address-item { background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-line) !important; }
.order-item .title, .order-item .title strong, .address-item .title strong, .order-list .section .title strong { color: var(--amab-heading) !important; }
.terms-of-service, .terms-of-service label, .common-buttons, .cart-footer .totals .title { color: var(--amab-text-2); }
.checkout-page .section .title, .checkout-page .section .title strong, .page-title h1 span { color: var(--amab-heading); }
.opc .step-title, .opc .section { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }
.opc .step-title .number { background-color: var(--amab-navy) !important; color: #fff !important; }
.opc .step-title .title { color: var(--amab-heading) !important; }
.shipping-method .method-list li, .payment-method .method-list li, .method-list li { border-color: var(--amab-line) !important; background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; }
.login-page .returning-wrapper, .login-page .new-wrapper, .registration-page .form-fields, .password-recovery-page .form-fields,
.contact-page .form-fields, .login-page .form-fields, .write-review .form-fields, .returning-wrapper .form-fields {
  background-color: var(--amab-card) !important; border-color: var(--amab-line) !important;
}
.login-page .title strong, .login-page .title, .login-page .text, .new-wrapper .text, .registration-page .text { color: var(--amab-text-2); }
.login-page .title strong { color: var(--amab-heading); }
.external-authentication, .external-auth-buttons { background-color: transparent; }

.requisition-lists, .requisition-list-page table th { background-color: var(--amab-card-2) !important; color: var(--amab-heading) !important; }
.quick-order-page .section, .quick-order-page table td { background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-line) !important; }

/* Dialoger / popups */
.ui-dialog, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-titlebar, .ui-widget.ui-widget-content, .eu-cookie-bar-notification,
.ajax-cart-info, .ajaxCart, .ajax-cart-button-wrapper, .quickViewWindow, .k-window, .k-window-titlebar, .k-popup, .k-list-container {
  background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title, .k-window-title { color: var(--amab-heading) !important; }
.ui-dialog .ui-dialog-titlebar-close, .k-window-action { background-color: transparent !important; color: var(--amab-text) !important; }
.eu-cookie-bar-notification .text, .eu-cookie-bar-notification p { color: var(--amab-text-2) !important; }
.k-list .k-item, .k-list-container .k-item { color: var(--amab-text) !important; }
.k-list .k-item.k-state-hover, .k-list .k-item.k-state-selected, .k-list-container .k-item:hover { background-color: var(--amab-card-2) !important; color: var(--amab-accent) !important; }
.ajaxCart .product-name a, .ajaxCart .title { color: var(--amab-heading) !important; }
.flyout-cart, .flyout-cart .mini-shopping-cart, .mini-shopping-cart .items, .mini-shopping-cart .totals, .mini-shopping-cart .buttons { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }
.mini-shopping-cart .name a, .mini-shopping-cart .count, .mini-shopping-cart .totals strong { color: var(--amab-text) !important; }
.mini-shopping-cart .item { border-color: var(--amab-line) !important; }
.mini-shopping-cart .picture { background-color: var(--amab-img-bg); }

/* Sidomeny (mobil) */
.side-2 { background-color: transparent; }
.header-menu.categories-in-side-panel .close-menu, .side-2 .close-side-menu { background-color: var(--amab-navy) !important; }
.mobile-menu-items, .mobile-menu-items a { background-color: var(--amab-card) !important; color: var(--amab-text) !important; }
.responsive-nav-wrapper, .responsive-nav-wrapper-parent { background-color: var(--amab-menu-bg) !important; }
.responsive-nav-wrapper > div, .responsive-nav-wrapper span, .responsive-nav-wrapper > div:before { color: #fff !important; border-color: rgba(255,255,255,.12) !important; }
.menu-title, .menu-title span { color: #fff !important; }

/* --------------------------------------------------------------------------
   Sidfot
   -------------------------------------------------------------------------- */
.footer { background-color: var(--amab-footer-bg); border-top: 1px solid var(--amab-line); color: var(--amab-footer-text); }
.footer-upper, .footer-middle { background-color: transparent; border-color: var(--amab-line); }
.footer .title, .footer .title strong, .footer-block .title strong { color: #fff; }
.footer a, .footer .list a, .footer-block .list a { color: var(--amab-footer-text); }
.footer a:hover, .footer .list a:hover { color: var(--amab-accent); }
.footer .newsletter .title strong { color: #fff; }
.newsletter-subscribe-text { background-color: #fff !important; color: #1F2937 !important; border-color: transparent !important; border-radius: var(--amab-radius) 0 0 var(--amab-radius); }
.newsletter-subscribe-text::placeholder { color: #6B7590; }
.newsletter-subscribe-button { background-color: var(--amab-accent) !important; border-radius: 0 var(--amab-radius) var(--amab-radius) 0; }
.newsletter-subscribe-button:hover { background-color: var(--amab-accent-dark) !important; }
.social-sharing li a { background-color: transparent !important; color: var(--amab-footer-text) !important; border-color: var(--amab-line) !important; }
.social-sharing li a:hover { color: var(--amab-accent) !important; }
.footer-lower { background-color: var(--amab-footer-lower); color: var(--amab-text-3); border-top: 1px solid var(--amab-line); }
.footer-lower a, .footer-powered-by a, .footer-disclaimer { color: var(--amab-text-3); }
.footer-lower a:hover { color: #fff; }

/* --------------------------------------------------------------------------
   Småsaker
   -------------------------------------------------------------------------- */
.scroll-to-top, #goToTop { background-color: var(--amab-navy) !important; color: #fff !important; }
hr, .divider { border-color: var(--amab-line); }
.news-list-homepage .news-items .news-item, .news-item, .blog-page .post, .topic-page, .sitemap-page .entity { background-color: transparent; color: var(--amab-text-2); border-color: var(--amab-line); }
.news-item .news-title, .post-title { color: var(--amab-heading); }
.please-wait, .loading-image { background-color: var(--amab-card); }
.ui-widget-overlay { background-color: #000; opacity: .6; }
.k-overlay { background-color: #000 !important; opacity: .6 !important; }

/* Startsidans/ämnessidors inklistrade HTML har ibland inline-färger (t.ex. color:#000) */
.topic-block-body h1, .topic-block-body h2, .topic-block-body h3, .topic-block-body h4, .topic-block-body strong,
.topic-page .page-body h1, .topic-page .page-body h2, .topic-page .page-body h3, .topic-page .page-body strong { color: var(--amab-heading) !important; }
.topic-block-body p, .topic-block-body li, .topic-block-body span, .topic-page .page-body p, .topic-page .page-body li { color: var(--amab-text-2) !important; }
.topic-block-body a, .topic-page .page-body a { color: var(--amab-accent) !important; }
/* Ikonfärger i header (emporium-icons) */
.header-links a:before, .header-links .ico-account:before, .header-links .ico-cart:before, .header-links .ico-wishlist:before,
.header-links .ico-login:before, .header-links .ico-logout:before, .header-links .ico-register:before { color: #fff !important; }
.header-links a:hover:before { color: var(--amab-accent) !important; }

/* --- Justeringar efter genomgång av sidtyper ------------------------------ */
/* Tillverkarkarusell på startsidan */
.nop-jcarousel.manufacturer-grid, .home-page .manufacturer-grid { background-color: var(--amab-bg-2) !important; }
.manufacturer-grid .item-box, .manufacturer-grid .item-box .manufacturer-item, .manufacturer-grid .item-box .picture { background-color: #fff !important; }
.manufacturer-grid .item-box img { opacity: 1 !important; }
.manufacturer-grid .item-box .title, .manufacturer-grid .item-box .details { background-color: var(--amab-card) !important; }
.slick-dots li button:before, .jcarousel-pagination a, .nop-jcarousel .slick-dots li button:before { color: var(--amab-text-3) !important; }
.slick-dots li.slick-active button:before, .jcarousel-pagination a.active { color: var(--amab-accent) !important; }
/* Söksidans formulär */
.search-input > div, .search-input .fieldset, .search-input .form-fields, .search-page .search-input .inputs { background-color: var(--amab-card) !important; }
.search-input label, .search-input .inputs label, .advanced-search label { color: var(--amab-text-2) !important; }
/* Login / registrering */
.login-page .returning-wrapper .title, .login-page .new-wrapper .title, .registration-page .title, .password-recovery-page .title {
  background-color: var(--amab-card-2) !important; color: var(--amab-heading) !important; border-color: var(--amab-line) !important;
}
.login-page .returning-wrapper .title strong, .login-page .new-wrapper .title strong { color: var(--amab-heading) !important; }
.login-page .page-body, .login-page .customer-blocks, .login-page .external-authentication, .login-page .new-wrapper .text, .login-page .returning-wrapper .form-fields { background-color: transparent !important; }
.login-page .new-wrapper .text, .login-page .new-wrapper .text:before { color: var(--amab-text-2) !important; }
.login-page .new-wrapper .text:before, .registration-page .text:before { color: var(--amab-text-3) !important; }
/* Artikelnummer m.m. på produktsidan */
.overview .sku .value, .sku .value, .overview .additional-details .value, .overview .manufacturers .value a { color: var(--amab-text) !important; }
.overview .sku .label, .overview .additional-details .label { color: var(--amab-text-2) !important; }
/* Allmän säkring: inget ljusgrått "tema-grått" (#f6f6f6) lyser igenom */
.html-category-page .page-body, .html-manufacturer-page .page-body, .html-search-page .page-body, .html-product-details-page .page-body { background-color: transparent !important; }

/* --- Fixar 2026-10-23 (feedback från mobil) -------------------------------- */
/* Kategorikort (prod-markering .category-card): vit text med skugga som förut */
.category-card, .category-card h2, .category-card__overlay, .category-card__overlay h2,
.sub-category-grid .item-box .title a, .sub-category-grid .item-box .category-item-name {
  color: #fff !important; text-shadow: 0 2px 6px rgba(0,0,0,.55) !important;
}
/* Mobil: hamburgermenyns "Webshop - alla kategorier" och undermenyer */
.mega-menu-responsive .all-categories, .mega-menu-responsive > li.all-categories,
.mega-menu-responsive .all-categories .labelfornextplusbutton, .mega-menu-responsive .back-button {
  background-color: var(--amab-navy-dark) !important; color: #fff !important;
}
.mega-menu-responsive .all-categories .plus-button, .mega-menu-responsive .back-button span { color: #fff !important; }
.mega-menu-responsive > li, .mega-menu-responsive > li > a, .mega-menu-responsive > li > a span { background-color: var(--amab-menu-bg) !important; color: #fff !important; border-color: rgba(255,255,255,.12) !important; }
.mega-menu-responsive .sublist, .mega-menu-responsive .sublist li, .mega-menu-responsive .root-category-items,
.mega-menu-responsive .mega-menu-categories { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }
.mega-menu-responsive .sublist li a, .mega-menu-responsive .sublist li a span, .mega-menu-responsive .root-category-items > a { color: var(--amab-text) !important; }
.mega-menu-responsive .sublist li a:hover { color: var(--amab-accent) !important; }
.mega-menu-responsive .sublist .plus-button { color: var(--amab-text) !important; }
/* Mobil: vit logotyp i den responsiva toppraden */
.responsive-nav-wrapper .mobile-logo img, .mobile-logo a.logo img { filter: brightness(0) invert(1); }
.responsive-nav-wrapper .search-wrap span, .responsive-nav-wrapper .personal-button span, .responsive-nav-wrapper .shopping-cart-link span,
.responsive-nav-wrapper .search-wrap span:before, .responsive-nav-wrapper .personal-button span:before, .responsive-nav-wrapper .menu-title span:before { color: #fff !important; }
.mega-menu-responsive .sublist li.back-button, .mega-menu-responsive li.back-button, .mega-menu-responsive li.back-button span,
.mega-menu-responsive .sublist li.back-button span, .mega-menu-responsive li.back-button:before { background-color: var(--amab-navy-dark) !important; color: #fff !important; }
/* Varukorgsikonen i headern: ingen vit ruta runt ikonen (bara själva utfällda korgen får kortfärg) */
#flyout-cart, .flyout-cart, #topcartlink, .mobile-flyout-wrapper { background-color: transparent !important; }
#topcartlink .ico-cart, #topcartlink .ico-cart:before, #topcartlink .cart-label, .header-links .ico-cart, .header-links .ico-cart:before { color: #fff !important; }
#topcartlink .cart-qty, .header-links .cart-qty { background-color: var(--amab-accent) !important; color: #fff !important; }
#topcartlink:hover .ico-cart, #topcartlink:hover .ico-cart:before, .header-links a:hover, .header-links a:hover:before, .header-links .ico-account:hover:before { color: #9BD3F5 !important; }
.flyout-cart .mini-shopping-cart { background-color: var(--amab-card) !important; }
/* Mitt konto-menyn (utfälld ruta): mörk text på vit/kortfärgad botten */
.header-links .profile-menu-box { background-color: var(--amab-card) !important; border-color: var(--amab-line) !important; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.header-links .profile-menu-box a, .header-links .profile-menu-box a:before, .header-links .profile-menu-box .ico-account:before,
.header-links .profile-menu-box .ico-logout:before, .header-links .profile-menu-box .close-side-menu-text { color: var(--amab-text) !important; }
.header-links .profile-menu-box a:hover, .header-links .profile-menu-box a:hover:before { color: var(--amab-accent) !important; }
.header-links .profile-menu-box .close-side-menu { background-color: var(--amab-navy) !important; color: #fff !important; }
/* Tillverkarloggor på startsidan: marinblå plattor med vita loggor, accentblå vid hover; bandet = sidbakgrunden */
.nop-jcarousel.manufacturer-grid, .home-page .manufacturer-grid { background-color: var(--amab-bg) !important; }
.nop-jcarousel.manufacturer-grid .item-box, .nop-jcarousel.manufacturer-grid .item-box .manufacturer-item,
.nop-jcarousel.manufacturer-grid .item-box .picture, .nop-jcarousel.manufacturer-grid .item-box .picture a,
.nop-jcarousel.manufacturer-grid .item-box .title { background-color: var(--amab-navy) !important; border-color: transparent !important; border-radius: var(--amab-radius); transition: background-color .25s; }
.nop-jcarousel.manufacturer-grid .item-box:hover, .nop-jcarousel.manufacturer-grid .item-box:hover .manufacturer-item,
.nop-jcarousel.manufacturer-grid .item-box:hover .picture, .nop-jcarousel.manufacturer-grid .item-box:hover .picture a { background-color: var(--amab-accent) !important; }
.nop-jcarousel.manufacturer-grid .item-box .picture img, .nop-jcarousel.manufacturer-grid .item-box:hover .picture img { opacity: 1 !important; }
.nop-jcarousel.manufacturer-grid .slick-dots li button:before { color: rgba(255,255,255,.35) !important; }
.nop-jcarousel.manufacturer-grid .slick-dots li.slick-active button:before { color: var(--amab-accent) !important; }
.nop-jcarousel.manufacturer-grid:before, .nop-jcarousel.manufacturer-grid:after, .nop-jcarousel.vendor-grid:before { background-color: var(--amab-bg) !important; }
/* Produktsida: föregående/nästa-knappar, lagerstatus, butikslagertabell, antal +/- */
.prev-next-holder .previous-product a, .prev-next-holder .next-product a, .prev-next-product a {
  background-color: var(--amab-card) !important; color: var(--amab-text) !important; border: 1px solid var(--amab-line) !important; border-radius: var(--amab-radius);
}
.prev-next-holder a:hover, .prev-next-holder a:hover span { background-color: var(--amab-card-2) !important; color: var(--amab-accent) !important; }
.prev-next-holder .previous-product-label, .prev-next-holder .next-product-label { color: var(--amab-text-3) !important; }
.prev-next-holder .previous-product-title, .prev-next-holder .next-product-title, .prev-next-holder a:before, .prev-next-holder a:after { color: var(--amab-text) !important; }
.overview .stock, .product-prices-box .stock, .extended-availability .stock { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }
.overview .stock .label { color: var(--amab-text-3) !important; }
.overview .stock .value, #stock-availability-value, [id^="stock-availability-value"] { color: var(--amab-text) !important; }
.overview .stock table.table th, .extended-availability table th { background-color: var(--amab-card-2) !important; color: var(--amab-heading) !important; border-color: var(--amab-line) !important; }
.overview .stock table.table td, .extended-availability table td { background-color: var(--amab-card) !important; color: var(--amab-text-2) !important; border-color: var(--amab-line) !important; }
.product-prices-box, .product-prices-box > div, .overview .prices { background-color: transparent !important; border-color: var(--amab-line) !important; }
.overview .qty-box .plus, .overview .qty-box .minus, .qty-box .plus, .qty-box .minus, .qty-wrapper .plus, .qty-wrapper .minus {
  background-color: var(--amab-card-2) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important;
}
.overview .product-social-label, .product-social-label { color: var(--amab-text-3) !important; }
.overview .product-social-buttons a { color: var(--amab-text-3) !important; }
.overview .product-social-buttons a:hover { color: var(--amab-accent) !important; }
.estimate-shipping-popup, .estimate-shipping-popup strong, .estimate-shipping-popup .shipping-header-item, .estimate-shipping-popup .no-shipping-options, .estimate-shipping-popup div { background-color: var(--amab-card) !important; color: var(--amab-text) !important; border-color: var(--amab-line) !important; }
/* Produktbild (mörkt tema): ljusgrå platta + multiply så den vita bildbakgrunden smälter in; mindre och rundad */
html:not(.amab-light) .product-details-page .gallery { background-color: transparent !important; }
html:not(.amab-light) .product-details-page .gallery .picture {
  background-color: #D9DEEA !important; border-radius: 10px; border: 1px solid var(--amab-line) !important; overflow: hidden;
}
html:not(.amab-light) .product-details-page .gallery .picture img { mix-blend-mode: multiply; }
html:not(.amab-light) .product-details-page .gallery .picture-thumbs .thumb-item { background-color: #D9DEEA !important; border-radius: 6px; overflow: hidden; }
html:not(.amab-light) .product-details-page .gallery .picture-thumbs .thumb-item img { mix-blend-mode: multiply; }
html:not(.amab-light) .item-box .picture, html:not(.amab-light) .item-box .picture a { background-color: #D9DEEA !important; }
html:not(.amab-light) .item-box .picture img { mix-blend-mode: multiply; }
html:not(.amab-light) .manufacturer-grid .item-box .picture img, html:not(.amab-light) .nop-jcarousel.manufacturer-grid .item-box .picture img { mix-blend-mode: normal !important; }
html:not(.amab-light) .nop-jcarousel.manufacturer-grid .item-box .picture, html:not(.amab-light) .nop-jcarousel.manufacturer-grid .item-box .picture a { background-color: var(--amab-navy) !important; }
html:not(.amab-light) .nop-jcarousel.manufacturer-grid .item-box:hover .picture, html:not(.amab-light) .nop-jcarousel.manufacturer-grid .item-box:hover .picture a { background-color: var(--amab-accent) !important; }