/**
 * leasinGo Integration - Minimal CSS
 * Version: 2.0.8
 * 
 * Dieses CSS überschreibt NICHT das Original-leasinGo-Styling!
 * Es fügt nur minimale Spacing-Styles für WordPress-Integration hinzu.
 */

/* === Container Spacing === */
.leasingo-calculator,
.leasingo-rate-indicator,
.leasingo-mini-calculator {
    margin: 20px 0;
    clear: both;
    width: 100%;
    max-width: 100%;
    min-height: 100px; /* Platz reservieren während Laden */
}

/* Rate Indicator kompakter */
.leasingo-rate-indicator {
    max-width: 600px;
}

/* === Radio-Buttons Orange Styling === */
/* Radio-Buttons (Leasing, Mietkauf, neu, gebraucht) */
.leasingo-calculator .lgo-radio-inline input[type="radio"]:checked + label,
.leasingo-calculator .sc-dkrFOg.hfdbhT input[type="radio"]:checked + label {
    background-color: #eb630a !important;
    border-color: #eb630a !important;
    color: #ffffff !important;
}

.leasingo-calculator .lgo-radio-inline input[type="radio"]:checked + label:hover,
.leasingo-calculator .sc-dkrFOg.hfdbhT input[type="radio"]:checked + label:hover {
    background-color: #d35609 !important;
}

/* Radio-Button Circle selbst orange färben */
.leasingo-calculator .lgo-radio-inline label::before,
.leasingo-calculator .sc-dkrFOg.hfdbhT label::before {
    border-color: #cccccc;
}

.leasingo-calculator .lgo-radio-inline input[type="radio"]:checked + label::before,
.leasingo-calculator .sc-dkrFOg.hfdbhT input[type="radio"]:checked + label::before {
    border-color: #eb630a !important;
    background-color: #eb630a !important;
}

.leasingo-calculator .lgo-radio-inline input[type="radio"]:checked + label::after,
.leasingo-calculator .sc-dkrFOg.hfdbhT input[type="radio"]:checked + label::after {
    background-color: #ffffff !important;
}

/* Hover-Effekt für nicht-ausgewählte Radio-Buttons */
.leasingo-calculator .lgo-radio-inline label:hover,
.leasingo-calculator .sc-dkrFOg.hfdbhT label:hover {
    border-color: #eb630a !important;
}

/* === Mobile Zweispaltig === */
@media screen and (max-width: 768px) {
    .leasingo-calculator,
    .leasingo-rate-indicator,
    .leasingo-mini-calculator {
        margin: 15px 0;
    }
    
    /* Rate Indicator volle Breite auf Mobile */
    .leasingo-rate-indicator {
        max-width: 100%;
    }
    
    /* Zweispaltiges Grid für Mobile (nur Calculator) */
    .leasingo-calculator > div > div {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    
    /* Felder in Grid anordnen */
    .leasingo-calculator fieldset,
    .leasingo-calculator .form-group,
    .leasingo-calculator > div > div > div {
        grid-column: span 1 !important;
    }
    
    /* Bestimmte Elemente über volle Breite */
    .leasingo-calculator button,
    .leasingo-calculator .calculator-result,
    .leasingo-calculator h2,
    .leasingo-calculator h3,
    .leasingo-calculator p {
        grid-column: 1 / -1 !important;
    }
}

/* === Tablet - Dreispaltig === */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .leasingo-calculator > div > div {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
    }
    
    .leasingo-calculator button,
    .leasingo-calculator .calculator-result {
        grid-column: 1 / -1 !important;
    }
}

/* === WooCommerce Integration === */
.product .leasingo-calculator,
.product .leasingo-rate-indicator,
.product .leasingo-mini-calculator {
    margin-top: 20px;
}

.products .leasingo-calculator,
.products .leasingo-rate-indicator,
.products .leasingo-mini-calculator {
    margin-top: 10px;
}