/*
* ===================================================
*     Variables
* ===================================================
*/
:root {
    --bg-color: #ffffff;
    --primary-color: #46b4e8;
}

/*
/*
* ===================================================
*     SETTINGS
* ===================================================
*/











h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'PT Sans', sans-serif;
}

body {
    background-color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

.modal-content,
.tooltip {
    background-color: #ffffff;
}

.text-base {
    font-size: 1rem;
}

.mainmenu_font_size {
    font-size: 0.8rem;
}

/*
* ===================================================
*     COLORS
* ===================================================
*/

footer, .text-powered-by a, .text-powered-by a:hover {
    background-color: #2e3037;
    color: #ffffff;
}

.block-toggler, .block-toggler:focus, .block-toggler:hover, .block-toggler[aria-expanded="true"] {
    color: #ffffff;
}

.block-toggler:hover .block-toggler-icon:before, .block-toggler[aria-expanded="true"] .block-toggler-icon:before, .block-toggler .block-toggler-icon:after, .block-toggler .block-toggler-icon:before, .block-toggler:hover .block-toggler-icon:after, .block-toggler[aria-expanded="true"] .block-toggler-icon:after {
    background-color: #ffffff;
}

.top-bar {
    background: #25272e;
    color: #ffffff;
}

.navbar-bg {
    background-color: #2e3037
}

a:hover, .navbar-checkout-btn:hover, .product-btn-addcart:hover, .detail-nav-link.nav-link:hover, .product-before-price {
    opacity: 0.7;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.navbar-light {
    background-color: #ffffff;
}

.slider_pt_0 {
    padding-top: 0px !important;
}

.slider_mt_0 {
    margin-top: 0px !important;
}

.navbar-checkout-btn, .product-btn-addcart {
    color: #ffffff;
    background: #46b4e8;
    transition: all 0.2s ease-in-out;
}

.navbar-checkout-btn:hover, .product-btn-addcart:hover {
    color: #ffffff;
    background: #46b4e8;
}

.detail-nav-link.nav-link.active {
    border-color: transparent transparent #222222 !important;
}

.footer-textcolor, .footer-textcolor:hover {
    color: #ffffff;
}

.footer-textcolor::after {
    background: #ffffff;
}

.img-logo {
    max-height: 56px;
}

.hr-text:after {
    background-color: #ffffff;
}

.product-grid-header-show.active, .dropdown-item.active {
    font-weight: bold;
}

.dropdown-submenu .dropdown-menu-alignright {
        left: 100%;
        top: 0;
        margin-top: -.5rem;
    }

body, .fa-star-o:before, .form-label, .color-text-base:hover, .color-text-base:focus, .color-text-base, .btn-inverse, .btn-inverse:hover, .color-text-base:hover, .link-animated:after, .primary-bg, a, a:hover, .nav-link, .product-grid-header-show.active, .navbar-icon, .breadcrumb-item a, .product-before-price, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active, .detail-nav-link.nav-link, .close, .table {
    color: #222222;
}

.wishlist-btn.wishlist-add {
    color: #222222 !important;
}

.color-dark, .dropdown-item.active {
    color: #222222;
}

.swiper-pagination-bullet-active {
    background: #222222;
}

.text-soldout, .product-price, .nav-link.active, .color-primary, .nav-link.active, .product-grid-header-show.active, a, .product-grid-header-show.active:hover {
    color: #46b4e8;
}

.icon-count {
    background: #46b4e8;
}

@media(min-width:768px) {
    .manual-product-height {
        height: 200px !important;
        width: auto !important;
    }
}

.property_values {
    font-size: 0.8rem;
}

.property_values br {
    display: none;
}


/* toggle dropdown icon rotate */

.rotate {
  transform: rotate(-90deg);
  padding-right: 10px;
}

/*
* ===================================================
*     SWIFT SPECIFIC
* ===================================================
*/
.main-top-menu a {
    padding-left: 0px;
}

.btn {
    letter-spacing: 0;
}

.btn-cta, .btn-cta:hover, .btn-cta:focus, .btn-cta:active {
    background-color: #46b4e8;
    color: #ffffff;
}

.btn-ordinary, .btn-ordinary:hover, .btn-ordinary:focus, .btn-ordinary:active {
    background-color: #f5f7f9;
    color: #222222;
} 

.sidefont-1 {
    font-size: 0.7rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.sidefont-2 {
    font-size: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.sidefont-3 {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.sidefont-4 {
    font-size: 1.2rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.sidefont-5 {
    font-size: 1.4rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.btn-shop {
    padding: .45rem .2rem;
    font-size: .6rem;
}

.container .swiper-outside-nav .swiper-button-next {
    right: 0;
}

.container .swiper-outside-nav .swiper-button-prev {
    left: 0;
}

.search-wrapper {
    border: 1px solid rgba(34, 34, 34, 0.1);
}

.product-stars {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

.sidebar {
    
}

@media(min-width:992px) {
    .sidebar {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .main-content {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media(min-width:1200px) {
    .sidebar {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .main-content {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.breadcrumb {
    padding: 0rem 1rem .75rem 1rem;
}

.side-newsletter {
    font-size: 0.8rem;
}

@media (min-width: 1310px) {
.container {
    max-width: 1280px;
}
}

.productlist-title {
    font-size: 1.1rem;
}

.modal-header .close {
    margin: -1rem auto -1rem auto;
}

.outline-none {
    outline: none;
}

@media (max-width: 576px) {
    .productsort, .productfilter {
        width: 100%;
        margin-bottom: 0.8rem;
    }
}

#description iframe {
    max-width: 100%;
} 

/*
* ===================================================
*     Ribbons
* ===================================================
*/
.product .ribbon--rectangle.ribbon--left {
    left: 8px !important;
}
.product .ribbon--rectangle.ribbon--right {
    right: 8px !important;
}

#product .ribbon--classic.ribbon--left {
    left: -4px !important;
    top: -4px !important;
}
#product .ribbon--classic.ribbon--right {
    right: -4px !important;
    top: -4px !important;
}

#product .ribbon--cirle.ribbon--left {
    top: -40px !important;
    left: -18px !important;
}
#product .ribbon--cirle.ribbon--right {
    top: -40px !important;
    right: -18px !important;
}

#product .ribbon--rectangle.ribbon--left {
    left: -7px !important;
}
#product .ribbon--rectangle.ribbon--right {
    right: -7px !important;
}

.ribbon--vertical > span, .ribbon--modern > span {
  box-shadow: none !important;
}

.ribbon--vertical.ribbon--left,
.ribbon--modern.ribbon--left {
  left: 15px !important;
}

.ribbon--vertical.ribbon--right,
.ribbon--modern.ribbon--right {
  right: 15px !important;
}

.form-control {
    height: auto;
}

/* --- Header: kompaktere logotyp på mobil --- */
@media (max-width: 991px) {
    .img-logo {
        max-height: 42px !important;
    }
}

/* --- Hero-slider: mørk hel-seksjon for lesbarhet uansett bakgrunnsbilde --- */
.home-slider .swiper-slide {
    position: relative;
}

.home-slider .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 14, 22, 0.78) 0%, rgba(8, 14, 22, 0.55) 55%, rgba(8, 14, 22, 0.25) 100%);
    z-index: 1;
}

.home-slider .swiper-slide > .container-fluid {
    position: relative;
    z-index: 2;
}

.home-slider .overlay-content > [class*="col-"] {
    padding: 1.75rem 2rem;
    display: inline-block;
}

.home-slider .overlay-content {
    display: flex;
}

.home-slider .overlay-content h2 {
    font-size: 2.5rem;
    font-weight: 700;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.home-slider .overlay-content p {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

@media (min-width: 992px) {
    .home-slider .overlay-content h2 {
        font-size: 3.5rem;
    }
}

.home-slider .btn {
    padding: 0.65rem 1.85rem;
    border-radius: 2rem;
    font-weight: 600;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.home-slider .btn:hover {
    transform: translateY(-2px);
    opacity: 0.9;
    color: #ffffff;
}

/* --- Produktkort: tydligare kort med hover-effekt --- */
.product > .h-100 {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product > .h-100:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.09);
    transform: translateY(-3px);
}

.productlist-title {
    font-weight: 600;
}

.product-price {
    font-weight: 700;
}

/* --- Kategorisida: mørk banner rundt tittel og beskrivelse --- */
.category-banner {
    background: linear-gradient(120deg, #14324d 0%, #1f5074 100%);
    border-radius: 0.75rem;
    padding: 2.25rem 2rem;
}

.category-banner-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0;
}

.category-banner-text {
    color: rgba(255, 255, 255, 0.85);
}

@media (min-width: 992px) {
    .category-banner {
        padding: 3rem 2.5rem;
    }
    .category-banner-title {
        font-size: 2.75rem;
    }
}

/* --- Produktsida: tydelig kjøpsboks rundt pris, valg og kjøpsknapp --- */
.product-purchase-box {
    background: #f8f9fb;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0.75rem;
    padding: 1.5rem 1.5rem 1px;
    margin-bottom: 1.5rem;
}

.product-purchase-box .qs-product-price {
    font-size: 1.85rem;
    font-weight: 700;
}

/* --- Knapper: tydelig hover/trykk-tilstand i stedet för ingen förändring --- */
.btn {
    transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.product-btn-addcart,
.navbar-checkout-btn,
.btn-cta,
.btn-ordinary {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.product-btn-addcart:hover,
.navbar-checkout-btn:hover,
.btn-cta:hover,
.btn-ordinary:hover {
    filter: brightness(0.92);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
    opacity: 1;
}

.product-btn-addcart:active,
.navbar-checkout-btn:active {
    transform: translateY(1px);
}

/* --- Dele-ikoner på produktsidan: tydeligere, rundere knapper --- */
.social-share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    background: #f0f2f5;
    color: #222222 !important;
    opacity: 1 !important;
    transition: background 0.15s ease, transform 0.15s ease;
}

.social-share:hover {
    background: #46b4e8;
    color: #ffffff !important;
    transform: translateY(-2px);
}