/**
 * Account Links Frontend Styles
 *
 * @package   Wimakeit\AccountLinks
 * @author    WiMakeIT Team <contact@wimakeit.com>
 * @copyright 2024 WiMakeIT
 */

/* ============================================
 * Account Links with Icons
 * ============================================ */

.wimakeit-account-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wimakeit-account-links li {
    display: inline-block;
    margin: 0 10px;
}

.wimakeit-account-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.wimakeit-account-link:hover {
    opacity: 0.8;
    transform: translateY(-1px);
}

/* Icon styling - Font icons */
.wimakeit-account-link i {
    font-size: 16px;
    line-height: 1;
}

/* Icon styling - Image icons (SVG/PNG/etc) */
.wimakeit-account-link .wimakeit-link-icon-img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle;
}

.wimakeit-account-link span {
    line-height: 1;
    vertical-align: middle;
}

/* Responsive - Stack links on mobile */
@media (max-width: 768px) {
    .wimakeit-account-links li {
        display: block;
        margin: 8px 0;
    }

    .wimakeit-account-link {
        padding: 8px 0;
    }
}

/* Optional: Specific link styling examples */
.wimakeit-account-links .link-customer-account i {
    color: #2563eb;
}

.wimakeit-account-links .link-customer-create i {
    color: #10b981;
}

.wimakeit-account-links .link-account-logout i {
    color: #dc2626;
}

.wimakeit-account-links .link-myshop i {
    color: #f59e0b;
}