/*
Theme Name: Sway Child
Theme URI: http://themeforest.net/user/Key-Design
Description: Child theme for Sway
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sway
Version: 1.0.0
Text Domain: sway-child
*/

/* Global overflow guard to prevent horizontal white gaps */
html,
body,
#wrapper {
  overflow-x: hidden !important;
  overflow-x: clip !important;
}

/* Prevent fixed UI widgets from creating horizontal gaps on small screens */
@media (max-width: 1024px) {
  .back-to-top.right-aligned.scroll-position-style {
    right: 30px !important;
    left: auto !important;
    transform: none !important;
    opacity: 0;
    pointer-events: none;
  }

  .back-to-top.right-aligned.scroll-position-style.active {
    opacity: 1;
    pointer-events: auto;
  }

  .qlwapp__container.qlwapp__container--bottom-right {
    right: 16px !important;
    left: auto !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
}

/* Desktop scrollbar styling to match site design reference */
@media (min-width: 1025px) {
  html {
    scrollbar-width: thin;
    scrollbar-color: #c6a75e #080808;
    scrollbar-gutter: stable;
  }

  html::-webkit-scrollbar {
    width: 10px;
  }

  html::-webkit-scrollbar-track {
    background: #080808;
  }

  html::-webkit-scrollbar-thumb {
    background-color: #c6a75e;
    border-radius: 999px;
    border: 2px solid #080808;
  }

  html::-webkit-scrollbar-thumb:hover {
    background-color: #d4b97b;
  }
}