/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 03:21:04 */
/* ========================================================================
FILNAMN: [CSS] – Kassa: Layout & Rubriker
BESKRIVNING: 
FIXAD VERSION (Mobilmeny-säker & Justerad marginal).
1. .woocommerce-checkout skyddar menyn.
2. Justerad marginal (20px) under formuläret för en tajtare men professionell look.
========================================================================
*/

/* --- 1. LAYOUT RESET (BREDD & MARGINALER) --- */

/* OBS: Här lade vi till .woocommerce-checkout för att skydda din header/meny */
.woocommerce-checkout .col2-set {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
}

.woocommerce-checkout #order_review_heading, 
.woocommerce-checkout #order_review {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-top: 0 !important;
}


/* --- 2. TAR BORT RAMAR PÅ BETALBOXEN --- */
/* Vi använder specifika IDn här, så det är säkert */
#payment, 
.woocommerce-checkout-payment {
    background-color: transparent !important; 
    background: none !important;
    border: none !important;                  
    border-radius: 0 !important;
    box-shadow: none !important;              
    padding: 0 !important;                    
}

/* Nollställ list-indrag */
ul.wc_payment_methods {
    padding-left: 0 !important;   
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none !important;  
}

/* Säkra full bredd på listelementen */
li.payment_method_stripe_cc,
li[class*="klarna"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;       
}

/* --- 3. FIXAR RUBRIKEN "VÄLJ BETALMETOD" --- */
/* Säker placering på boxen */
#payment::before {
    content: "Välj betalmetod"; 
    display: block;
    
    font-family: "Proxima Nova", sans-serif !important;
    font-size: 18px !important;      
    font-weight: 700 !important;  
    color: #000000 !important;        
    
    margin-bottom: 15px !important;  
    margin-top: 10px !important;  
    line-height: 1.2 !important;
    text-transform: none !important; 
}

/* Dölj rubriken om inga betalmetoder finns (Smart regel) */
#payment:not(:has(.wc_payment_method))::before {
    display: none !important;
}

/* --- 4. FIXAR RUBRIKEN "DINA UPPGIFTER" --- */
/* Dölj standardrubriker i kassan */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
    display: none !important; 
}

/* Skapa egen rubrik */
.woocommerce-checkout .col2-set .woocommerce-billing-fields::before {
    content: "Dina uppgifter";
    display: block;
    font-family: "Proxima Nova", sans-serif !important; 
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
    line-height: 1.2;
    text-transform: none !important;
}

/* Matchning för formulär-rubriker */
.woocommerce-billing-fields h3 {
    font-family: "Proxima Nova", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    text-transform: none !important; 
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* --- 5. STÄDNING --- */
/* Nollställ kanter för knappar och villkor */
.woocommerce-checkout #payment .place-order {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important; 
}

.woocommerce-checkout-payment .place-order::before,
.woocommerce-terms-and-conditions-wrapper::before {
    display: none !important;
    border: none !important;
}

.woocommerce-form__label-for-checkbox {
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
}