/* Alta Theme RC.6.29: one arrow instance per shortcut. */
/* Font Awesome Free 6.7.2 (SVG, CC BY 4.0); see assets/icons/fontawesome-free-6.7.2/LICENSE.txt.
 * Theme-owned icon skin. Core markup and accessible links remain unchanged.
 * CSS masks use currentColor; existing Core SVGs remain as a fallback in browsers
 * without mask support. No webfont, CDN, kit or icon JavaScript is required. */

/* Make the actual icon containers larger before replacing their artwork. */
.wp-site-blocks .alta-public-action-card {
  grid-template-columns: 54px minmax(0,1fr) 40px;
  column-gap: 15px;
  min-height: 90px;
  padding: 14px;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  margin: 0;
  border-radius: 17px;
  background: #e9f0ff;
  color: #0a5cff;
  display: grid;
  place-items: center;
}
.wp-site-blocks .alta-public-action-card--pin .alta-public-action-card__icon {
  background: #fff1cf;
  color: #a36b00;
}
.wp-site-blocks .alta-public-action-card--compass .alta-public-action-card__icon {
  background: #eef2ff;
  color: #254b84;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__icon svg {
  width: 26px;
  height: 26px;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__copy {
  min-width: 0;
  margin: 0;
  gap: 4px;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__copy strong {
  font-size: clamp(.9rem, .7vw + .65rem, 1rem);
  line-height: 1.23;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__copy small {
  font-size: .75rem;
  line-height: 1.35;
}
.wp-site-blocks .alta-public-action-card .alta-public-action-card__arrow {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  background: #f1f4f8;
  color: #202a3a;
  justify-self: end;
}
.wp-site-blocks .alta-public-action-card:hover .alta-public-action-card__arrow,
.wp-site-blocks .alta-public-action-card:focus-visible .alta-public-action-card__arrow {
  background: var(--alta-brand-yellow);
  color: #161616;
}

/* Three generous cards on desktop; stack at tablet widths rather than
 * squeezing headlines between an icon and an action arrow. */
@media (min-width: 720px) and (max-width: 899px) {
  .wp-site-blocks .alta-public-today__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .wp-site-blocks .alta-public-action-card { min-height: 80px; }
}
@media (max-width: 719px) {
  .wp-site-blocks .alta-public-action-card {
    grid-template-columns: 49px minmax(0,1fr) 37px;
    min-height: 78px;
    column-gap: 11px;
    padding: 12px;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
    width: 49px;
    height: 49px;
    flex-basis: 49px;
    border-radius: 15px;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon svg {
    width: 24px;
    height: 24px;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__arrow {
    width: 37px;
    height: 37px;
  }
}
@media (max-width: 359px) {
  .wp-site-blocks .alta-public-action-card {
    grid-template-columns: 46px minmax(0,1fr) 34px;
    column-gap: 9px;
    padding: 10px;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__copy strong {
    font-size: .88rem;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__arrow {
    width: 34px;
    height: 34px;
  }
}

/* Feature detection keeps the original Core SVG artwork on older browsers. */
@supports ((mask-image: url("../icons/fontawesome-free-6.7.2/solid/calendar-days.svg")) or (-webkit-mask-image: url("../icons/fontawesome-free-6.7.2/solid/calendar-days.svg"))) {
  /* All visible FA icons share one sizing/mask treatment, not repeated base rules. */
  .alta-public-action-card__icon::before,
  .alta-public-action-card__arrow::before,
  .alta-row-arrow::before,
  .alta-footer-social__link::before,
  .alta-header-search .wp-block-search__button::before,
  .alta-mobile-menu-toggle::before,
  .alta-mobile-menu__close::before,
  .alta-search-dialog__close::before,
  .alta-pwa-dock__icon::before {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: var(--alta-icon-size, 20px);
    height: var(--alta-icon-size, 20px);
    background-color: currentColor;
    -webkit-mask-image: var(--alta-fa-icon);
    mask-image: var(--alta-fa-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .wp-site-blocks .alta-public-action-card__icon svg,
  .alta-footer-social__link svg,
  .alta-header-search .wp-block-search__button svg,
  .alta-mobile-menu-toggle svg,
  .alta-mobile-menu__close svg,
  .alta-search-dialog__close svg,
  .alta-pwa-dock__icon svg { display: none; }

  .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
    --alta-icon-size: 27px;
  }
  .alta-public-action-card--calendar .alta-public-action-card__icon,
  .alta-public-action-card:not(.alta-public-action-card--pin):not(.alta-public-action-card--compass) .alta-public-action-card__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/calendar-days.svg");
  }
  .alta-public-action-card--pin .alta-public-action-card__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/location-dot.svg");
  }
  .alta-public-action-card--compass .alta-public-action-card__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/compass.svg");
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__arrow,
  .alta-row-arrow {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/arrow-right.svg");
    --alta-icon-size: 17px;
    font-size: 0;
  }
  .wp-site-blocks .alta-public-action-card .alta-public-action-card__arrow {
    display: grid;
    place-items: center;
  }
  /* Legacy Core still sends a literal arrow. Its masked icon becomes the
     only visible content; flex prevents the hidden text from creating a row. */
  .alta-row-arrow:not(.alta-row-arrow--svg) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }
  .alta-row-arrow:not(.alta-row-arrow--svg):hover::before,
  .alta-row-arrow:not(.alta-row-arrow--svg):focus-visible::before { transform:translateX(1px); }
  /* New Core's semantic inline SVG is the only icon: no extra mask. */
  .alta-row-arrow--svg::before { content: none; display: none; }

  .alta-footer-social__link {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/brands/instagram.svg");
    --alta-icon-size: 22px;
  }
  .alta-header-search .wp-block-search__button {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/magnifying-glass.svg");
    --alta-icon-size: 18px;
  }
  .alta-mobile-menu-toggle {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/bars.svg");
    --alta-icon-size: 23px;
  }
  .alta-mobile-menu__close,
  .alta-search-dialog__close {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/xmark.svg");
    --alta-icon-size: 22px;
  }
  html.alta-pwa-standalone .alta-pwa-dock__icon {
    --alta-icon-size: 22px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
  }
  [data-alta-pwa-route="home"] .alta-pwa-dock__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/house.svg");
  }
  [data-alta-pwa-route="hoje"] .alta-pwa-dock__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/calendar-days.svg");
  }
  [data-alta-pwa-route="guia"] .alta-pwa-dock__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/location-dot.svg");
  }
  [data-alta-pwa-route="agora"] .alta-pwa-dock__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/newspaper.svg");
  }
  [data-alta-pwa-more] .alta-pwa-dock__icon {
    --alta-fa-icon: url("../icons/fontawesome-free-6.7.2/solid/ellipsis.svg");
  }
  @media (max-width: 719px) {
    .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
      --alta-icon-size: 24px;
    }
  }
  @media (max-width: 359px) {
    .wp-site-blocks .alta-public-action-card .alta-public-action-card__icon {
      --alta-icon-size: 23px;
    }
  }
}

/* Explicit inline SVG is never combined with a generated arrow. */
.alta-row-arrow.alta-row-arrow--svg::before,
.alta-row-arrow.alta-row-arrow--svg::after { content:none; display:none; }
