/*
Theme Name: Lumoria Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   lumoria
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* Call dm css */
/* COMMON BUTTON STYLE */
.float-btn {
    position: fixed;
    right: 10px;
    top: 50%;

    width: 55px;
    height: 55px;
    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;
    font-size: 22px;
    text-decoration: none;

    z-index: 9999;
}

/* 1️⃣ DEMO (TOP) */
.demo-float {
    background: #00c853;
    transform: translateY(-80px); /* top */
}
/* DEMO BUTTON STRUCTURE */
.demo-float {
    width: 55px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    transition: width 0.3s ease;
}

/* ICON */
.demo-icon {
    min-width: 55px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

/* TEXT (hidden by default) */
.demo-text {
    opacity: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-right: 8px;

    transition: opacity 0.2s ease;
}

/* HOVER EFFECT */
.demo-float:hover {
    width: 160px;
}

/* SHOW TEXT */
.demo-float:hover .demo-text {
    opacity: 1;
}

/* 2️⃣ CALL (MIDDLE) */
.call-float {
    background: #024295;
    transform: translateY(-20px); /* center */
}

/* 3️⃣ WHATSAPP (BOTTOM) */
.whatsapp-float {
    background: #25D366;
    transform: translateY(40px); /* bottom */
}