/* ===================================================================================
* Theme Name: Liko Child
* Theme URI: https://wp.hixstudio.net/liko/
* Author: fox-themes 
* Author URI: https://themeforest.net/user/fox-themes
* Description: Liko - Creative Agency & Portfolio WordPress Theme
* Version: 1.0.0
* Template: liko
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
====================================================================================== */
/* ============================================================
   FIX 1: Icone social header
   ============================================================ */
.tp-header-3-social a {
    overflow: hidden;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 50% !important;
    background-color: var(--tp-grey-2, #f4f4f4) !important;
    color: var(--tp-common-black, #191919) !important;
    margin-left: 5px;
    transition: background-color 0.3s, color 0.3s;
    flex-shrink: 0;
}
.tp-header-3-social a svg {
    width: 16px !important;
    height: 16px !important;
    display: block;
    flex-shrink: 0;
}
.tp-header-3-social a i {
    font-size: 16px;
    line-height: 1;
    display: block;
}
.tp-header-3-social a:hover {
    background-color: var(--tp-common-black, #191919) !important;
    color: var(--tp-common-white, #ffffff) !important;
}
.tp-header-3-social a:hover svg path,
.tp-header-3-social a:hover svg circle,
.tp-header-3-social a:hover svg rect {
    fill: var(--tp-common-white, #ffffff) !important;
}
.tp-header-3-social a svg path,
.tp-header-3-social a svg circle,
.tp-header-3-social a svg rect {
    fill: currentColor;
}
/* ============================================================
   FIX 2: Overflow mobile mirato
   ============================================================ */
/* ============================================================
   FIX 3: Marquee con immagine su mobile
   ============================================================ */
.tp-project-textline img {
    display: inline-block;
    height: 0.9em;
    width: auto;
    margin: 0 0.18em;
    vertical-align: middle;
    transform: translateY(-0.04em);
}
/* ============================================================
   FIX 4: Blocco scorrimento orizzontale su mobile (Aggiornato)
   ============================================================ */

/* La regola `html, body { overflow-x: hidden !important; }` è stata rimossa per evitare problemi di scorrimento verticale su alcuni dispositivi mobili (es. iOS) che richiedono lo scorrimento a due dita. Ci affidiamo all'overflow-x: hidden su #smooth-wrapper e max-width: 100vw sugli elementi specifici per contenere lo scorrimento orizzontale. */

#smooth-wrapper {
    overflow-x: hidden !important;
    width: 100%;
    max-width: 100vw;
}

/* Correzione per i testi scorrevoli che causano overflow */
.tp-project-textline,
.tp-team-item.marque {
    max-width: 100vw;
}

/* ============================================================
   FIX 5: Effetti bottone nero su mobile
   ============================================================ */
@media only screen and (max-width: 767px) { 
    .tp-btn-black-md::before, 
    .tp-btn-black-md::after,
    .tp-btn-black::before,
    .tp-btn-black::after { 
        display: none !important; 
    }
    
    /* Assicura che il testo rimanga visibile se l'effetto hover viene rimosso */
    .tp-btn-black-wrap .text-1 {
        transform: none !important;
    }
}
@media only screen and (max-width: 991px) {
  .offcanvas-backdrop,
  .tp-offcanvas-overlay,
  .body-overlay,
  .sidebar__area-background,
  .mobile-menu-overlay {
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.offcanvas-open .offcanvas-backdrop,
  body.offcanvas-open .tp-offcanvas-overlay,
  body.offcanvas-open .body-overlay,
  body.offcanvas-open .sidebar__area-background,
  body.offcanvas-open .mobile-menu-overlay,
  body.opened .offcanvas-backdrop,
  body.opened .tp-offcanvas-overlay,
  body.opened .body-overlay,
  body.opened .sidebar__area-background,
  body.opened .mobile-menu-overlay {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Testo descrittivo home */
.bold-fix strong,
.bold-fix b {
    letter-spacing: -0.04em;
   font-weight: 530;
}