/*
Theme Name:   Astra Child
Theme URI:    https://yourwebsite.com
Description:  Custom child theme for Astra with dynamic project galleries
Author:       Your Name
Author URI:   https://yourwebsite.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
*/

/* 
This child theme inherits all styles from Astra parent theme.
Custom styles will go in assets/css/ folders.
*/

/* ── Mobile: always horizontal scroll ── */
@media (max-width: 768px) {
  .team-scroll-section,
  .team-no-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
  }

  .team-scroll-section > .e-con,
  .team-no-scroll > .e-con {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    scroll-snap-align: start;
  }
}

/* ── Desktop 4+ cards: horizontal scroll ── */
@media (min-width: 769px) {
  .team-scroll-section {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
  }

  .team-scroll-section > .e-con {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    scroll-snap-align: start;
  }
}

/* ── Desktop 3 or fewer: normal, no scroll ── */
@media (min-width: 769px) {
  .team-no-scroll {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }
}
/* ── Fix desktop layout ── */
@media (min-width: 769px) {
  .team-no-scroll,
  .team-scroll-section {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}