/*
Theme Name:   Hyphoria Child
Theme URI:    https://tu-sitio.com
Description:  Child theme para Hyphoria con redes sociales adicionales
Author:       Tu Nombre
Author URI:   https://tu-sitio.com
Template:     hyphoria
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hyphoria-child
*/

/* 
 * =================================================================
 * ESTILOS PARA REDES SOCIALES ADICIONALES
 * =================================================================
 */

/* Asegurar que los iconos adicionales tengan el mismo espaciado */
.social-links-wrap.divided-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

/* Mantener consistencia con los iconos del theme */
.social-links-wrap a i {
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
}

/* Asegurar que la transición sea suave en todos los iconos */
.social-links-wrap a {
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Efecto hover consistente */
.social-links-wrap a:hover {
    opacity: 0.7;
}

/* Ajustar alineación vertical si es necesario */
.social-links-wrap.greylinks a {
    vertical-align: middle;
}

/* Espaciado entre iconos (si el theme usa divided-content) */
.divided-content a + a {
    margin-left: inherit;
}

/* Asegurar que Font Awesome cargue correctamente */
.fab, .fa {
    font-family: 'Font Awesome 5 Brands', 'Font Awesome 5 Free' !important;
    font-weight: 400;
    font-style: normal;
}

/* Para íconos específicos que puedan necesitar ajustes */
.fa-tiktok:before {
    content: "\e07b";
}

.fa-discord:before {
    content: "\f392";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-whatsapp:before {
    content: "\f232";
}

/* OPCIONAL: Colores específicos por red social en hover */
/*
.social-links-wrap a[title="TikTok"]:hover i {
    color: #000000;
}

.social-links-wrap a[title="Twitch"]:hover i {
    color: #9146FF;
}

.social-links-wrap a[title="Discord"]:hover i {
    color: #5865F2;
}

.social-links-wrap a[title="Spotify"]:hover i {
    color: #1DB954;
}

.social-links-wrap a[title="SoundCloud"]:hover i {
    color: #FF5500;
}

.social-links-wrap a[title="Bandcamp"]:hover i {
    color: #629aa9;
}

.social-links-wrap a[title="Telegram"]:hover i {
    color: #0088cc;
}

.social-links-wrap a[title="WhatsApp"]:hover i {

/* Contact Form 7 - altura del campo de mensaje */
textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    height: 130px !important;
    min-height: 130px !important;
}

/* Normalizar tamaño de íconos SVG personalizados en widget Theme Meta */
.meta-icon svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    display: inline-block;
}
.meta-icon .fas.fa-envelope {
    font-size: 1em;
    vertical-align: middle;
}

/* Alinear íconos SVG personalizados con los íconos del tema en widget Theme Meta */
.meta-icon.social-icon svg,
.meta-icon.social-icon .fas {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
}

/* Normalizar tamaño SVG custom en widget Theme Meta */
.meta-icon .svg-icon svg {
    width: 100% !important;
    height: 100% !important;
}

/* Normalizar íconos SVG custom en widget Theme Meta */
.widget_theme_meta .meta-links a .svg-icon {
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.widget_theme_meta .meta-links a .svg-icon svg {
    width: 24px !important;
    height: 24px !important;
}
.widget_theme_meta .meta-links a .svg-icon .fas {
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Alinear ícono newsletter en widget Theme Meta */
.widget_theme_meta .meta-links .meta-icon-newsletter .svg-icon .fas {
    font-size: 18px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
}

/* Botón de descarga en lightbox de Elementor */
.elementor-slideshow__header .e-download-btn {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    background: none;
    border: none;
    padding: 0 10px;
    opacity: 0.85;
    transition: opacity 0.3s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.elementor-slideshow__header .e-download-btn:hover {
    opacity: 1;
    color: #fff;
}

/* Botón de descarga en lightbox de Elementor */
.elementor-slideshow__header a.e-download-btn {
    display: inline-flex !important;
    color: white !important;
    font-size: 20px !important;
    padding: 0 10px !important;
    opacity: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    align-items: center !important;
}
.elementor-slideshow__header a.e-download-btn:hover {
    opacity: 0.8 !important;
    color: white !important;
}

/* Forzar color blanco en botón de descarga del lightbox */
.dialog-lightbox-widget-content .e-download-btn,
.dialog-lightbox-widget-content .e-download-btn i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Botón descarga lightbox - sobreescribir color del tema */
.dialog-lightbox-widget-content a.e-download-btn,
.dialog-lightbox-widget-content a.e-download-btn i {
    color: #ffffff !important;
}