/* [FOOTER] */
.footer { background: #111; color: rgba(255,255,255,0.4); padding: 60px 0 40px; border-top: 1px solid rgba(255,255,255,0.05); }
.footer-inner { max-width: var(--container-width); margin: 0 auto; padding: 0 18px; position: relative; }

.footer-content { display: flex; flex-direction: column; gap: 25px; }

/* Logo */
.footer-logo { margin-bottom: 10px; }
.footer-logo img { height: 24px; filter: grayscale(100%) brightness(200%); opacity: 0.8; }
.footer-logo .logo-text { color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -0.5px; opacity: 0.9; }

/* Links */
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a { color: rgba(255,255,255,0.7); font-weight: 600; font-size: 14px; transition: var(--transition); }
.footer-links a:hover { color: var(--point-color); }

/* Info Section */
.footer-info { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.info-line { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 13px; line-height: 1.6; }
.info-line span { display: inline-flex; align-items: center; }
.info-line .company-name { color: rgba(255,255,255,0.8); font-weight: 600; }
.info-line .bar { width: 1px; height: 10px; background: rgba(255,255,255,0.1); margin: 0 2px; }
.info-line a { color: inherit; transition: color 0.2s; }
.info-line a:hover { color: #fff; text-decoration: underline; }

.copyright { margin-top: 15px; font-size: 12px; color: rgba(255,255,255,0.25); letter-spacing: 0.2px; }

/* Admin Menu */
.footer-admin { position: absolute; right: 18px; bottom: 0; display: flex; align-items: center; gap: 12px; opacity: 0.3; transition: opacity 0.3s; }
.footer-admin:hover { opacity: 1; }
.footer-admin .admin-status { font-size: 10px; color: var(--point-color); font-weight: 700; letter-spacing: 1px; }
.footer-admin a { font-size: 10px; color: rgba(255,255,255,0.6); font-weight: 600; text-transform: uppercase; }
.footer-admin a:hover { color: #fff; }
.footer-admin .btn-admin-logout { padding: 3px 6px; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; }

@media screen and (max-width: 1024px) {
    .footer { padding: 50px 0 80px; text-align: left; }
    .footer-content { gap: 30px; }
    .footer-links { gap: 15px; }
    .info-line { gap: 10px; }
    .footer-admin { left: 18px; right: auto; bottom: -40px; }
}