/* LUCAR V9.6 · OLIVE SIGNATURE CONTACT · A/B design study.
   Logo is sourced from the customer-provided raster. No brand text redrawn.
   A = refined horizontal actions / B = boutique vertical floating dock.
*/
:root { --contact-olive:#5B7D47; --contact-forest:#173325; --contact-ivory:#F6F1E5; }
.site-header .brand { display:inline-flex;align-items:center; flex-shrink:0; }
.site-header .brand img{width:clamp(134px,11vw,174px)!important;height:auto!important;aspect-ratio:1000/316;max-height:56px;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1);}
.site-header .brand:hover img{transform:translateY(-2px);}
.site-footer .footer-top>img{width:172px;max-width:100%;height:auto;background:var(--contact-ivory);padding:13px 14px;border-radius:3px;object-fit:contain;box-shadow:0 8px 26px #091f1326;}
/* Replaces the old plain-text floating buttons; overlays existing visibility logic. */
.quick-contact.lucar-contact-actions {display:flex;gap:8px;right:clamp(14px,2.1vw,34px);bottom:clamp(16px,2.3vw,36px);box-shadow:none;z-index:81;opacity:1;transition:opacity .25s ease,transform .3s ease;}
.quick-contact.lucar-contact-actions.is-suppressed{opacity:0;pointer-events:none;transform:translateY(28px);}
.quick-contact.lucar-contact-actions .contact-action{
  position:relative;isolation:isolate;min-width:94px;height:53px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font:700 11px/1.1 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:.085em;white-space:nowrap;text-decoration:none;
  border:1px solid transparent;border-radius:3px;overflow:hidden;box-shadow:0 8px 26px #09221b39;
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease;
  animation:lucarContactEnter .48s both cubic-bezier(.2,.8,.2,1);
}
.quick-contact.lucar-contact-actions .contact-action:nth-child(2){animation-delay:.08s;}
.quick-contact.lucar-contact-actions .contact-call{background:#5B7D47;color:#fff;border-color:#8DA985;}
.quick-contact.lucar-contact-actions .contact-zalo{background:#173325;color:#f9fbf6;border-color:#9BB89A;}
.quick-contact.lucar-contact-actions .contact-icon{width:23px;height:23px;flex:none;display:grid;place-items:center;transition:transform .32s cubic-bezier(.22,1,.36,1);}
.quick-contact.lucar-contact-actions .contact-icon svg{width:22px;height:22px;display:block;}
.quick-contact.lucar-contact-actions .contact-word{display:inline-block;transform:translateY(.4px);}
.quick-contact.lucar-contact-actions .contact-arrow{font-size:15px;line-height:1;opacity:.66;transition:transform .3s,opacity .3s;}
.quick-contact.lucar-contact-actions .contact-action:before{content:'';position:absolute;z-index:-1;left:-55%;top:0;width:35%;height:100%;background:linear-gradient(105deg,transparent,#ffffff36,transparent);transform:skewX(-17deg);opacity:0;transition:transform .55s ease,opacity .2s ease;}
.quick-contact.lucar-contact-actions .contact-action:hover{transform:translateY(-4px);box-shadow:0 16px 32px #12322252;}
.quick-contact.lucar-contact-actions .contact-action:hover .contact-icon{transform:translateY(-1px) rotate(-8deg);}
.quick-contact.lucar-contact-actions .contact-action:hover .contact-arrow{opacity:1;transform:translate(2px,-2px);}
.quick-contact.lucar-contact-actions .contact-action:hover:before{opacity:1;transform:skewX(-17deg) translateX(500%);}
.quick-contact.lucar-contact-actions .contact-action:focus-visible{outline:3px solid #d4e69e!important;outline-offset:4px!important;}
.quick-contact.lucar-contact-actions .contact-action:active,.quick-contact.lucar-contact-actions .contact-action.is-clicked{transform:translateY(0) scale(.95);}
@keyframes lucarContactEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .quick-contact.lucar-contact-actions{right:10px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px;}
 .quick-contact.lucar-contact-actions .contact-action{min-width:79px;height:47px;padding:0 9px;gap:6px;font-size:10px;}
 .quick-contact.lucar-contact-actions .contact-icon,.quick-contact.lucar-contact-actions .contact-icon svg{width:20px;height:20px;}
 .quick-contact.lucar-contact-actions .contact-arrow{display:none;}
 .site-header .brand img{width:131px!important;}
}
/* B — narrow vertical mini concierge with custom round buttons and hover hints */
html[data-contact-style='b'] .quick-contact.lucar-contact-actions{flex-direction:column;align-items:flex-end;gap:11px;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action{width:62px;min-width:62px;height:62px;border-radius:50%;padding:0;gap:0;box-shadow:0 8px 28px #0d29164d;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action .contact-icon{width:28px;height:28px;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action .contact-icon svg{width:28px;height:28px;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-word{position:absolute;right:77px;top:13px;min-width:80px;text-align:center;padding:11px 15px;color:#fff;background:#173325;border:1px solid #96b28d;border-radius:3px;opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .2s,transform .3s;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-arrow{display:none;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action:hover .contact-word,
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action:focus-visible .contact-word{opacity:1;transform:translateX(0)}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action{overflow:visible;}
html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action:before{display:none;}
@media(max-width:760px){
 html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-action{width:52px;min-width:52px;height:52px;}
 html[data-contact-style='b'] .quick-contact.lucar-contact-actions .contact-word{display:none;}
}
@media(prefers-reduced-motion:reduce){
 .quick-contact.lucar-contact-actions .contact-action,.quick-contact.lucar-contact-actions .contact-action *,
 .quick-contact.lucar-contact-actions .contact-action:before,.site-header .brand img{animation:none!important;transition:none!important;}
}