/* Icon Fix CSS - Complete Fix for All Icons */
/* This file ensures all SVG icons display with correct colors */

/* ============================================
   HEADER BUTTON ICONS - SPECIFIC COLORS
   ============================================ */

/* News Button - Blue */
.header .btn-news,
.header .btn-news:hover,
.header .btn-news:focus {
    color: #007bff !important;
}
.header .btn-news svg,
.header .btn-news .btn-icon {
    fill: #007bff !important;
}
.header .btn-news svg path,
.header .btn-news .btn-icon path {
    fill: #007bff !important;
}

/* Patreon Button - Red */
.header .btn-patreon,
.header .btn-patreon:hover,
.header .btn-patreon:focus {
    color: #ff424d !important;
}
.header .btn-patreon svg,
.header .btn-patreon .btn-icon {
    fill: #ff424d !important;
}
.header .btn-patreon svg path,
.header .btn-patreon .btn-icon path {
    fill: #ff424d !important;
}

/* Steam Button - Steam Blue */
.header .btn-steam,
.header .btn-steam:hover,
.header .btn-steam:focus {
    color: #66c0f4 !important;
}
.header .btn-steam svg,
.header .btn-steam .btn-icon {
    fill: #66c0f4 !important;
}
.header .btn-steam svg path,
.header .btn-steam .btn-icon path {
    fill: #66c0f4 !important;
}

/* Download Button - Green */
.header .btn-download,
.header .btn-download:hover,
.header .btn-download:focus {
    color: #28a745 !important;
}
.header .btn-download svg,
.header .btn-download .btn-icon {
    fill: #28a745 !important;
}
.header .btn-download svg path,
.header .btn-download .btn-icon path {
    fill: #28a745 !important;
}

/* Login Button - Pink */
.header .btn-login,
.header .btn-login:hover,
.header .btn-login:focus {
    color: #ff1493 !important;
}
.header .btn-login svg,
.header .btn-login .btn-icon {
    fill: #ff1493 !important;
}
.header .btn-login svg path,
.header .btn-login .btn-icon path {
    fill: #ff1493 !important;
}

/* ============================================
   HOMEPAGE HERO SECTION - MODERN BUTTONS
   ============================================ */

/* Patreon Modern Button */
.patreon-modern,
.modern-btn.patreon-modern {
    color: #ff424d !important;
}
.patreon-modern svg,
.patreon-modern .btn-icon,
.modern-btn.patreon-modern svg,
.modern-btn.patreon-modern .btn-icon {
    fill: #ff424d !important;
}
.patreon-modern svg path,
.patreon-modern .btn-icon path,
.modern-btn.patreon-modern svg path,
.modern-btn.patreon-modern .btn-icon path {
    fill: #ff424d !important;
}

/* Steam Modern Button */
.steam-modern,
.modern-btn.steam-modern {
    color: #66c0f4 !important;
}
.steam-modern svg,
.steam-modern .btn-icon,
.modern-btn.steam-modern svg,
.modern-btn.steam-modern .btn-icon {
    fill: #66c0f4 !important;
}
.steam-modern svg path,
.steam-modern .btn-icon path,
.modern-btn.steam-modern svg path,
.modern-btn.steam-modern .btn-icon path {
    fill: #66c0f4 !important;
}

/* ============================================
   ABOUT SECTION - SOCIAL BUTTONS
   ============================================ */

/* Patreon Social Button */
.social-btn.patreon-btn {
    color: #ff424d !important;
}
.social-btn.patreon-btn svg {
    fill: #ff424d !important;
}
.social-btn.patreon-btn svg path {
    fill: #ff424d !important;
}

/* Steam Social Button */
.social-btn.steam-btn {
    color: #66c0f4 !important;
}
.social-btn.steam-btn svg {
    fill: #66c0f4 !important;
}
.social-btn.steam-btn svg path {
    fill: #66c0f4 !important;
}

/* ============================================
   CTA SECTION - PLATFORM LINKS
   ============================================ */

/* Patreon Platform Link */
.platform-link.patreon {
    color: #ff424d !important;
}
.platform-link.patreon svg {
    fill: #ff424d !important;
}
.platform-link.patreon svg path {
    fill: #ff424d !important;
}

/* Steam Platform Link */
.platform-link.steam {
    color: #66c0f4 !important;
}
.platform-link.steam svg {
    fill: #66c0f4 !important;
}
.platform-link.steam svg path {
    fill: #66c0f4 !important;
}

/* ============================================
   HEADER SOCIAL ICONS - WHITE/HOVER BLUE
   ============================================ */

.header .social-link svg {
    fill: #fff !important;
}
.header .social-link svg path {
    fill: #fff !important;
}

.header .social-link:hover svg {
    fill: #007bff !important;
}
.header .social-link:hover svg path {
    fill: #007bff !important;
}

/* ============================================
   GENERAL FIXES
   ============================================ */

/* Ensure all SVG icons are visible */
svg.btn-icon,
svg.social-icon,
.btn-icon svg,
.social-icon svg {
    display: inline-block !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Standard icon sizes */
.btn-icon,
.btn svg {
    width: 18px !important;
    height: 18px !important;
}

.modern-btn .btn-icon,
.modern-btn svg {
    width: 20px !important;
    height: 20px !important;
}

.social-icon {
    width: 20px !important;
    height: 20px !important;
}

/* Fix for currentColor usage */
svg path[fill="currentColor"] {
    fill: currentColor !important;
}

/* Ensure buttons that use currentColor have proper color values */
.btn {
    color: inherit;
}

/* Button text should remain white */
.header .btn {
    color: #fff !important;
}

/* But icon colors should be specific */
.header .btn .btn-icon path {
    fill: inherit !important;
}

/* ============================================
   OVERRIDE ANY CONFLICTING STYLES
   ============================================ */

/* Force proper rendering */
* svg.btn-icon path,
* svg.social-icon path,
* .btn-icon path,
* .social-icon path {
    stroke: none !important;
    opacity: 1 !important;
}

/* Remove any filters that might affect color */
svg.btn-icon,
svg.social-icon,
.btn-icon,
.social-icon {
    filter: none !important;
}

/* ============================================
   DOWNLOAD PAGE SPECIFIC FIXES
   ============================================ */

.download-page .btn-steam svg path {
    fill: #66c0f4 !important;
}

.download-page .btn-patreon svg path {
    fill: #ff424d !important;
}

.download-page .platform-logo.steam-logo path {
    fill: #66c0f4 !important;
}

/* ============================================
   DEBUG: Add this temporarily to test
   ============================================ */
/*
.btn-icon::after {
    content: "ICON";
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    color: white;
    font-size: 10px;
    padding: 2px;
}
*/