/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
#header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,0);
  transition: background 0.6s ease;
}
#header.scroller{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,0.2);
  transition: background 0.6s ease;
}
#header.scroller.darkmode{
  background: rgba(255, 255, 255, 0.9) !important;
}
.darkmode img[title="mystik-logo"] {
  filter: invert(1);
}
.darkmode{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* Smooth Scrolling Enhancements */
html {
  scroll-behavior: smooth;
}

/* iOS momentum scrolling */
body {
  -webkit-overflow-scrolling: touch;
}

/* Smooth scrolling for all scrollable elements */
* {
  scroll-behavior: smooth;
}

/* Custom scrollbar styling for webkit browsers */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* Firefox scrollbar styling */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  html,
  * {
    scroll-behavior: auto;
  }
  
  /* Disable scroll to top button animations */
  #scroll-to-top {
    transition: none !important;
    animation: none !important;
  }
}

/* Enhanced focus styles for keyboard navigation */
a:focus,
button:focus {
  outline: 2px solid #0520f5;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Ensure smooth transitions */
body,
#header,
button,
.btn,
input,
textarea,
select {
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
}

a.image-video-card-inner {
    text-decoration: none;
}

.woocommerce div.product{
  max-width: 1140px;
  margin: 0 auto;
  padding: 150px 20px 0;
}

.adding-padding {
  padding-top: 150px;
}

.single-product a, .page-id-27529 a, .page-template-default a{
  color:#ad8330;
}

.darkmode .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count, .darkmode .hfe-cart-menu-wrap-default .hfe-cart-count:after {
  border-color: #333 !important;
  color: #333 !important;
}

.wc-block-components-button {
  background-color: #ad8330;
  color: #fff !important;
  border: none;
  cursor: pointer;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background: #ad8330;
}