/* =======================================================
   WOMANHOOD NAILS SERVICE ENQUIRY BAR
   Dark Luxury Palette
   ======================================================= */

.wbc-nails-enquiry-bar{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:9997;
width:100%;
padding:12px 18px 14px;
pointer-events:none;
opacity:0;
visibility:hidden;
transform:translate3d(0,35px,0) scale(.98);
transition:
transform .48s cubic-bezier(.16,1.22,.30,1),
opacity .30s ease,
visibility 0s linear .48s;
}

.wbc-nails-enquiry-bar.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate3d(0,0,0) scale(1);
transition:
transform .48s cubic-bezier(.16,1.22,.30,1),
opacity .34s ease,
visibility 0s linear 0s;
}


/* =======================================================
   MAIN SHELL
======================================================= */

.wbc-nails-enquiry-shell{
position:relative;
display:flex;
align-items:center;
gap:14px;
width:100%;
max-width:980px;
min-height:76px;
margin:0 auto;
padding:11px 13px 11px 17px;

background:linear-gradient(
135deg,
#45433f 0%,
#3b3a37 52%,
#32312f 100%
);

border:1px solid rgba(185,151,91,.30);
border-radius:22px;

box-shadow:
0 -8px 28px rgba(61,48,43,.08),
0 12px 30px rgba(61,48,43,.18),
inset 0 1px 0 rgba(255,255,255,.06);

backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);

pointer-events:auto;
}


/* =======================================================
   LEFT ICON
======================================================= */

.wbc-nails-enquiry-mark{
width:46px;
height:46px;
display:grid;
place-items:center;
flex:0 0 46px;

color:#b9975b;

background:linear-gradient(
135deg,
rgba(185,151,91,.15),
rgba(185,151,91,.07)
);

border:1px solid rgba(185,151,91,.22);
border-radius:15px;

box-shadow:
inset 0 1px 0 rgba(255,255,255,.04);
}

.wbc-nails-enquiry-mark svg{
display:block;
width:22px;
height:22px;
}


/* =======================================================
   CONTENT
======================================================= */

.wbc-nails-enquiry-content{
min-width:0;
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}

.wbc-nails-enquiry-eyebrow{
display:block;
margin:0 0 4px;

font-size:9px;
font-weight:700;
letter-spacing:.18em;
line-height:1.2;
text-transform:uppercase;

color:#b9975b;
}

.wbc-nails-enquiry-title{
display:block;
margin:0;

font-family:Georgia,"Times New Roman",serif;
font-size:18px;
font-weight:500;
line-height:1.25;

color:#fffdfb;
}

.wbc-nails-enquiry-text{
display:block;
margin-top:4px;

font-size:11px;
line-height:1.4;

color:#d7c6bb;
}


/* =======================================================
   WHATSAPP BUTTON
   DEEP LUXURY GREEN
======================================================= */

.wbc-nails-enquiry-whatsapp{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;

min-height:50px;
padding:0 16px;

flex:0 0 auto;

border:1px solid rgba(31,157,85,.55);
border-radius:15px;

background:linear-gradient(
135deg,
#1f9d55 0%,
#177a43 100%
);

color:#fff;

text-decoration:none;

box-shadow:
0 8px 20px rgba(31,157,85,.16),
inset 0 1px 0 rgba(255,255,255,.10);

transition:
transform .22s ease,
background .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}

.wbc-nails-enquiry-whatsapp:hover{
background:linear-gradient(
135deg,
#238f50 0%,
#126b3a 100%
);

border-color:#126b3a;

color:#fff;

transform:translateY(-1px);

box-shadow:
0 10px 24px rgba(31,157,85,.22),
inset 0 1px 0 rgba(255,255,255,.10);
}

.wbc-nails-enquiry-whatsapp:active{
transform:translateY(0);
}

.wbc-nails-enquiry-whatsapp:focus-visible{
outline:2px solid rgba(185,151,91,.65);
outline-offset:3px;
}


/* =======================================================
   WHATSAPP ICON
======================================================= */

.wbc-nails-enquiry-whatsapp-icon{
width:32px;
height:32px;

display:grid;
place-items:center;

flex:0 0 32px;

border-radius:10px;

color:#fff;

background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.14);
}

.wbc-nails-enquiry-whatsapp-icon svg{
display:block;
width:18px;
height:18px;
}


/* =======================================================
   WHATSAPP COPY
======================================================= */

.wbc-nails-enquiry-whatsapp-copy{
display:flex;
flex-direction:column;
min-width:108px;
}

.wbc-nails-enquiry-whatsapp-copy strong{
display:block;

font-size:11px;
font-weight:800;
letter-spacing:.10em;
line-height:1.2;
text-transform:uppercase;

color:#fffdfb;
}

.wbc-nails-enquiry-whatsapp-copy small{
display:block;
margin-top:3px;

font-size:9px;
line-height:1.3;

color:rgba(255,253,251,.68);
white-space:nowrap;
}


/* =======================================================
   ARROW
======================================================= */

.wbc-nails-enquiry-arrow{
display:block;

margin-left:2px;

font-size:19px;
line-height:1;

color:#fff;

transition:transform .22s ease;
}

.wbc-nails-enquiry-whatsapp:hover
.wbc-nails-enquiry-arrow{
transform:translateX(4px);
}


/* =======================================================
   TABLET
======================================================= */

@media(max-width:760px){

.wbc-nails-enquiry-bar{
padding:9px 10px 11px;
}

.wbc-nails-enquiry-shell{
min-height:68px;
gap:11px;
padding:9px 10px 9px 13px;
border-radius:20px;
}

.wbc-nails-enquiry-mark{
width:40px;
height:40px;
flex-basis:40px;
border-radius:13px;
}

.wbc-nails-enquiry-mark svg{
width:19px;
height:19px;
}

.wbc-nails-enquiry-eyebrow{
font-size:8px;
letter-spacing:.14em;
}

.wbc-nails-enquiry-title{
font-size:15px;
}

.wbc-nails-enquiry-text{
font-size:10px;
}

.wbc-nails-enquiry-whatsapp{
min-height:44px;
padding:0 12px;
gap:7px;
border-radius:13px;
}

.wbc-nails-enquiry-whatsapp-icon{
width:29px;
height:29px;
flex-basis:29px;
border-radius:9px;
}

.wbc-nails-enquiry-whatsapp-icon svg{
width:16px;
height:16px;
}

.wbc-nails-enquiry-whatsapp-copy{
min-width:96px;
}

.wbc-nails-enquiry-whatsapp-copy strong{
font-size:10px;
}

.wbc-nails-enquiry-whatsapp-copy small{
font-size:8.5px;
}

.wbc-nails-enquiry-arrow{
font-size:17px;
}

}


/* =======================================================
   MOBILE
======================================================= */

@media(max-width:540px){

 .wbc-nails-enquiry-bar{
        left:50%;
        right:auto;
        width:calc(100% - 15px);
        transform:translate3d(-50%,35px,0) scale(.98);
        padding:7px 0 9px;
    }

    .wbc-nails-enquiry-bar.is-visible{
        transform:translate3d(-50%,0,0) scale(1);
    }

    .wbc-nails-enquiry-shell{
        width:100%;
        max-width:none;
        box-sizing:border-box;
    }


.wbc-nails-enquiry-mark{
width:36px;
height:36px;
flex-basis:36px;
border-radius:11px;
}

.wbc-nails-enquiry-mark svg{
width:17px;
height:17px;
}

.wbc-nails-enquiry-eyebrow{
margin-bottom:2px;
font-size:7px;
letter-spacing:.12em;
}

.wbc-nails-enquiry-title{
font-size:12.5px;
line-height:1.25;
}

.wbc-nails-enquiry-text{
margin-top:2px;
font-size:9px;
}

.wbc-nails-enquiry-whatsapp{
min-height:40px;
padding:0 10px;
gap:6px;
border-radius:11px;
}

.wbc-nails-enquiry-whatsapp-icon{
width:27px;
height:27px;
flex-basis:27px;
border-radius:9px;
}

.wbc-nails-enquiry-whatsapp-icon svg{
width:14px;
height:14px;
}

.wbc-nails-enquiry-whatsapp-copy{
display:flex;
min-width:auto;
}

.wbc-nails-enquiry-whatsapp-copy strong{
font-size:9.5px;
letter-spacing:.06em;
}

.wbc-nails-enquiry-whatsapp-copy small{
display:none;
}

.wbc-nails-enquiry-arrow{
margin-left:1px;
font-size:16px;
}

}


/* =======================================================
   VERY SMALL MOBILE
======================================================= */

@media(max-width:380px){

.wbc-nails-enquiry-bar{
padding:6px 7px 8px;
}

.wbc-nails-enquiry-shell{
gap:7px;
min-height:58px;
padding:7px 7px 7px 9px;
border-radius:17px;
}

.wbc-nails-enquiry-mark{
width:33px;
height:33px;
flex-basis:33px;
border-radius:10px;
}

.wbc-nails-enquiry-mark svg{
width:16px;
height:16px;
}

.wbc-nails-enquiry-eyebrow{
font-size:6.5px;
}

.wbc-nails-enquiry-title{
font-size:11.5px;
}

.wbc-nails-enquiry-text{
font-size:8.2px;
}

.wbc-nails-enquiry-whatsapp{
min-height:38px;
padding:0 9px;
gap:5px;
border-radius:10px;
}

.wbc-nails-enquiry-whatsapp-icon{
width:25px;
height:25px;
flex-basis:25px;
}

.wbc-nails-enquiry-whatsapp-icon svg{
width:13px;
height:13px;
}

.wbc-nails-enquiry-whatsapp-copy{
display:flex;
}

.wbc-nails-enquiry-whatsapp-copy strong{
font-size:9px;
letter-spacing:.04em;
}

.wbc-nails-enquiry-arrow{
display:none;
}

}


/* =======================================================
   REDUCED MOTION
======================================================= */

@media(prefers-reduced-motion:reduce){

.wbc-nails-enquiry-bar{
transition:none;
}

.wbc-nails-enquiry-whatsapp{
transition:none;
}

}