/* ═══════════════════════════════════════════════════════════
   ENHANCED FOOTER STYLES - Social Media & Text
   ═══════════════════════════════════════════════════════════ */

/* Body container spacing */
body > .container {
    margin-bottom: 500px !important;
}

/* Footer positioning */
footer[role="contentinfo"] {
    position: relative !important;
    clear: both !important;
    height: auto !important;
    min-height: 550px !important;
    padding-top: 270px !important;
    margin-top: 0 !important;
    background-position: bottom center !important;
}

footer[role="contentinfo"] > .container {
    position: relative !important;
    max-width: 1200px;
    width: 960px !important;
    margin: 0 auto !important;
    padding: 106px 260px 40px !important;
    height: auto !important;
}

/* Footer navigation */
.footer-nav {
    position: relative !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    padding-top: 20px !important;
    clear: both !important;
    transform: translateY(-65px) !important;
}

/* Social media section */
.footer-nav .social {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 20px 0 !important;
    margin: 0 auto !important;
    max-width: 800px !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    text-align: center !important;
}

.footer-nav .social ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.footer-nav .social .social-item,
.footer-nav .social li,
.footer-nav .social ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
    display: inline-flex !important;
}

.footer-nav .social .social-item::before,
.footer-nav .social li::before,
.footer-nav .social ul li::before,
.footer-nav .social .social-item::marker,
.footer-nav .social li::marker,
.footer-nav .social ul li::marker {
    content: none !important;
    display: none !important;
    list-style: none !important;
}

/* Social link styling */
.footer-nav .social .social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(139, 69, 19, 0.7);
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    position: relative;
}

.footer-nav .social .social-link:hover {
    background: rgba(139, 69, 19, 0.8);
    border-color: rgba(218, 165, 32, 0.9);
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 6px 20px rgba(218, 165, 32, 0.6);
}

/* Social icon base */
.footer-nav .social .social-icon {
    display: block;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(85%) sepia(30%) saturate(900%) hue-rotate(5deg) brightness(105%) contrast(95%);
    transition: all 0.3s ease;
}

.footer-nav .social .social-link:hover .social-icon {
    filter: brightness(0) saturate(100%) invert(95%) sepia(100%) saturate(3000%) hue-rotate(0deg) brightness(110%) contrast(110%);
    transform: scale(1.1);
}

.footer-nav .social .social-name {
    display: none;
}

/* Platform-specific icons */
.footer-nav .social .discord .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/></svg>');
}

.footer-nav .social .twitter .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18.244 2.25h3.308l-7.227 8.26l8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>');
}

.footer-nav .social .twitchtv .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/></svg>');
}

.footer-nav .social .instagram .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3z"/></svg>');
}

.footer-nav .social .tiktok .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"/></svg>');
}

.footer-nav .social .youtube .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>');
}

.footer-nav .social .facebook .social-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669c1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>');
}

/* PEGI, USK, SafePlay icons */
footer[role="contentinfo"] > .container > a.pegi,
footer[role="contentinfo"] > .container > a.usk,
footer[role="contentinfo"] > .container > a.safeplay {
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    opacity: 0.8 !important;
    transition: opacity 0.3s ease !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

footer[role="contentinfo"] > .container > a.pegi {
    top: 68px !important;
    left: 15px !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
}

footer[role="contentinfo"] > .container > a.usk {
    top: 67px !important;
    right: 126px !important;
    left: auto !important;
}

footer[role="contentinfo"] > .container > a.safeplay {
    top: 66px !important;
    right: 50px !important;
    left: auto !important;
}

/* RTL (Arabic) positioning */
html[dir="rtl"] footer[role="contentinfo"] > .container > a.pegi,
[dir="rtl"] footer[role="contentinfo"] > .container > a.pegi {
    left: auto !important;
    right: 15px !important;
}

html[dir="rtl"] footer[role="contentinfo"] > .container > a.usk,
[dir="rtl"] footer[role="contentinfo"] > .container > a.usk {
    right: auto !important;
    left: 126px !important;
}

html[dir="rtl"] footer[role="contentinfo"] > .container > a.safeplay,
[dir="rtl"] footer[role="contentinfo"] > .container > a.safeplay {
    right: auto !important;
    left: 50px !important;
}

footer[role="contentinfo"] > .container > a.pegi:hover,
footer[role="contentinfo"] > .container > a.usk:hover,
footer[role="contentinfo"] > .container > a.safeplay:hover {
    opacity: 1 !important;
}

footer[role="contentinfo"] > .container > a.pegi img,
footer[role="contentinfo"] > .container > a.usk img,
footer[role="contentinfo"] > .container > a.safeplay img {
    height: 60px !important;
    width: auto !important;
    display: block !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 2px !important;
}

/* Footer text styling */
footer[role="contentinfo"] p {
    color: #d4af37 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    margin: 15px 0 !important;
    text-align: center !important;
    font-family: 'Droid Serif', Georgia, serif !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-60px) !important;
}

footer[role="contentinfo"] p a {
    color: #ffd700 !important;
    text-decoration: none !important;
    margin: 0 8px !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}

footer[role="contentinfo"] p a:hover {
    color: #fff !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.6) !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .footer-nav .social {
        gap: 10px;
    }
    
    .footer-nav .social .social-link {
        width: 40px;
        height: 40px;
    }
    
    .footer-nav .social .social-icon {
        width: 22px;
        height: 22px;
    }
    
    footer[role="contentinfo"] > .container > a.pegi img,
    footer[role="contentinfo"] > .container > a.usk img,
    footer[role="contentinfo"] > .container > a.safeplay img {
        height: 50px !important;
    }
}

@media (max-width: 480px) {
    .footer-nav .social .social-link {
        width: 36px;
        height: 36px;
    }
    
    .footer-nav .social .social-icon {
        width: 20px;
        height: 20px;
    }
    
    footer[role="contentinfo"] > .container > a.pegi img,
    footer[role="contentinfo"] > .container > a.usk img,
    footer[role="contentinfo"] > .container > a.safeplay img {
        height: 45px !important;
    }
}