/* =========================================================
   Sysbasic Theme - Clean Full CSS
   Header + Home + Footer
========================================================= */







/* =========================================================
   Home Full Width / Full Bleed
========================================================= */

/* Prevent Drupal containers from limiting home sections */
.layout-main-wrapper,
.main-content,
.main-content__container,
.region--content {
  width: 100% !important;
  max-width: none !important;
}

/* Full bleed sections */
.sys-home-hero,
.sys-section,
.sys-about {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
}


 
 ً


/* Floating social buttons */
.sys-floating-social {
  position: fixed !important;
  right: 22px;
  bottom: 28px;
  z-index: 2147483647 !important;
  isolation: isolate;
}

/* Button base style */
.sys-social-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 22px;
  font-weight: 800;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover effect */
.sys-social-btn:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
}

/* WhatsApp */
.sys-social-btn.whatsapp {
  background: #25d366;
}

/* Facebook */
.sys-social-btn.facebook {
  background: #1877f2;
}

/* Messenger */
.sys-social-btn.messenger {
  background: #0084ff;
}

/* Mobile spacing */
@media (max-width: 768px) {
  .sys-floating-social {
    right: 16px;
    bottom: 20px;
  }

  .sys-social-btn {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
}
/* Force floating social widget above all page sections */


/* Force buttons above their wrapper */
.sys-floating-social .sys-social-btn,
.sys-whatsapp-float {
  position: relative !important;
  z-index: 2147483647 !important;
}

/* WhatsApp only version force top layer */
.sys-whatsapp-float {
  position: fixed !important;
  right: 24px;
  bottom: 28px;
  z-index: 2147483647 !important;
}



/* Page fade-in transition */
.main-content,
.region-content {
  animation: sysPageEnter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes sysPageEnter {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.985);
    filter: blur(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Remove empty Drupal regions above page content */
.region--highlighted,
.region-highlighted,
.region--breadcrumb,
.region-breadcrumb,
.region--content-above,
.region-content-above {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove Olivero main wrapper gap */
.layout-main-wrapper,
.layout-main,
.main-content,
.main-content__container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* Make first content block touch header directly */
.main-content__container > *:first-child,
.region--content > *:first-child,
.region-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hero hard attach */
.sys-hero,
.hero-section,
.about-hero,
.contact-hero {
  margin-top: 0 !important;
}