/* ProstoBau Footer Mobile Layout - Direktlinks and Leistungen Horizontal */

/* Mobile layout for footer sections - Force horizontal layout */
@media (max-width: 768px) {
    /* Override any existing grid layout */
    .prostobau-footer-content {
        display: block !important;
        grid-template-columns: none !important;
        text-align: center !important;
    }
    
    /* Create a horizontal wrapper for the two sections */
    .prostobau-footer-links,
    .prostobau-footer-services {
        display: inline-block !important;
        width: 45% !important;
        vertical-align: top !important;
        margin: 0 2.5% 20px 2.5% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        float: none !important;
        clear: none !important;
    }
    
    /* Force them to be on the same line */
    .prostobau-footer-links + .prostobau-footer-services {
        margin-left: 0 !important;
    }
    
    /* Remove any grid or flex properties that might interfere */
    .prostobau-footer-section {
        grid-column: unset !important;
        flex: none !important;
    }
    
    /* Remove the vertical line decoration on mobile */
    .prostobau-footer-links:before,
    .prostobau-footer-services:before {
        display: none !important;
    }
    
    /* Center the titles */
    .prostobau-footer-links .prostobau-footer-title,
    .prostobau-footer-services .prostobau-footer-title {
        font-size: 16px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
        font-weight: bold !important;
    }
    
    /* Style the lists */
    .prostobau-footer-links ul,
    .prostobau-footer-services ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }
    
    .prostobau-footer-links ul li,
    .prostobau-footer-services ul li {
        margin-bottom: 8px !important;
        text-align: center !important;
    }
    
    .prostobau-footer-links ul li a,
    .prostobau-footer-services ul li a {
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        color: #333 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Style the SVG icons */
    .prostobau-footer-links ul li a svg,
    .prostobau-footer-services ul li a svg {
        width: 12px !important;
        height: 12px !important;
        margin-right: 8px !important;
        fill: #FF6B35 !important;
    }
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    .footer-links-horizontal {
        gap: 15px !important;
    }
    
    .footer-links-horizontal .prostobau-footer-section {
        width: 47% !important;
    }
    
    .footer-links-horizontal .prostobau-footer-title {
        font-size: 15px !important;
        margin-bottom: 12px !important;
    }
    
    .footer-links-horizontal .prostobau-footer-section ul li a {
        font-size: 13px !important;
    }
}

/* Ensure proper spacing and alignment */
@media (max-width: 768px) {
    .prostobau-footer-container {
        padding: 0 15px !important;
        overflow-x: hidden !important;
    }
    
    /* Fix brand section text overflow */
    .prostobau-footer-brand {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    .prostobau-footer-description {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    .prostobau-footer-description p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    .prostobau-footer-links,
    .prostobau-footer-services {
        width: 42% !important;
        margin: 0 4% 15px 4% !important;
    }
    
    .prostobau-footer-links .prostobau-footer-title,
    .prostobau-footer-services .prostobau-footer-title {
        font-size: 15px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }
    
    .prostobau-footer-links ul li a,
    .prostobau-footer-services ul li a {
        font-size: 13px !important;
    }
}

/* Additional specificity to override theme styles */
@media (max-width: 768px) {
    .prostobau-footer .prostobau-footer-content {
        display: block !important;
        grid-template-columns: none !important;
    }
    
    .prostobau-footer .prostobau-footer-links,
    .prostobau-footer .prostobau-footer-services {
        display: inline-block !important;
        width: 45% !important;
        vertical-align: top !important;
        margin: 0 2.5% 20px 2.5% !important;
    }
    
    /* Ensure Information section appears below */
    .prostobau-footer-info {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin-top: 20px !important;
        text-align: center !important;
    }
    
    /* Force white-space to prevent line breaks */
    .prostobau-footer-container {
        white-space: nowrap !important;
        text-align: center !important;
    }
    
    .prostobau-footer-links,
    .prostobau-footer-services {
        white-space: normal !important;
    }
}