/* ===========================================
   XGSLab › XGSA_TD (Time-Domain) style overrides
   =========================================== */

:root {
  /* --td-accent: #d946ef;
  --td-accent-grad: linear-gradient(90deg, #d946ef, #9333ea); */

    --td-accent:#0f766e;
  --td-accent-2:#155e75;
  --td-grad: linear-gradient(90deg,#0f766e,#155e75);
}

/* HERO */
.gsa-hero.td-hero {
  background: #0c1220 url('../images/xgs/xgsa-td-hero.avif') center/cover no-repeat;
}
.gsa-hero.td-hero::before {
  background: linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.35));
}

/* stat pills */
.td-stats {
  display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0;
}
.td-stats li {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .35rem .6rem; border-radius: 999px;
  font-weight: 700; font-size: .9rem;
  border: 1.5px solid rgba(255,255,255,.4);
  color: #fff; background: rgba(255,255,255,.08);
}

/* Card icon accent */
.td-icon {
  color: var(--td-accent);
  background: linear-gradient(180deg, #fce8fd, #f6eafd);
  border-color: rgba(217,70,239,.25);
}

/* Button override */
.gsa-btn--primary {
  background: var(--td-accent-grad);
}
.gsa-btn--primary:hover {
  filter: brightness(1.08);
}

/* GALLERY & SHOTS - keep square corners, full image view */
.gsa-shot {
  position:relative;
  overflow:visible;
  border:none; border-radius:0;
  box-shadow:none; background:transparent; padding:0;
  box-shadow: 5px 10px 30px rgb(113, 113, 113);

}
.gsa-shot img {
  display:block;
  width:100%;
  height:auto;            /* full image visible */
  object-fit:contain;     /* never crop */
  border-radius:0;  
}

/* other sections can inherit from gsa.css, so this file only needs override bits */


/* Hero buttons – FIXED to match other pages */
.section-neplan-home--xgsa-td .btn-neplan-home {
  all: unset;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .9rem 1.25rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;

  color: #fff;
  border: 2px solid transparent;
  background-image: var(--td-grad);   /* ✅ correct variable */
  box-shadow: 0 10px 24px rgba(15, 23, 42, .4);

  transition: transform .25s, box-shadow .25s, background .25s, border-color .25s;
}

.section-neplan-home--xgsa-td .btn-neplan-home:hover {
  background-image: none;
  background-color: #0e7490;
  border-color: #0e7490;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(14, 165, 233, .55);
}

.section-neplan-home--xgsa-td .btn-neplan-home:active {
  background-color: #134e4a;
  border-color: #134e4a;
  transform: translateY(0);
}


/* Extra gap between header and XGSA_TD hero on desktop */
@media (min-width: 768px){
  .section-neplan-home--xgsa-td{
    margin-top:16px;
  }
}


/* Shrink XGSA_TD hero logo (right side card) */
.section-neplan-home--xgsa-td .device-neplan-home {
  max-width: 260px;     /* control logo block width */
  margin-right: 150px;  /* pull it away from the right edge */
  flex: 0 0 260px;      /* make flex layout respect this width */
}

.section-neplan-home--xgsa-td .device-neplan-home img {
  width: 100%;
  height: auto;
  object-fit: contain;
}