/*
Theme Name: Posty
Theme URI: https://themedox.com/posty
Author: ThemeDox
Author URI: https://themedox.com
Description: News Magazine WordPress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: posty
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template
*/

.header-2 .top-bar {
	margin: 12px 0 0 0;
}

.mid-header {
	background-color: unset;
	border-bottom: 0;
}

.mid-header-wrap {
	padding: 0;
}

/* =========================
   YOUTUBE
========================= */
.mid-header-wrap .mid-header-left ul li a.youtube {
    border: 1px solid #FF0000;
    color: #FF0000;
}

.mid-header-wrap .mid-header-left ul li a.youtube:hover {
    background-color: #FF0000;
    color: var(--white-color);
}

.social-list li a.youtube {
    color: #FF0000;
    border: 1px solid #FF0000;
}

.social-list li a.youtube:hover {
    background-color: #FF0000;
    color: var(--white-color);
    border: 1px solid #FF0000;
}

.layout-header .top-content .social-list li a.youtube {
    background-color: #FF0000;
}

.team-social li a.youtube {
    color: #FF0000;
    border: 1px solid #FF0000;
}

.team-social li a.youtube:hover {
    background-color: #FF0000;
    color: var(--white-color);
    border: 1px solid #FF0000;
}

/* =========================
   TIKTOK
========================= */
.mid-header-wrap .mid-header-left ul li a.tiktok {
    border: 1px solid #010101;
    color: #010101;
}

.mid-header-wrap .mid-header-left ul li a.tiktok:hover {
    background-color: #010101;
    color: var(--white-color);
}

.social-list li a.tiktok {
    color: #010101;
    border: 1px solid #010101;
}

.social-list li a.tiktok:hover {
    background-color: #010101;
    color: var(--white-color);
    border: 1px solid #010101;
}

.layout-header .top-content .social-list li a.tiktok {
    background-color: #010101;
}

.team-social li a.tiktok {
    color: #010101;
    border: 1px solid #010101;
}

.team-social li a.tiktok:hover {
    background-color: #010101;
    color: var(--white-color);
    border: 1px solid #010101;
}


/* =========================
   SPOTIFY
========================= */
.mid-header-wrap .mid-header-left ul li a.spotify {
    border: 1px solid #1DB954;
    color: #1DB954;
}

.mid-header-wrap .mid-header-left ul li a.spotify:hover {
    background-color: #1DB954;
    color: var(--white-color);
}

.social-list li a.spotify {
    color: #1DB954;
    border: 1px solid #1DB954;
}

.social-list li a.spotify:hover {
    background-color: #1DB954;
    color: var(--white-color);
    border: 1px solid #1DB954;
}

.layout-header .top-content .social-list li a.spotify {
    background-color: #1DB954;
}

.team-social li a.spotify {
    color: #1DB954;
    border: 1px solid #1DB954;
}

.team-social li a.spotify:hover {
    background-color: #1DB954;
    color: var(--white-color);
    border: 1px solid #1DB954;
}

/* =========================
   APPLE MUSIC
========================= */
.mid-header-wrap .mid-header-left ul li a.apple-music {
    border: 1px solid #FA243C;
    color: #FA243C;
}

.mid-header-wrap .mid-header-left ul li a.apple-music:hover {
    background-color: #FA243C;
    color: var(--white-color);
}

.social-list li a.apple-music {
    color: #FA243C;
    border: 1px solid #FA243C;
}

.social-list li a.apple-music:hover {
    background-color: #FA243C;
    color: var(--white-color);
    border: 1px solid #FA243C;
}

.layout-header .top-content .social-list li a.apple-music {
    background-color: #FA243C;
}

.team-social li a.apple-music {
    color: #FA243C;
    border: 1px solid #FA243C;
}

.team-social li a.apple-music:hover {
    background-color: #FA243C;
    color: var(--white-color);
    border: 1px solid #FA243C;
}

.header-2 .bottom-header {
    background-color: var(--gray-color);
}

.header-2 .main-menu li a {
    color: var(--heading-color);
}

.header-2 .header-right .toggle-switch .slider {
    border: 1px solid var(--heading-color);
}

.header-2 .header-right .toggle-switch .slider::before {
    box-shadow: inset 10px -1px 0px 0px var(--heading-color);
}

.header-2 .header-right .search-icon:before {
    background-color: var(--heading-color);
}

@media (max-width: 767px) {
    .top-bar-right {
        display: unset;
    }
}

@media (max-width: 767px) {
    .mid-header-wrap .mid-header-right, .mid-header-wrap .mid-header-left {
        display: unset;
    }
}


/* =========================
   LINKEDIN
========================= */
.social-box.linkedin {
    background-color: #E6F4F9; /* versione chiara del blu LinkedIn */
}

.social-box.linkedin i {
    color: #0077B5;
}

.social-box.linkedin:hover i {
    color: var(--white-color);
}

.social-box.linkedin:hover {
    background-color: #0077B5;
}

/* =========================
   TIKTOK
========================= */
.social-box.tiktok {
    background-color: #F4F4F4; /* grigio chiaro neutro */
}

.social-box.tiktok i,
.social-box.tiktok svg {
    color: #010101;
    fill: #010101;
}

.social-box.tiktok:hover i,
.social-box.tiktok:hover svg {
    color: var(--white-color);
    fill: var(--white-color);
}

.social-box.tiktok:hover {
    background-color: #010101;
}

/* =========================
   APPLE MUSIC
========================= */
.social-box.apple-music {
    background-color: #FFEDEF; /* versione chiara del rosso Apple Music */
}

.social-box.apple-music i {
    color: #FA243C;
}

.social-box.apple-music:hover i {
    color: var(--white-color);
}

.social-box.apple-music:hover {
    background-color: #FA243C;
}


.layout-header.has-video { position: relative; background: none !important; }
.layout-header .video-bg { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.layout-header .video-bg iframe {
    width: 100%; height: 100%;
    pointer-events: none; /* evita click sul video */
}
.layout-header .overlay,
.layout-header .container { position: relative; z-index: 1; }


