/**
 * Webcams Explosivas - Profile Shortcodes Styles
 *
 * Styles for profile information shortcodes
 */

/* Base field styling */
.we-profile-field {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    line-height: 1.5;
}

/* Icon styling */
.we-profile-icon {
    font-size: 1.2em;
    line-height: 1;
}

/* Label styling */
.we-profile-label {
    font-weight: 600;
    color: inherit;
}

/* Value styling */
.we-profile-value {
    color: inherit;
}

/* Specific field types */
.we-profile-cam {
    /* Custom styles for cam type */
}

.we-profile-country {
    /* Custom styles for country */
}

.we-profile-age {
    /* Custom styles for age */
}

.we-profile-face {
    /* Custom styles for face type */
}

/* Contacts list styles */
.we-profile-contacts {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.we-profile-contacts-list {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.we-profile-contacts-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

.we-profile-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    line-height: 1.5;
}

.we-profile-contact-icon {
    font-size: 1.2em;
    line-height: 1;
}

.we-profile-contact-label {
    font-weight: 600;
    color: inherit;
}

.we-profile-contact-value {
    color: inherit;
}

/* Single contact field */
.we-profile-contact-single {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}

/* Preview mode styling */
.we-profile-contacts-preview {
    opacity: 0.7;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .we-profile-contacts-inline {
        flex-direction: column;
        gap: 0.75em;
    }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    .we-profile-field,
    .we-profile-contact-item {
        /* Adjust colors if needed for dark mode */
    }
}