/**
 * Dual-Form-Whatsapp Responsive Grid Layout Styles
 */

/* UX SPACE FIX: Tighter padding layout to stop items from showing far apart */
.dfw-cart-page-layout table.structural_table tbody tr td {
    padding: 8px 10px !important;
    vertical-align: middle !important;
}

.dfw-cart-page-layout table.structural_table thead tr th {
    padding: 10px 10px !important;
}

/* 1. Desktop layout initialization rules */
@media screen and (min-width: 769px) { 
    #dfw-mobile-accordion-container { display: none !important; } 
}

/* 2. Mobile device block layout modifications and accordion styles */
@media screen and (max-width: 768px) {
    #custom-inquiry-modal { display: none !important; }
    #dfw-mobile-accordion-container.accordion-active { display: block !important; }
    #dfw-mobile-accordion-container { display: none; width: 100%; margin-top: 20px; box-sizing: border-box; }
    .custom-modal-content { padding: 0 !important; width: 100% !important; max-width: 100% !important; }
    #close-inquiry-popup, #dfw-panel-heading { display: none !important; }
    #dfw-mobile-accordion-container .wpcf7-submit { width: 100% !important; display: block !important; margin: 15px 0 0 0 !important; }
}

/* Navigation Count Badge Transform Hooks */
#dfw-header-count-value { transition: transform 0.2s ease-out; display: inline-block; }