.elementor-7823 .elementor-element.elementor-element-698b9b58{--display:flex;}.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons__chat-button svg{order:-1;}.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons{--e-contact-buttons-chat-button-gap:12px;--e-contact-buttons-button-icon:var( --e-global-color-primary );--e-contact-buttons-button-bg:var( --e-global-color-text );--e-contact-buttons-button-icon-hover:var( --e-global-color-primary );--e-contact-buttons-button-bg-hover:var( --e-global-color-text );--e-contact-buttons-chat-button-padding-block-end:6px;--e-contact-buttons-chat-button-padding-block-start:6px;--e-contact-buttons-chat-button-padding-inline-end:15px;--e-contact-buttons-chat-button-padding-inline-start:15px;--e-contact-buttons-horizontal-offset:60px;}.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons__chat-button{font-family:"Teko", Sans-serif;font-size:17px;font-weight:500;letter-spacing:0.8px;word-spacing:3px;}@media(max-width:767px){.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons__chat-button svg{order:-1;}.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons__chat-button{font-size:14px;}.elementor-7823 .elementor-element.elementor-element-251e0e6a .e-contact-buttons{--e-contact-buttons-chat-button-padding-block-end:3px;--e-contact-buttons-chat-button-padding-block-start:5px;--e-contact-buttons-chat-button-padding-inline-end:15px;--e-contact-buttons-chat-button-padding-inline-start:15px;--e-contact-buttons-horizontal-offset:0px;}}/* Start custom CSS for contact-buttons-var-7, class: .elementor-element-251e0e6a */@media (max-width: 767px) {
  .mobile-side-floating {
    position: fixed !important;

    /* Vast aan de rechterzijkant */
    right: 0 !important;
    left: auto !important;

    /* Hoogte vanaf onder */
    bottom: 320px !important;
    top: auto !important;

    z-index: 999999 !important;

    /* 🔑 DIT is de rotatie die eerder wél werkte */
    transform: rotate(-90deg) !important;
    transform-origin: bottom right !important;

    white-space: nowrap !important;
  }
}
/* Verberg automatisch platform-icoon (wereldbol) */
.mobile-side-floating i,
.mobile-side-floating svg {
  display: none !important;
}
/* DESKTOP/TABLET: van onder naar boven + kleine shake */
@keyframes floatShakeUpDesktop {
  0%   { opacity: 0; transform: translateY(40px); }
  10%  { opacity: 1; transform: translateY(40px); }
  60%  { opacity: 1; transform: translateY(0); }
  75%  { transform: translateY(6px); }
  90%  { transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* MOBIEL: blijft gedraaid en komt "van de zijkant" (van rechts naar binnen) + shake */
@keyframes floatShakeInMobile {
  0%   { opacity: 0; transform: rotate(-90deg) translateY(40px); }
  10%  { opacity: 1; transform: rotate(-90deg) translateY(40px); }
  60%  { opacity: 1; transform: rotate(-90deg) translateY(0); }
  75%  { transform: rotate(-90deg) translateY(6px); }
  90%  { transform: rotate(-90deg) translateY(-4px); }
  100% { opacity: 1; transform: rotate(-90deg) translateY(0); }
}

/* Animatie: geldt overal (na 3s) */
@media (min-width: 768px) {
  .mobile-side-floating {
    opacity: 0;
    animation: floatShakeUpDesktop 0.8s ease-out forwards;
    animation-delay: 3s;
  }
}

@media (max-width: 767px) {
  .mobile-side-floating {
    opacity: 0;
    animation: floatShakeInMobile 0.8s ease-out forwards;
    animation-delay: 3s;

    /* ankerpunt zoals je werkende setup */
    transform-origin: bottom right !important;
  }
}
/* Floating element – radius per hoek instelbaar */
.mobile-side-floating,
.mobile-side-floating > *,
.mobile-side-floating .e-con-inner,
.mobile-side-floating .elementor-widget-wrap,
.mobile-side-floating .elementor-widget-container {

  /* Pas deze vier waarden aan */
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;

  overflow: hidden !important;
}

/* MOBIEL: floating achter de (mini)cart */
@media (max-width: 767px){
  .mobile-side-floating{
    z-index: 10 !important; /* of zelfs 1 */
  }
}/* End custom CSS */