/* ===========================
   SOCIAL SHARING - FINÁLNE RIEŠENIE (OPRAVA LOGA A TEXTU)
=========================== */

/* Celý blok sociálnych sietí na stred a s odsadením */
.social-sharing-custom {
    width: 100%; 
    margin: 0px 0 25px 0; /* Odsadenie celého bloku */
    text-align: center; /* Nadpis na stred */
}

/* Hlavný nadpis (Prosba) */
.social-sharing-title {
    font-size: 19px !important; 
    font-weight: 600 !important; 
    font-style: italic; 
    color: #444 !important; /* Tmavšia, viditeľná farba */
    margin-bottom: 25px !important; /* Pôvodná medzera pre kompaktný vzhľad */
    display: block;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

/* Zväčšený a viditeľný text pod tlačidlami */
.social-sharing-reason {
    margin-top: 25px !important;
    font-size: 15px !important; /* ZVÄČŠENÉ O 2px pre lepšiu čitateľnosť */
    color: #666 !important;
    line-height: 1.6 !important;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
}

/* Zelený text "Ďakujeme..." */
.social-sharing-reason strong {
    color: #1a9e7e; /* Vaša zelená farba pre zdôraznenie vďaky */
    display: block;
    margin-top: 5px;
}

/* Tlačidlá (Transparentné, orámované s viditeľnými logami a textom) */
.social-sharing-custom ul.social-sharing-list {
    display: flex !important; 
    justify-content: center !important; /* Tlačidlá na stred */
    gap: 12px !important; /* Medzera medzi tlačidlami */
    padding: 0 !important;
    margin: 0 !important; 
    list-style: none !important;
}

/* Základný štýl priehľadného tlačidla (Logá a Text Viditeľné) */
.social-sharing-custom li a {
    width: 70px !important; 
    height: 70px !important;
    border-radius: 14px !important;
    display: flex !important; 
    flex-direction: column !important; /* LOGO NAD TEXTOM */
    align-items: center !important; 
    justify-content: center !important; /* DOKONALÉ VYCENTROVANIE VNÚTRA */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    background: transparent !important; 
    border: 1px solid transparent !important; /* Pôvodne bez rámu, zmeníme v špecifických farbách */
    box-shadow: none !important;
}

/* SIZNG A CENTROVANIE LOGA (SVG) VNÚTRI */
.social-sharing-custom .anicon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important; /* Fixná šírka kontajnera ikony */
    height: 24px !important; /* Fixná výška kontajnera ikony */
    display: block !important; /* ZABEZPEČÍ ZOBRAZENIE LOGA */
    transition: all 0.3s ease !important;
}

.social-sharing-custom .anicon svg {
    width: 100% !important; /* Vyplní kontajner anicon */
    height: 100% !important;
    fill: transparent !important; /* Vyplníme farbou v špecifických nastaveniach */
    display: block !important;
    
    /* --- NOVÝ: POSUN LOGA O 5PX NIŽŠIE --- */
    margin-top: 9px !important; 
}
/* Text pod logom (Sivý v základe) */
.social-sharing-custom .social-sharing-name {
    font-size: 10px !important; 
    color: #999 !important; /* Sivý text v základe */
    text-transform: uppercase !important; 
    font-weight: 600 !important;
    margin-top: 6px !important; 
    transition: all 0.3s ease !important;
}

/* =========================================
   ŠPECIFICKÉ FARBY (RÁM A LOGO VIDITEĽNÉ V ZÁKLADE)
========================================= */

/* Facebook */
.social-sharing-custom li.facebook a { border-color: #1877f2 !important; }
.social-sharing-custom li.facebook .anicon svg { fill: #1877f2 !important; }
.social-sharing-custom li.facebook .social-sharing-name { color: #1877f2 !important; }

/* WhatsApp */
.social-sharing-custom li.whatsapp a { border-color: #25d366 !important; }
.social-sharing-custom li.whatsapp .anicon svg { fill: #25d366 !important; }
.social-sharing-custom li.whatsapp .social-sharing-name { color: #25d366 !important; }

/* Pinterest */
.social-sharing-custom li.pinterest a { border-color: #e60023 !important; }
.social-sharing-custom li.pinterest .anicon svg { fill: #e60023 !important; }
.social-sharing-custom li.pinterest .social-sharing-name { color: #e60023 !important; }

/* Email */
.social-sharing-custom li.email a { border-color: #444444 !important; }
.social-sharing-custom li.email .anicon svg { fill: #444444 !important; }
.social-sharing-custom li.email .social-sharing-name { color: #444444 !important; }

/* CopyLink */
.social-sharing-custom li.copylink a { border-color: #888888 !important; }
.social-sharing-custom li.copylink .anicon svg { fill: #888888 !important; }
.social-sharing-custom li.copylink .social-sharing-name { color: #888888 !important; }

/* =========================================
   HOVER EFEKT (Farba pozadia)
========================================= */

.social-sharing-custom li a:hover {
    transform: translateY(-5px) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 15px rgba(0,0,0,0.12) !important;
}

/* Po hoveri ikona a text zbelejú */
.social-sharing-custom li a:hover .anicon svg { fill: #ffffff !important; }
.social-sharing-custom li a:hover .social-sharing-name { color: #ffffff !important; }

/* Konkrétne farby pozadia pri hoveri */
.social-sharing-custom li.facebook a:hover  { background: #1877f2 !important; }
.social-sharing-custom li.whatsapp a:hover  { background: #25d366 !important; }
.social-sharing-custom li.pinterest a:hover { background: #e60023 !important; }
.social-sharing-custom li.email a:hover     { background: #444444 !important; }
.social-sharing-custom li.copylink a:hover  { background: #888888 !important; }