/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ================================
   Footer Columns Enhanced Fix
   Added: 2025-07-04
   Purpose: Override Elementor/theme CSS with ultra-high specificity
   Issue: Elementor CSS preventing horizontal column layout
   Solution: Multiple high-specificity selectors with !important
   ================================ */

/* Ultra-specific desktop layout - multiple selector variations */
@media (min-width: 992px) {
  /* Primary selectors - target all possible paths */
  .wd-footer.footer-container .elementor .wp-block-wd-row,
  footer.wd-footer .elementor .wp-block-wd-row,
  .footer-container .elementor .wp-block-wd-row,
  .main-footer .elementor .wp-block-wd-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 2rem !important;
    align-items: flex-start !important;
  }
  
  /* Column styling - multiple paths */
  .wd-footer.footer-container .elementor .wp-block-wd-column,
  footer.wd-footer .elementor .wp-block-wd-column,
  .footer-container .elementor .wp-block-wd-column,
  .main-footer .elementor .wp-block-wd-column {
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
  }
  
  /* Specific column widths with ultra-high specificity */
  .wd-footer.footer-container .elementor .wp-block-wd-column:first-child,
  footer.wd-footer .elementor .wp-block-wd-column:first-child {
    flex: 0 0 25% !important; /* Logo column */
    max-width: 25% !important;
  }
  
  .wd-footer.footer-container .elementor .wp-block-wd-column:nth-child(2),
  .wd-footer.footer-container .elementor .wp-block-wd-column:nth-child(3),
  footer.wd-footer .elementor .wp-block-wd-column:nth-child(2),
  footer.wd-footer .elementor .wp-block-wd-column:nth-child(3) {
    flex: 0 0 20% !important; /* Categories and Links columns */
    max-width: 20% !important;
  }
  
  .wd-footer.footer-container .elementor .wp-block-wd-column:last-child,
  footer.wd-footer .elementor .wp-block-wd-column:last-child {
    flex: 0 0 35% !important; /* Contact column */
    max-width: 35% !important;
  }
}


/* Tablet responsive layout */
@media (min-width: 768px) and (max-width: 991px) {
  .wd-footer.footer-container .elementor .wp-block-wd-row,
  footer.wd-footer .elementor .wp-block-wd-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
  }
  
  .wd-footer.footer-container .elementor .wp-block-wd-column,
  footer.wd-footer .elementor .wp-block-wd-column {
    flex: 0 0 48% !important;
    max-width: 48% !important;
  }
}

/* End Footer Columns Fix */