/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 01:02:41 */
/* ========================================================================
FILNAMN: [CSS] – Kassa: Köp-knapp
BESKRIVNING: 
Hanterar designen för den viktigaste knappen: "Slutför köp" (Place Order).
Innehåller styling för:
- Grunddesign (Grön gradient, skugga, typografi)
- Hover-effekt (Stabil/Stum utan rörelse)
- Mobilanpassning
- Städning av tema-specifika ikoner/blobs
========================================================================
*/

/* --- 1. GRUNDDESIGN (NORMALLÄGE) --- */
body.woocommerce-checkout #payment button#place_order {
    /* Dimensioner & Layout */
    width: 100% !important;
    min-height: 54px !important;     
    margin-top: 25px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Typografi */
    font-size: 16px !important;
    font-family: "Poppins", sans-serif !important; 
    font-weight: 600 !important;
    letter-spacing: 0.8px !important; 
    text-transform: uppercase !important; 
    line-height: 1 !important;
    text-shadow: none !important;

    /* Form & Ram */
    border-radius: 4px !important; /* Matchar input-fälten i kassan (4px) */
    border: none !important;

    /* Färg & Yta (Trust Green Gradient) */
    background: none !important; /* Nollställ gammalt */
    background-image: linear-gradient(to bottom, #5d9360, #467548) !important;
    color: #ffffff !important;
    
    /* Djup (Fast skugga + Highlight) */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 
                0 4px 10px rgba(60, 100, 65, 0.35) !important;
    
    /* Transition (Bara färgbyte, ingen rörelse) */
    transition: background-image 0.2s ease-in-out !important;
    
    /* Nollställ eventuella pseudo-element från temat */
    position: relative !important;
}

/* --- 2. HOVER-EFFEKT (STABIL - INGEN RÖRELSE) --- */
body.woocommerce-checkout #payment button#place_order:hover {
    /* Vi gör den mörkare/djupare i tonen */
    background-image: linear-gradient(to bottom, #4e8250, #3d6b41) !important;
    
    /* VIKTIGT: Tvingar den att stå helt stilla (Samma logik som Logga in) */
    transform: none !important; 
    
    /* Behåll samma skugga så den inte "pumpar" */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 
                0 4px 10px rgba(60, 100, 65, 0.35) !important;
}

/* --- 3. STÄDNING (TA BORT TEMA-SKRÄP) --- */
/* Tar bort pilar, blobs eller ikoner som vissa teman lägger till */
body.woocommerce-checkout #payment button#place_order::before,
body.woocommerce-checkout #payment button#place_order::after {
    display: none !important;
    content: none !important;
}

/* --- 4. MOBILANPASSNING --- */
@media (max-width: 768px) {
    body.woocommerce-checkout #payment button#place_order {
        font-size: 16px !important; 
        min-height: 52px !important;
    }
}