/*
Theme Name: Handwerker-DE
Author: Abdulla Abdullaev
Description: Professionelle, minimalistische WordPress-Theme für Handwerker. Optimiert für IKEA Möbelmontage.
Version: 2.1.0
Text Domain: handwerker-de
*/

:root {
    --primary-blue: #004080;
    --accent-orange: #FF6600;
    --light-bg: #F9F9F9;
}

/* Optimized Mobile Header */
@media (max-width: 768px) {
    .header-contact {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .header-phone-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: rgba(0,64,128,0.05);
        border: 1px solid rgba(0,64,128,0.1);
        border-radius: 50%;
        text-decoration: none;
        color: var(--primary-blue) !important;
        padding: 0 !important;
    }
    .header-phone-link span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .header-phone-link::before {
        content: "📞";
        font-size: 20px;
    }
    .btn-whatsapp {
        padding: 10px 18px !important;
        font-size: 14px !important;
        min-width: 100px;
        text-align: center;
    }
}

/* Calculator Layout Styles */
.calc-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 40px;
}

@media(max-width: 991px) {
    .calc-layout { 
        display: flex !important;
        flex-direction: column !important;
    }
    .calc-summary { 
        position: static !important; 
        margin-top: 30px; 
        order: 3; /* Results below contacts */
    }
    .calc-content {
        order: 1; /* Config above */
    }
    /* Fixed radio grid overflow */
    .services-grid-mobile {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    }
    .calc-layout > div {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }
}