/* ==========================================================
   Event Country Header Final Icon + Download Badge Adjustment
   This file must load after the other header CSS files.
   ========================================================== */

/* Shift the whole right-side icon/download group slightly left */
.ecx-system-actions{
  transform:translateX(-34px) !important;
  gap:14px !important;
}

/* Keep header tall enough for bigger download badges */
.ecx-system-header-inner{
  min-height:92px !important;
}

/* ================= SOCIAL ICONS ================= */

/* Remove button box around social icons */
.ecx-system-socials{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-right:6px !important;
}

.ecx-system-socials a,
.ecx-mobile-socials a{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.ecx-system-socials a:hover,
.ecx-mobile-socials a:hover{
  transform:translateY(-1px) !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ecx-system-socials img,
.ecx-mobile-socials img{
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* ================= DOWNLOAD BADGES ================= */

/* Remove button box around store badges */
.ecx-system-store-badges{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-left:2px !important;
}

.ecx-system-store-badges a,
.ecx-mobile-store-badges a{
  height:auto !important;
  min-height:0 !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.ecx-system-store-badges a:hover,
.ecx-mobile-store-badges a:hover{
  transform:translateY(-1px) !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Make download logos much bigger */
.ecx-system-store-badges img,
.ecx-mobile-store-badges img{
  height:76px !important;
  width:auto !important;
  max-width:290px !important;
  display:block !important;
  object-fit:contain !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.ecx-store-app img{
  height:76px !important;
  max-width:275px !important;
}

.ecx-store-google img{
  height:76px !important;
  max-width:295px !important;
}

/* ================= RESPONSIVE ================= */

@media (max-width:1320px){
  .ecx-system-actions{
    transform:translateX(-22px) !important;
    gap:10px !important;
  }

  .ecx-system-store-badges img,
  .ecx-store-app img,
  .ecx-store-google img{
    height:64px !important;
    max-width:245px !important;
  }

  .ecx-system-socials img,
  .ecx-system-socials a{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
  }
}

@media (max-width:1180px){
  .ecx-system-actions{
    transform:none !important;
  }

  .ecx-system-store-badges img,
  .ecx-store-app img,
  .ecx-store-google img{
    height:54px !important;
    max-width:210px !important;
  }
}

@media (max-width:1040px){
  .ecx-system-store-badges,
  .ecx-system-socials{
    display:none !important;
  }

  .ecx-system-header-inner{
    min-height:68px !important;
  }
}