/* === LAA Avocats — Mobile Overrides (2025-08-31) === */

/* 0) Safety: smooth images */
img{max-width:100%;height:auto}

/* 1) HERO full-bleed + single column on small screens */
@media (max-width: 900px){
  .hero{ padding: 3.5rem 0 !important; }
  .hero .container{ width:100% !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
  .hero .wrap{ display:grid !important; grid-template-columns:1fr !important; gap:1rem !important; }
  .hero .wrap > *{ margin:0 auto !important; }
  .hero .home-photo, .hero img{ width:100% !important; max-width:100% !important; height:auto !important; border-radius:0 !important; }
}

/* 2) Home content columns: force stacking + tidy gaps */
@media (max-width: 900px){
  .home .entry-content .wp-block-columns{ display:block !important; margin-left:0 !important; margin-right:0 !important; }
  .home .entry-content .wp-block-columns > .wp-block-column{ width:100% !important; margin:0 0 .9rem 0 !important; }
  .home .entry-content .wp-block-image{ margin: 0 0 .8rem 0 !important; }
  .home .entry-content{ padding-left:16px !important; padding-right:16px !important; }
}

/* 3) About slice on home: image above text on mobile (optional; remove if you want text first) */
@media (max-width: 900px){
  .home .entry-content .wp-block-columns:first-of-type{ display:flex !important; flex-direction:column !important; gap:.8rem !important; }
  .home .entry-content .wp-block-columns:first-of-type .wp-block-image{ order:-1 !important; }
}

/* 4) Minor spacing */
.section{ padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; }

/* === 2.1) Force the custom 'split' layout to stack on small screens === */
@media (max-width: 900px){
  .container.split{ display:flex !important; flex-direction: column !important; gap: .9rem !important; }
  .container.split > *{ width:100% !important; max-width:100% !important; }
  .container.split img{ max-width:100% !important; height:auto !important; border-radius:16px !important; }
}