/*
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;
    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;
  }
}

/* ── Logo Gallery: horizontal scroll strip ── */
.logo-scroll-strip {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.logo-scroll-strip::-webkit-scrollbar {
  display: none;
}

.logo-scroll-strip .gallery {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  grid-template-columns: unset !important;
  align-items: center;
  gap: 24px;
  width: max-content;
}

.logo-scroll-strip .gallery-item {
  float: none !important;
  width: 160px !important;
  flex: 0 0 160px !important;
  margin: 0 !important;
}

.logo-scroll-strip .gallery-item img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}