/*
Theme Name: Vinacles | Hello Child
Theme URI: https://www.vinacles.com/showroom/automotive-website/
Template: hello-elementor
Author: Website ontwikkeling voor de voertuigbranche
Author URI: https://www.vinacles.com/showroom/automotive-website/
Description: Website ontwikkeling voor de voertuigbranche
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1731671036
Updated: 2024-11-15 11:43:56

*/


/* ------------------------------------------------------------------
   Mobile: the floating contact bar is position:fixed on the right and
   sits on top of the page text at phone widths. Below 768px it becomes
   a full-width bar pinned to the bottom, so no content is covered and
   all four contact actions stay reachable.
   Added 2026-09-15 while adapting this template for A. Hidding Auto's.
------------------------------------------------------------------- */
@media (max-width: 767px) {
  .elementor-element-6b7b9e2,
  .elementor-element-84148ef,
  .elementor-element-3b99164 {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    background-color: #000000;
    padding: 10px 0;
    z-index: 998;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
  }
  /* Elementor renders this wrapper as a single-column inline-grid, which is
     what makes the bar tall. Force it into one horizontal row. */
  .elementor-element-6b7b9e2 .elementor-social-icons-wrapper,
  .elementor-element-84148ef .elementor-social-icons-wrapper,
  .elementor-element-3b99164 .elementor-social-icons-wrapper {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 30px !important;
    margin: 0 !important;
    width: 100%;
  }
  .elementor-element-6b7b9e2 .elementor-grid-item,
  .elementor-element-84148ef .elementor-grid-item,
  .elementor-element-3b99164 .elementor-grid-item {
    margin: 0 !important;
  }
  /* keep the footer clear of the bottom bar */
  body.page-id-13,
  body.page-id-19,
  body.page-id-118,
  body.page-id-1656 {
    padding-bottom: 72px;
  }
  /* the cookie re-open button is also pinned bottom-right and would land on
     top of the last contact icon - lift it above the bar */
  body.page-id-13 .cookie-reopen-button,
  body.page-id-19 .cookie-reopen-button,
  body.page-id-118 .cookie-reopen-button,
  body.page-id-1656 .cookie-reopen-button {
    bottom: 94px !important;
  }
}