/* === DC Concepts v1.0.1 Mobile Visual Tweaks === */

/* Testimonials: centre cards/text on small screens */
@media (max-width: 680px){
  .testimonials{ text-align:center !important; }
  .testimonials h2, .testimonials h3, .testimonials p{ text-align:center !important; }
  .testimonials .testimonial-card,
  .testimonials .card,
  .testimonials blockquote,
  .testimonials [class*="testimonial"]{
    margin-left:auto !important;
    margin-right:auto !important;
    width: min(560px, 100%) !important;
  }
  .testimonials .test-grid,
  .testimonials [class*="grid"],
  .testimonials [class*="wrap"],
  .testimonials [class*="row"]{
    align-items:center !important;
    justify-content:center !important;
  }
}

/* Burger 'X' mode — plain big X when menu is open */
.burger.x-mode{
  background:#fff;
  position:relative;
  font-size:32px;
  font-weight:700;
  line-height:1;
}
.burger.x-mode::before{
  content:"\00D7"; /* × */
}
.burger.x-mode span{ display:none !important; }

/* Footer socials centred on mobile */
@media (max-width: 560px){
  .footer .socials{
    justify-content: center !important;
    margin-left:auto; margin-right:auto;
    width:100%;
  }
  .footer .footer-bottom{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}

/* === v1.0.4 — Force testimonials to centre on mobile === */
@media (max-width: 700px){
  /* Ensure the outer wrappers centre children */
  .testimonials,
  .testimonials .container,
  .testimonials .test-grid,
  .testimonials .cards,
  .testimonials .wrap,
  .testimonials [class*="grid"],
  .testimonials [class*="row"]{
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Centre the actual cards */
  .testimonials .testimonial-card,
  .testimonials .card,
  .testimonials blockquote,
  .testimonials [class*="testimonial"]{
    margin-left:auto !important;
    margin-right:auto !important;
    width:min(560px, 100%) !important;
  }

  /* Nuke any slide offset that may push cards to the right */
  .testimonials [style*="transform"]{ transform:none !important; }
  .testimonials .swiper, .testimonials .swiper-wrapper, .testimonials .swiper-slide{
    transform:none !important;
    left:auto !important; right:auto !important;
  }
}