/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* Gjenopprett riktig bredde og avstand på kassen for både desktop og mobil */
body.woocommerce-checkout .woocommerce {
  max-width: 1200px;
  margin: 40px auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}

/* Vipps hurtigkasse styling - Fjerner standard knappebakgrunn og setter høyde */
.woocommerce div.product form.cart .vipps_buy_now_wrapper {
    display: inline-block !important;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 0;
}
.woocommerce div.product form.cart .vipps_buy_now_wrapper a.vipps-buy-now.button {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    height: 48px !important; /* Høyden på Imprezas standard "Legg i kurv"-knapp */
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center;
}
.woocommerce div.product form.cart .vipps_buy_now_wrapper a.vipps-buy-now.button:hover,
.woocommerce div.product form.cart .vipps_buy_now_wrapper a.vipps-buy-now.button:focus {
    background: transparent !important;
    border: none !important;
}
.woocommerce div.product form.cart .vipps_buy_now_wrapper a.vipps-buy-now.button img {
    height: 100% !important;
    width: auto !important;
    border-radius: 6px;
    display: block;
}

/* Vipps hurtigkasse styling - Forbedret spesifisitet */
.vipps_buy_now_wrapper .vipps-buy-now.button,
.vipps_buy_now_wrapper .vipps-buy-now,
body .vipps_buy_now_wrapper a.vipps-buy-now.button {
    background-color: transparent !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    height: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.vipps_buy_now_wrapper .vipps-buy-now.button:hover,
body .vipps_buy_now_wrapper a.vipps-buy-now.button:hover {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.vipps_buy_now_wrapper .vipps-buy-now.button img,
body .vipps_buy_now_wrapper a.vipps-buy-now.button img {
    height: 100% !important;
    width: auto !important;
    border-radius: 6px !important;
    display: block !important;
}
.woocommerce form.cart .vipps_buy_now_wrapper,
.vipps_buy_now_wrapper {
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 10px !important;
    margin-top: 0 !important;
}

/* Vipps hurtigkasse i mini-handlekurv - Full bredde */
.woocommerce-mini-cart__buttons a.vipps-express-checkout,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 10px !important; /* Likt mellomrom som de andre knappene */
    box-sizing: border-box !important;
    height: auto !important;
}
.woocommerce-mini-cart__buttons a.vipps-express-checkout:hover,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.woocommerce-mini-cart__buttons a.vipps-express-checkout img,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout img {
    display: block !important;
    width: 100% !important;
    height: 48px !important; /* Lås høyden for å matche de andre knappene */
    object-fit: cover !important;
    border-radius: 6px !important;
}

/* Vipps hurtigkasse i mini-handlekurv - Full bredde og riktig tekststørrelse */
.woocommerce-mini-cart__buttons a.vipps-express-checkout,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    background-color: #FF5B24 !important; /* Vipps Oransje for sømløs overgang */
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important; /* Matcher andre knapper */
    
}
.woocommerce-mini-cart__buttons a.vipps-express-checkout:hover,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout:hover {
    background-color: #FF5B24 !important;
    border: none !important;
    box-shadow: none !important;
}
.woocommerce-mini-cart__buttons a.vipps-express-checkout img,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout img {
    display: block !important;
    width: auto !important; /* Forhindrer at den strekkes og blir gigantisk */
    height: 34px !important; /* Setter en fornuftig størrelse på logo og tekst */
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    transform: scale(1.02); /* Skjuler SVG-ens egne runde hjørner for en sømløs look */
}

/* Fjerner shadow/glow/border på selve bildet inni Vipps-knappen */
.woocommerce-mini-cart__buttons a.vipps-express-checkout img,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout img {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    transform: none !important;
    filter: none !important;
    margin: 0 auto !important;
}

/* Vipps hurtigkasse på handlekurv-siden (under Fortsett til kassen) */
.woocommerce-cart .wc-proceed-to-checkout a.vipps-express-checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    background-color: #FF5B24 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 15px !important; /* Space between the two buttons */
    box-sizing: border-box !important;
    border-radius: 6px !important; /* Matcher andre knapper */
    
}
.woocommerce-cart .wc-proceed-to-checkout a.vipps-express-checkout:hover {
    background-color: #FF5B24 !important;
    border: none !important;
    box-shadow: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.vipps-express-checkout img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    transform: scale(1.02);
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    filter: none !important;
}

/* Force 0 left/right margin to fix indentation */
.woocommerce-cart .wc-proceed-to-checkout a.vipps-express-checkout {
    margin: 15px 0 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
@media (max-width: 768px) {
    .woocommerce-cart .wc-proceed-to-checkout a.vipps-express-checkout {
        margin: 15px 0 0 0 !important;
        width: 100% !important;
    }
}
.woocommerce-mini-cart__buttons a.vipps-express-checkout,
body .widget_shopping_cart .woocommerce-mini-cart__buttons a.vipps-express-checkout {
    margin: 10px 0 0 0 !important;
    max-width: 100% !important;
}


/* Eks. mva. – mindre og mer diskret, bunnlinje-aligned med pris */
.woocommerce .products .price,
.w-post-elm.product_field.price {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    line-height: 1.4;
}
.w-post-elm.product_field.price .woocommerce-Price-amount,
.w-post-elm.product_field.price ins {
    line-height: 1;
}
.woocommerce .products .price .woocommerce-price-suffix,
.w-post-elm.product_field.price .woocommerce-price-suffix {
    font-size: 0.5em !important;
    color: #999 !important;
    font-weight: 400 !important;
    margin-left: 8px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    order: 99;
    line-height: 1 !important;
}

/* Skjul ordinær pris (gjennomstreket) KUN i produktgrid/kategorisider, ikke på enkeltproduktside */
.w-grid .product_field.price del,
.w-grid .product_field.price del + .screen-reader-text,
ul.products li.product .price del,
ul.products li.product .price del + .screen-reader-text {
    display: none !important;
}
/* Sørg for at tilbudspris kommer før eks. mva. i grid */
.w-grid .product_field.price ins {
    order: 1;
}
.w-grid .product_field.price .woocommerce-price-suffix {
    order: 2;
}

/* Søkeresultater: match butikkens grid (5 kolonner, 1.2rem gap) */
.search-results .w-grid.us_product_list {
    --columns: 5 !important;
    --gap: 1.2rem !important;
}
@media (max-width: 1024px) {
    .search-results .w-grid.us_product_list {
        --columns: 2 !important;
    }
}
@media (max-width: 600px) {
    .search-results .w-grid.us_product_list {
        --columns: 1 !important;
    }
}

/* Layout 181 (Products) — kopieret fra Impresas grid layout for søkeresultater */
.layout_181 .w-grid-item-h{background:#FFFFFF;border-radius:0.65rem}
.layout_181 .usg_post_image_1{width:235px!important;height:235px!important;margin-left:auto!important;margin-bottom:40px!important;margin-right:auto!important;position:static!important}
.layout_181 .usg_post_title_1{font-size:20px!important}
.layout_181 .usg_product_field_3{color:#000!important;font-size:27px!important;font-weight:700!important;position:absolute!important;bottom:72px!important;display:flex;justify-content:center;align-items:center}
.layout_181 .usg_add_to_cart_1{font-size:0.8rem!important;margin-top:0.4rem!important;position:absolute!important;bottom:19px!important}
.layout_181 .usg_vwrapper_1{height:185px!important;padding-left:20px!important;padding-bottom:19px!important}
.layout_181 .usg_post_custom_field_1{color:#6F6F6F!important;font-size:17px!important}
.layout_181 .usg_html_1{padding-top:19px!important}
.layout_181 .usg_html_2{color:#fff!important;font-size:17px!important;font-weight:700!important;text-transform:uppercase!important;position:absolute!important;top:30px!important;right:12px!important}

/* ===== BLF MOBIL/TABLET FIX v10 (2026-04-21) ===== */

/* ══════ GLOBAL ══════ */
@media (max-width: 600px) {
    :root { --h2-font-size: 22px !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
    :root { --h2-font-size: 28px !important; }
}

/* ══════ HERO "Tid for utelek!" ══════ */
@media (max-width: 600px) {
    /* Kolonne: fjern absolutt-posisjonering kontekst, kompakt */
    body .us_custom_2a909142 {
        padding: 20px 15px 15px !important;
        min-height: 180px !important;
        position: relative !important;
    }
    /* Heading: liten, relativ, venstrejustert */
    body .us_custom_8d3895fe {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        font-size: 28px !important;
        line-height: 1.15 !important;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.5) !important;
        max-width: none !important;
        width: auto !important;
        text-align: left !important;
        margin-bottom: 8px !important;
    }
    /* Knapp: relativ */
    body .us_custom_e942a7d4 {
        position: relative !important;
        bottom: auto !important;
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body .us_custom_8d3895fe {
        font-size: 52px !important;
        top: 50px !important;
        right: 40px !important;
        max-width: 220px !important;
    }
}

/* ══════ HERO ROW: 1 kolonne på tablet ══════ */
@media (min-width: 601px) and (max-width: 1024px) {
    .cols_2-1.tablets-cols_inherit {
        grid-template-columns: 1fr !important;
    }
    .cols_2-1.tablets-cols_inherit > .wpb_column:nth-child(2) {
        display: contents !important;
    }
}

/* ══════ MOBIL-BANNERE (body #mobil: barnevogner + 17.mai) ══════ */
body #mobil .vc_custom_heading a,
body #mobil .vc_custom_heading a:hover,
body #mobil .vc_custom_heading a:visited {
    color: inherit !important;
    text-decoration: none !important;
}

@media (max-width: 600px) {
    body #mobil.w-hwrapper {
        flex-direction: column !important;
        gap: 8px !important;
    }
    body #mobil > .w-vwrapper {
        width: 100% !important;
        flex: none !important;
        height: 140px !important;
        border-radius: 12px !important;
        padding: 15px !important;
    }
    /* Barnevogner tekst */
    body .us_custom_49cfe064 {
        font-size: 18px !important;
        color: #fff !important;
        max-width: none !important;
        width: auto !important;
    }
    /* Barnevogner vwrapper */
    body .us_custom_35f7bf2b {
        padding-top: 15px !important;
        padding-left: 15px !important;
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body #mobil.w-hwrapper {
        flex-direction: row !important;
        gap: 12px !important;
    }
    body #mobil > .w-vwrapper {
        flex: 1 1 0 !important;
        height: 200px !important;
    }
}

/* ══════ LEKEPLASSFAVORITTER + KATALOGER ══════ */
@media (max-width: 600px) {
    body .mobler, body .katalog {
        height: 150px !important;
        border-radius: 12px !important;
    }
    body .us_custom_22b78673 {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: auto !important;
        text-align: center !important;
        font-size: 1.1rem !important;
    }
    body .mobler .vc_column-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    body .us_custom_a1327a59 {
        width: 90px !important;
        height: 90px !important;
        left: 15% !important;
    }
    body .us_custom_5e19afba {
        font-size: 0.85rem !important;
        transform: translate(-10%, -50%) !important;
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body .mobler, body .katalog { height: 220px !important; }
    body .us_custom_a1327a59 { width: 180px !important; height: 180px !important; }
}

/* ══════ SYKKELPAKKER ══════ */
@media (max-width: 600px) {
    body .us_custom_bb64262b { font-size: 20px !important; max-width: 150px !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body .us_custom_bb64262b { font-size: 34px !important; }
}

/* ══════ KATEGORI-SIRKLER ══════ */
@media (max-width: 600px) {
    body .blue, body .green, body .greener, body .yellow, body .grey, body .pink, body .golden, body .gangnam {
        width: calc(33.33% - 10px) !important;
        height: auto !important;
        max-height: none !important;
        padding: 10px 5px !important;
    }
    body .blue .w-image img, body .green .w-image img, body .greener .w-image img,
    body .yellow .w-image img, body .grey .w-image img, body .pink .w-image img,
    body .golden .w-image img {
        width: 60px !important; height: 60px !important;
    }
    body .blue h4, body .green h4, body .greener h4, body .yellow h4,
    body .grey h4, body .pink h4, body .golden h4, body .gangnam h4 {
        font-size: 0.65rem !important;
    }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body .blue, body .green, body .greener, body .yellow, body .grey, body .pink, body .golden, body .gangnam {
        width: calc(25% - 15px) !important;
        height: auto !important; max-height: none !important;
    }
}

/* ══════ KARUSELL + SPACERS + PADDING ══════ */
@media (max-width: 600px) {
    body .product-carousel { max-width: 100% !important; }
    body .l-main .ultimate-spacer { height: 20px !important; }
    body .l-main .l-section-h { padding-left: 10px !important; padding-right: 10px !important; }
    body .l-main .vc_row_inner { gap: 8px !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
    body .l-main .ultimate-spacer { height: 30px !important; }
}

/* ══════ HEADER BUNNBAR ══════ */
@media (max-width: 600px) {
    body .l-subheader.at_bottom .ush_text_1,
    body .l-subheader.at_bottom .ush_text_2,
    body .l-subheader.at_bottom .ush_text_3,
    body .l-subheader.at_bottom .ush_text_4 { font-size: 10px !important; }
    body .l-subheader.at_bottom .ush_image_2,
    body .l-subheader.at_bottom .ush_image_3,
    body .l-subheader.at_bottom .ush_image_4,
    body .l-subheader.at_bottom .ush_hwrapper_1 { width: 28px !important; height: 28px !important; }
    body .l-subheader.at_bottom { height: 55px !important; line-height: 55px !important; }
    body .l-header.sticky body .l-subheader.at_bottom { height: 42px !important; line-height: 42px !important; }
    body .l-subheader.at_bottom .w-vwrapper { gap: 1px !important; }
}

/* ─── 17.MAI BANNER TEKST VIA CSS ─── */
@media (max-width: 1024px) {
    body .us_custom_a4012a7c::before {
        content: 'Gjør deg klar til 17. mai!' !important;
        display: block !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-shadow: 2px 2px 6px rgba(0,0,0,0.3) !important;
        padding: 15px !important;
        position: relative !important;
        z-index: 2 !important;
    }
}