/* Fast Speed Download Links - Frontend Styles */

.fsdl-download-container {
    margin: 30px 0;
    padding: 25px;
    background: #141c1c;
    border-radius: 15px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.fsdl-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
}

.fsdl-download-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.fsdl-download-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 18px;
    background: #ffffff;
    color: #333;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s ease;
    border: none;
    min-width: 100px;
    position: relative;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.fsdl-download-btn:hover {
    background: #f8f9fa;
    text-decoration: none;
    color: #333;
    transform: translateY(-1px);
}

.fsdl-download-btn:focus {
    outline: none;
    background: #f0f1f2;
}

.fsdl-icon {
    width: 20px;
    height: 20px;
    margin: 0 auto 4px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.fsdl-text {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}

.fsdl-version-badge {
    display: inline-block;
    background: #007cba;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 500;
    margin-top: 2px;
    min-width: 30px;
    text-align: center;
}

/* Windows Icon */
.fsdl-icon-windows {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23007ACC"><path d="M0 3.4l9.2-1.3v8.6H0V3.4zm9.2 8.8v8.6L0 19.5v-7.3h9.2zM10.4 2l13.6-2v10.5H10.4V2zm0 11.5H24V24l-13.6-2V13.5z"/></svg>');
}

/* macOS Icon */
.fsdl-icon-mac {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>');
}

/* Linux Icon - Tux Penguin */
.fsdl-icon-linux {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><path d="M12 3c-2 0-3.5 1.5-3.5 3.5 0 .5.1 1 .3 1.4-.2.5-.3 1-.3 1.6 0 1.2.4 2.3 1 3.1-.2.4-.3.8-.3 1.3 0 1 .6 1.8 1.4 2.2-.2.5-.3 1-.3 1.6 0 1.3.8 2.4 1.9 2.8v.5c0 .3.2.5.5.5s.5-.2.5-.5v-.5c1.1-.4 1.9-1.5 1.9-2.8 0-.6-.1-1.1-.3-1.6.8-.4 1.4-1.2 1.4-2.2 0-.5-.1-.9-.3-1.3.6-.8 1-1.9 1-3.1 0-.6-.1-1.1-.3-1.6.2-.4.3-.9.3-1.4 0-2-1.5-3.5-3.5-3.5zm-1.5 4.5c.3 0 .5.2.5.5s-.2.5-.5.5-.5-.2-.5-.5.2-.5.5-.5zm3 0c.3 0 .5.2.5.5s-.2.5-.5.5-.5-.2-.5-.5.2-.5.5-.5zm-1.5 2c.7 0 1.3.4 1.7 1-.5.2-1.1.3-1.7.3s-1.2-.1-1.7-.3c.4-.6 1-1 1.7-1z"/></svg>');
}

/* Android Icon */
.fsdl-icon-android {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233DDC84"><path d="M17.523 15.3414c-.4572 0-.8369-.4014-.8369-.8967 0-.4952.3797-.8966.8369-.8966s.8369.4014.8369.8966c0 .4953-.3797.8967-.8369.8967zm-11.046 0c-.4572 0-.8369-.4014-.8369-.8967 0-.4952.3797-.8966.8369-.8966s.8369.4014.8369.8966c0 .4953-.3797.8967-.8369.8967zm11.4045-6.02l1.9973-3.4592a.416.416 0 00-.1518-.5691.416.416 0 00-.5691.1518l-2.0223 3.5044C15.5484 8.2066 13.8243 7.8895 12.0003 7.8895s-3.5481.317-5.1327 1.0598L4.845 5.4449a.4161.4161 0 00-.5691-.1518.416.416 0 00-.1518.5691l1.9973 3.4592C2.6889 11.1867.3432 14.6589 0 18.761h24c-.3432-4.1021-2.6889-7.5743-6.1185-9.4396z"/></svg>');
}

/* Platform-specific button colors on hover - Flat Design */
.fsdl-windows:hover {
    background: #e3f2fd;
}

.fsdl-mac:hover {
    background: #f3f4f6;
}

.fsdl-linux:hover {
    background: #fffbf0;
}

.fsdl-android:hover {
    background: #f0fdf4;
}

/* Mirror Links Section */
.fsdl-mirror-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fsdl-mirror-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.fsdl-mirror-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.fsdl-mirror-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    transition: all 0.3s ease;
    border: none;
    min-width: 80px;
    justify-content: center;
}

.fsdl-mirror-btn:hover {
    background: #e8f4fd;
    text-decoration: none;
    color: #333;
    transform: translateY(-1px);
}

.fsdl-mirror-icon {
    margin-right: 6px;
    font-size: 14px;
}

.fsdl-mirror-text {
    font-size: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .fsdl-download-buttons {
        gap: 10px;
    }
    
    .fsdl-download-btn {
        min-width: 80px;
        padding: 8px 12px;
    }
    
    .fsdl-title {
        font-size: 20px;
    }
    
    .fsdl-icon {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 480px) {
    .fsdl-download-container {
        margin: 20px 0;
        padding: 20px;
    }
    
    .fsdl-download-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        justify-content: center;
    }
    
    .fsdl-download-btn {
        min-width: auto;
        width: 100%;
        padding: 10px 8px;
    }
    
    .fsdl-title {
        font-size: 18px;
    }
    
    .fsdl-text {
        font-size: 11px;
    }
    
    .fsdl-version-badge {
        font-size: 9px;
        padding: 1px 4px;
    }
}