/*
 * Floating WhatsApp button.
 *
 * Hand-written rather than generated: this theme's other stylesheets are built
 * outside Magento by an external pipeline (note the .css.map files), and this
 * file is not part of that pipeline's sources.
 *
 * Markup lives in Studioone_Base::whatsapp.phtml.
 */

.hot_actions {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    line-height: 0;
}

.hot_actions .whatsapp_link {
    display: block;
    width: 72px;
    height: 72px;
    line-height: 0;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.hot_actions .whatsapp_link:hover,
.hot_actions .whatsapp_link:focus {
    transform: scale(1.06);
    text-decoration: none;
}

.hot_actions .whatsapp_link:focus-visible {
    outline: 2px solid #25d366;
    outline-offset: 4px;
}

.hot_actions .whatsapp_link img {
    display: block;
    width: 72px;
    height: 72px;
}

@media only screen and (max-width: 767px) {
    .hot_actions {
        right: 12px;
        bottom: 12px;
    }

    .hot_actions .whatsapp_link,
    .hot_actions .whatsapp_link img {
        width: 56px;
        height: 56px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hot_actions .whatsapp_link {
        transition: none;
    }

    .hot_actions .whatsapp_link:hover,
    .hot_actions .whatsapp_link:focus {
        transform: none;
    }
}

/*
 * WhatsApp entry in the footer .socials_list (Studioone_Base::footer/contacts.phtml).
 *
 * Lives here rather than in main.css because basconi, outletsali and zennishoes
 * each ship their own main.css built by the external pipeline, so a rule added
 * there would only reach sali and would be lost on the next rebuild. This file
 * is hand-written, loaded after main.css, and inherited by every child theme.
 *
 * \e92a is the "whatsapp" glyph in the icomoon icon font.
 */
.icon_whatsapp:before {
    content: "\e92a";
}