/* Ceazers 3D - footer.css | Footer */


    /* ============================================================
       FOOTER
    ============================================================ */
    #footer {
      background: var(--color-bg-dark);
      border-top: 1px solid var(--color-border-dark);
      padding: 64px 0 36px;
    }

    .footer-top {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 48px;
      margin-bottom: 48px;
    }

    .footer-logo {
      display: flex;
      align-items: center;
      margin-bottom: 14px;
    }
    .footer-logo-img {
      height: 44px;
      width: 44px;
      border-radius: 50%;
      object-fit: contain;
      background: rgba(255,255,255,0.1);
      padding: 6px;
      filter: invert(1);
    }
    .footer-tagline {
      font-size: 0.86rem;
      color: rgba(255,255,255,0.38);
      line-height: 1.72;
      max-width: 230px;
    }

    .footer-col-title {
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      color: rgba(255,255,255,0.45);
      margin-bottom: 16px;
    }
    .footer-links { display: flex; flex-direction: column; gap: 11px; }
    .footer-links a {
      font-size: 0.875rem;
      color: rgba(255,255,255,0.42);
      transition: color var(--transition);
    }
    .footer-links a:hover { color: rgba(255,255,255,0.88); }

    .footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 28px;
      border-top: 1px solid rgba(255,255,255,0.06);
    }
    .footer-copy { font-size: 0.8rem; color: rgba(255,255,255,0.28); }
    .footer-bottom-links { display: flex; gap: 22px; }
    .footer-bottom-links a {
      font-size: 0.8rem;
      color: rgba(255,255,255,0.28);
      transition: color var(--transition);
    }
    .footer-bottom-links a:hover { color: rgba(255,255,255,0.6); }

    .footer-social { margin-top: 18px; }
    .footer-social-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.82rem;
      color: rgba(255,255,255,0.4);
      transition: color var(--transition);
    }
    .footer-social-link:hover { color: #fff; }