/* ============================================================
   Team TararBari - Mobile CTA + Footer Explore Hover V12.2
   Narrowly scoped fix.
   ============================================================ */

/* ---------- HERO CTA FALLBACK CSS ---------- */
@media (max-width: 900px) {
  .block-hero .hero-grid .actions {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;

    /* make the CTA row wider than the text column */
    width:calc(100vw - 52px) !important;
    max-width:430px !important;
    min-width:0 !important;

    margin-top:18px !important;
    overflow:visible !important;
  }

  .block-hero .hero-grid .actions > .btn {
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    min-height:40px !important;
    height:40px !important;

    margin:0 !important;
    padding:0 8px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;

    font-size:clamp(8px,2.55vw,11px) !important;
    line-height:1 !important;
  }

  .block-hero .hero-grid .actions > .btn:first-child {
    flex:1.42 1 0 !important;
  }

  .block-hero .hero-grid .actions > .btn:nth-child(2) {
    flex:1 1 0 !important;
  }
}

@media (max-width: 430px) {
  .block-hero .hero-grid .actions {
    width:calc(100vw - 42px) !important;
    gap:5px !important;
  }

  .block-hero .hero-grid .actions > .btn {
    min-height:37px !important;
    height:37px !important;
    padding:0 5px !important;
    font-size:clamp(7.2px,2.4vw,9.5px) !important;
    letter-spacing:-.015em !important;
  }
}

/* ---------- FOOTER EXPLORE LINKS ---------- */
.footer .footer-explore-links {
  margin-top:10px !important;
}

.footer .footer-explore-links a {
  display:inline-flex !important;
  align-items:center !important;

  position:relative !important;
  margin:1px 0 1px -10px !important;
  padding:5px 10px !important;

  border-radius:8px !important;
  border:1px solid transparent !important;

  color:#9fb2c7 !important;
  background:transparent !important;

  transition:
    color .20s ease,
    background .20s ease,
    border-color .20s ease,
    transform .20s ease,
    box-shadow .20s ease !important;
}

.footer .footer-explore-links a::before {
  content:"" !important;
  width:0 !important;
  height:2px !important;
  margin-right:0 !important;
  border-radius:99px !important;

  background:linear-gradient(90deg,var(--primary),var(--secondary)) !important;
  box-shadow:0 0 10px color-mix(in srgb,var(--primary) 50%,transparent) !important;

  transition:width .20s ease,margin-right .20s ease !important;
}

/* Mouse hover */
.footer .footer-explore-links a:hover,
.footer .footer-explore-links a:focus-visible {
  color:var(--primary) !important;
  background:color-mix(in srgb,var(--primary) 10%,transparent) !important;
  border-color:color-mix(in srgb,var(--primary) 28%,transparent) !important;

  transform:translateX(5px) !important;

  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent),
    0 7px 18px rgba(0,0,0,.14) !important;
}

.footer .footer-explore-links a:hover::before,
.footer .footer-explore-links a:focus-visible::before {
  width:13px !important;
  margin-right:7px !important;
}

/* Current page stays highlighted */
.footer .footer-explore-links a.tb-footer-active {
  color:var(--primary) !important;
  font-weight:800 !important;

  background:color-mix(in srgb,var(--primary) 9%,transparent) !important;
  border-color:color-mix(in srgb,var(--primary) 22%,transparent) !important;
}

.footer .footer-explore-links a.tb-footer-active::before {
  width:11px !important;
  margin-right:7px !important;
}

/* Touch feedback */
@media (hover:none) {
  .footer .footer-explore-links a:active {
    color:var(--primary) !important;
    background:color-mix(in srgb,var(--primary) 13%,transparent) !important;
  }
}