/**
 * SCS Footer Widget — Standalone Stylesheet
 */

/* === class-scs-footer-widget === */
.scs-ftr {
            --scs-primary: #0f7c7b;
            --scs-primary-glow: #5cd1cf;
            position: relative;
            margin-top: 128px;
            overflow: hidden;
            background: #1a2730;
            color: #ffffff;
            font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            box-sizing: border-box;
          }
          .scs-ftr *, .scs-ftr *::before, .scs-ftr *::after { box-sizing: border-box; }
          .scs-ftr a { color: inherit; text-decoration: none; }

          /* Glow */
          .scs-ftr__glow {
            position: absolute;
            top: -128px;
            left: 50%;
            height: 256px;
            width: 80%;
            transform: translateX(-50%);
            border-radius: 9999px;
            background: rgba(15,124,123,0.30);
            filter: blur(64px);
            pointer-events: none;
          }

          /* Container */
          .scs-ftr__container { position: relative; max-width: 1280px; margin: 0 auto; }
          .scs-ftr__inner { padding: 56px 40px 40px; }
          @media (max-width: 767px) { .scs-ftr__inner { padding: 32px 24px 24px; } }

          /* Grid */
          .scs-ftr__grid {
            display: grid;
            gap: 48px;
            grid-template-columns: 1fr;
          }
          @media (min-width: 768px) {
            .scs-ftr__grid { grid-template-columns: 5fr 3fr 4fr; }
          }

          /* Brand */
          .scs-ftr__brand {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
          }
          .scs-ftr__mark {
            background: #fff;
            color: #0f7c7b;
            padding: 8px;
            border-radius: 12px;
            font-weight: 800;
            letter-spacing: .04em;
            font-size: 14px;
            line-height: 1;
            flex-shrink: 0;
          }
          .scs-ftr__brand-name {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: .06em;
            color: #ffffff;
          }
          .scs-ftr__brand-tagline {
            font-size: 11px;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.50);
            margin-top: 2px;
          }
          .scs-ftr__logo-img { max-height: 48px; width: auto; }
          .scs-ftr__lede {
            margin-top: 24px;
            max-width: 28rem;
            font-size: 14px;
            line-height: 1.65;
            color: rgba(255,255,255,0.70);
          }

          /* Form */
          .scs-ftr__form {
            margin-top: 32px;
            display: flex;
            gap: 8px;
            max-width: 28rem;
          }
          .scs-ftr__input {
            flex: 1;
            border-radius: 9999px;
            border: 1px solid rgba(255,255,255,0.15) !important;
            background: rgba(255,255,255,0.05);
            padding: 12px 16px;
            font-family: inherit;
            font-size: 14px;
            color: #fff;
            outline: none !important;
            box-shadow: none !important;
            transition: border-color .2s;
            -webkit-appearance: none;
            appearance: none;
          }
          .scs-ftr__input::placeholder { color: rgba(255,255,255,0.40); }
          .scs-ftr__input:focus {
            border-color: #0f7c7b !important;
            outline: none !important;
            box-shadow: none !important;
          }
          .scs-ftr__btn {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            border-radius: 9999px;
            background: #0f7c7b;
            color: #fff;
            padding: 12px 20px;
            font-family: inherit;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: background .2s;
            white-space: nowrap;
            -webkit-appearance: none;
            appearance: none;
          }
          .scs-ftr__btn:hover,
          .scs-ftr__btn:focus,
          .scs-ftr__btn:active {
            background: #5cd1cf;
            color: #fff;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
          }
          .scs-ftr__form-msg {
            margin-top: 12px;
            font-size: 13px;
            color: #5cd1cf;
          }

          /* Column heading */
          .scs-ftr__col-head {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: .20em;
            color: rgba(255,255,255,0.50);
            margin: 0 0 20px;
          }

          /* Nav list */
          .scs-ftr__nav-list {
            list-style: none;
            margin: 0; padding: 0;
            display: flex;
            flex-direction: column;
            gap: 12px;
            font-size: 14px;
          }
          .scs-ftr__nav-link {
            color: rgba(255,255,255,0.75);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: color .2s;
          }
          .scs-ftr__nav-link:hover { color: #fff; }

          /* Contact list */
          .scs-ftr__contact-list {
            list-style: none;
            margin: 0; padding: 0;
            display: flex;
            flex-direction: column;
            gap: 16px;
            font-size: 14px;
            color: rgba(255,255,255,0.75);
          }
          .scs-ftr__contact-list li {
            display: flex;
            gap: 12px;
            align-items: flex-start;
          }
          .scs-ftr__contact-icon {
            width: 16px;
            height: 16px;
            flex: 0 0 16px;
            margin-top: 2px;
            color: #5cd1cf;
            stroke: currentColor;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
          }

          /* CTA */
          .scs-ftr__cta {
            margin-top: 24px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border-radius: 9999px;
            border: 1px solid rgba(255,255,255,0.20);
            padding: 12px 20px;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            transition: background .2s, color .2s;
          }
          .scs-ftr__cta:hover { background: #fff; color: #1a2730; }
          .scs-ftr__cta svg {
            width: 14px; height: 14px;
            stroke: currentColor; fill: none;
            stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
          }

          /* Bottom bar */
          .scs-ftr__bottom {
            margin-top: 64px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            align-items: center;
            justify-content: space-between;
            border-top: 1px solid rgba(255,255,255,0.10);
            padding-top: 24px;
            font-size: 12px;
            color: rgba(255,255,255,0.50);
          }
          @media (min-width: 768px) { .scs-ftr__bottom { flex-direction: row; } }
          .scs-ftr__affs {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            justify-content: center;
          }
          .scs-ftr__copyright-link {
            color: rgba(255,255,255,0.50);
            text-decoration: none;
            transition: color .2s ease;
          }
          .scs-ftr__copyright-link:hover { color: #ffffff; }
          .scs-ftr__bottom-links {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
          }
          .scs-ftr__bottom-link {
            color: rgba(255,255,255,0.50);
            text-decoration: none;
            transition: color .2s ease;
          }
          .scs-ftr__bottom-link:hover { color: #ffffff; }
          .scs-ftr__aff-link {
            color: rgba(255,255,255,0.50);
            text-decoration: none;
            transition: color .2s ease;
          }
          .scs-ftr__aff-link:hover { color: #ffffff; }

          /* Reveal */
          .scs-ftr .scs-rev {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
          }
          .scs-ftr .scs-rev.in { opacity: 1; transform: none; }
          @media (prefers-reduced-motion: reduce) {
            .scs-ftr .scs-rev { opacity: 1; transform: none; transition: none; }
          }