/*
 * Activity Life — Service-Tabs (List-of-Services widget) Liquid Glass
 * Scope: .elementor-widget-st_list_service .nav-tabs wherever it renders
 *   (confirmed live on home page: mix_service variant, wrapper
 *   .list-tab-wrapper.mix-multi inside .elementor-widget-st_list_service;
 *   active state class sits on the <a> itself: a.text-center.active,
 *   NOT li.active or .nav-link — selectors below target that)
 * Style source: alt-location-premium-page.css, body.single-location .alt-location-sales__inner .nav-tabs
 *   (only the box-shadow bevel + hover transform are ported — shape,
 *   background and border are intentionally left untouched: the live
 *   site already renders border-radius 10px, white/orange fill and a
 *   1px #dedede border here, which must NOT be changed to a pill shape)
 * Layer: traveler-childtheme
 * Candidate for: al-service-tabs-liquid-glass task — NOT enqueued yet, see task doc
 * Verified live via Chrome console injection on activity-life.com (2026-09-28,
 * read-only, no persistent change) — see task doc revision log.
 */

.elementor-widget-st_list_service .nav-tabs > li > a {
  box-shadow:
    0 0 6px rgba(0, 0, 0, 0.03),
    0 2px 6px rgba(0, 0, 0, 0.08),
    inset 3px 3px 0.5px -3px rgba(0, 0, 0, 0.9),
    inset -3px -3px 0.5px -3px rgba(0, 0, 0, 0.85),
    inset 1px 1px 1px -0.5px rgba(0, 0, 0, 0.6),
    inset -1px -1px 1px -0.5px rgba(0, 0, 0, 0.6),
    inset 0 0 6px 6px rgba(0, 0, 0, 0.12),
    inset 0 0 2px 2px rgba(0, 0, 0, 0.06),
    0 0 12px rgba(255, 255, 255, 0.15),
    0 12px 24px rgba(18, 38, 63, 0.06) !important;
}

.elementor-widget-st_list_service .nav-tabs > li > a:hover {
  transform: scale(1.05) !important;
}

.elementor-widget-st_list_service .nav-tabs > li > a.active {
  box-shadow:
    0 0 6px rgba(0, 0, 0, 0.03),
    0 2px 6px rgba(0, 0, 0, 0.08),
    inset 3px 3px 0.5px -3px rgba(0, 0, 0, 0.9),
    inset -3px -3px 0.5px -3px rgba(0, 0, 0, 0.85),
    inset 1px 1px 1px -0.5px rgba(0, 0, 0, 0.6),
    inset -1px -1px 1px -0.5px rgba(0, 0, 0, 0.6),
    inset 0 0 6px 6px rgba(0, 0, 0, 0.12),
    inset 0 0 2px 2px rgba(0, 0, 0, 0.06),
    0 0 12px rgba(255, 255, 255, 0.15),
    0 16px 32px rgba(239, 122, 0, 0.24) !important;
}