/*
Theme Name: test

WooCommerce styles override
*/

.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #f1bd4d;
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #f1bd4d;
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #f1bd4d;
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #f1bd4d;
	opacity: 1;
}

.mini-cart-coupon {
	background: darkgreen;
	color: #fff;
	display: block;
	margin: 1rem 0;
	padding: .5rem 1.5rem;
}

.mini-cart-coupon a {
	color: #fff;
}

/* ============================================================
   Checkout fixes (added 2026-02-24)
   - Payment method radio + label vertically centered + more spacing
   - Remove "Vipps" text next to logo
   - "Send til en annen adresse" typography matches surrounding text
   - Postnummer + Poststed on same line (desktop)
   ============================================================ */

/* Postnummer + Poststed samme linje */
#billing_postcode_field,
#billing_city_field{
    width: calc(50% - 10px);
    float: left;
    clear: none !important;
}
#billing_postcode_field{ margin-right: 20px; }
#billing_city_field{ margin-right: 0; }

@media (max-width: 768px){
    #billing_postcode_field,
    #billing_city_field{
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

/* "Send til en annen adresse?" samme font/størrelse */
.woocommerce-shipping-fields #ship-to-different-address label{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* Checkbox/label: vertikal alignment + litt mer luft */
.woocommerce-form__label-for-checkbox,
#ship-to-different-address label{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

/* Betalingsmåter: radio + logo/tekst vertikalt sentrert + mer luft */
#payment ul.payment_methods li.wc_payment_method{
    padding: 12px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

#payment ul.payment_methods li.wc_payment_method input[type="radio"]{
    margin: 0;
}

#payment ul.payment_methods li.wc_payment_method > label{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1.2;
    margin: 0;
}

#payment ul.payment_methods li.wc_payment_method > label img{
    display: block;
    height: 26px;
    width: auto;
}

/* Fjern "Vipps" tekst ved siden av logo (markup: label[for="payment_method_vipps"] ... <img> ) */
#payment label[for="payment_method_vipps"]{
    font-size: 0;
}
#payment label[for="payment_method_vipps"] img{
    font-size: initial;
}


/* ============================================================
   Checkout fixes v2 (added 2026-02-24)
   - Force postcode + city inline using flex wrapper + override floats/clears
   - Force ship-to-different-address typography to match other checkbox rows
   ============================================================ */

/* Postnummer + Poststed: bruk flex på wrapper (robust mot theme overrides) */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_city_field{
    float: none !important;
    clear: none !important;
    flex: 1 1 calc(50% - 10px);
    width: auto !important;
}

@media (max-width: 768px){
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
        column-gap: 0;
    }
    .woocommerce-checkout #billing_postcode_field,
    .woocommerce-checkout #billing_city_field{
        flex: 1 1 100%;
    }
}

/* "Send til en annen adresse?" – tving lik typografi som andre checkbox-labels */
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout #ship-to-different-address label span{
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* ============================================================
   Checkout fixes v4 (added 2026-02-24)
   - Force billing postcode + city to share a row even if city is form-row-wide
   - Ensure ship-to-different-address uses site font sizing
   ============================================================ */

/* Postnummer + Poststed: tving 2-kolonne på disse to feltene */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field{
    flex: 0 0 calc(50% - 1rem) !important;
    width: calc(50% - 1rem) !important;
    max-width: calc(50% - 1rem) !important;
}

/* Mobil: 1 kolonne */
@media (max-width: 800px){
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field{
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* "Send til en annen adresse?" – samme fontstørrelse som øvrig tekst */
.woocommerce-checkout form.checkout:not(.kco-checkout) #ship-to-different-address label,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #ship-to-different-address label{
    font-family: inherit !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

.woocommerce-checkout form.checkout:not(.kco-checkout) #ship-to-different-address label span,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #ship-to-different-address label span{
    font-family: inherit !important;
    font-size: inherit !important;
}


/* ============================================================
   Checkout fixes v5 (added 2026-02-24)
   - When wrapper is GRID: override theme rule that makes .form-row-wide span full width.
     Force billing_city + billing_postcode to occupy column 2 and 1.
   ============================================================ */

/* GRID layout (theme uses grid on field-wrapper): force columns for these two fields */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field{
    grid-column: 1 !important;
}
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field{
    grid-column: 2 !important;
}

/* Some templates use form.woocommerce-checkout */
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field{
    grid-column: 1 !important;
}
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field{
    grid-column: 2 !important;
}

@media (max-width: 800px){
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field{
        grid-column: 1 / -1 !important;
    }
}


/* ============================================================
   Checkout fixes v6 (added 2026-02-24)
   - Restore theme's intended 2-col GRID layout for billing/shipping wrappers
   - Force postcode + city (billing + shipping) to sit on same row (desktop)
   - Force "Send til en annen adresse?" to exact Graphik font + size that matches site
   ============================================================ */

/* 1) Sørg for at wrapperne faktisk bruker GRID (ikke flex) */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
}

/* Mobil: 1 kolonne (matcher temaet ditt) */
@media (max-width: 800px){
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper{
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}

/* 2) Standard grid-plassering (så "wide" ikke ødelegger alt) */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .form-row-first,
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .form-row-last,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .form-row-first,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .form-row-last{
    grid-column: auto;
}

/* Wide: full bredde */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .form-row-wide,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .form-row-wide{
    grid-column: 1 / -1;
}

/* 3) Postnummer + Poststed (billing): tving to kolonner */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field{
    grid-column: 1 !important;
}
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field{
    grid-column: 2 !important;
}

/* 4) Postnummer + Poststed (shipping): tving to kolonner */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #shipping_postcode_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #shipping_postcode_field{
    grid-column: 1 !important;
}
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #shipping_city_field,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #shipping_city_field{
    grid-column: 2 !important;
}

/* Mobil: begge full bredde */
@media (max-width: 800px){
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #billing_city_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_postcode_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #billing_city_field,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #shipping_postcode_field,
    .woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details #shipping_city_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #shipping_postcode_field,
    .woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details #shipping_city_field{
        grid-column: 1 / -1 !important;
    }
}

/* 5) "Send til en annen adresse?" – tving eksakt font + størrelse */
.woocommerce-checkout form.checkout:not(.kco-checkout) #ship-to-different-address label,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #ship-to-different-address label,
.woocommerce-checkout form.checkout:not(.kco-checkout) #ship-to-different-address label span,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #ship-to-different-address label span{
    font-family: 'Graphik', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


/* ============================================================
   Checkout fixes v7 (added 2026-02-24)
   - Ensure inputs expand to fill their grid cell (postcode/city were too narrow)
   ============================================================ */

/* Make wrappers full width inside grid */
.woocommerce-checkout #customer_details .woocommerce-input-wrapper{
    display: block !important;
    width: 100% !important;
}

/* Force inputs/selects to fill available width in checkout */
.woocommerce-checkout #customer_details input.input-text,
.woocommerce-checkout #customer_details select,
.woocommerce-checkout #customer_details textarea{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Extra safety: postcode/city specifically */
.woocommerce-checkout #customer_details #billing_postcode_field input,
.woocommerce-checkout #customer_details #billing_city_field input,
.woocommerce-checkout #customer_details #shipping_postcode_field input,
.woocommerce-checkout #customer_details #shipping_city_field input{
    width: 100% !important;
    max-width: 100% !important;
}


/* ============================================================
   Checkout fixes v8 (added 2026-02-24)
   - Make grid items fully stretch (override theme max-width/flex-basis leftovers)
   ============================================================ */

.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper > .form-row,
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper > .form-row,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper > .form-row,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper > .form-row{
    max-width: none !important;
    width: 100% !important;
    flex-basis: auto !important;
    justify-self: stretch !important;
    min-width: 0 !important;
}

/* Ensure 2-col items actually use full cell width */
.woocommerce-checkout #customer_details #billing_first_name_field,
.woocommerce-checkout #customer_details #billing_last_name_field,
.woocommerce-checkout #customer_details #billing_phone_field,
.woocommerce-checkout #customer_details #billing_email_field,
.woocommerce-checkout #customer_details #billing_postcode_field,
.woocommerce-checkout #customer_details #billing_city_field,
.woocommerce-checkout #customer_details #shipping_postcode_field,
.woocommerce-checkout #customer_details #shipping_city_field{
    max-width: none !important;
    width: 100% !important;
    justify-self: stretch !important;
}


/* ============================================================
   Checkout fixes v9 (added 2026-02-24)
   - Billing postcode/city inputs were still constrained (fixed widths/max-widths).
     Force the specific inputs and their wrappers to fill the grid cells.
   ============================================================ */

.woocommerce-checkout #customer_details #billing_postcode_field,
.woocommerce-checkout #customer_details #billing_city_field{
    max-width: none !important;
    width: 100% !important;
    min-width: 0 !important;
}

.woocommerce-checkout #customer_details #billing_postcode_field .woocommerce-input-wrapper,
.woocommerce-checkout #customer_details #billing_city_field .woocommerce-input-wrapper{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.woocommerce-checkout #customer_details input#billing_postcode,
.woocommerce-checkout #customer_details input#billing_city{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   Checkout tweaks v10 (added 2026-02-24)
   - Reduce vertical spacing between fields (row-gap) to 1rem
   - On mobile only: set field padding to 1rem
   ============================================================ */

/* Mindre vertikal luft mellom feltene */
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.woocommerce-checkout:not(.kco-checkout) #customer_details .woocommerce-shipping-fields__field-wrapper{
    row-gap: 1rem !important;
}

/* Mobil: padding 1rem på feltene (kun checkout) */
@media (max-width: 800px){
    .woocommerce-checkout #customer_details input.input-text,
    .woocommerce-checkout #customer_details select,
    .woocommerce-checkout #customer_details textarea{
        padding: 1rem !important;
    }
}