/**
 * Atom: Social Icon
 */

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--base);
    transition: all 0.2s ease;
    text-decoration: none;
}

.social-icon:hover,
.social-icon:focus {
    color: var(--wp--preset--color--secondary);
    transform: translateY(-2px);
}

/* Sizes */
.social-icon--sm {
    width: 20px;
    height: 20px;
}

.social-icon--md {
    width: 24px;
    height: 24px;
}

.social-icon--lg {
    width: 32px;
    height: 32px;
}

.social-icon__svg {
    width: 100%;
    height: 100%;
}

.social-media-bar__section--reviews {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: var(--wp--preset--spacing--80);
}

.social-media-bar__section--reviews .social-icon {
    width: auto;
    height: auto;
    padding: 0;
    min-width: auto;
    min-height: auto;
}

.social-media-bar__section--reviews .social-icon svg {
    height: 20px;
    width: auto;
}

/* Platform specific colors on hover */
.social-icon--facebook:hover { color: #1877f2; }
.social-icon--instagram:hover { color: #e4405f; }
.social-icon--pinterest:hover { color: #bd081c; }
.social-icon--linkedin:hover { color: #0a66c2; }
.social-icon--youtube:hover { color: #ff0000; }
.social-icon--tripadvisor:hover { color: #00af87; }
.social-icon--google:hover { color: #4285f4; }

/* Mobile: Optimizar touch targets (mínimo 40px) */
@media (max-width: 767px) {
    .social-icon {
        padding: var(--wp--preset--spacing--30); /* 8px padding = 24px icon + 16px padding = 40px total */
        min-width: 40px;
        min-height: 40px;
    }
}