/*
=========================================================
* Dash UI - Bootstrap 5 Admin & Dashboard Theme
=========================================================
* Product Page: https://codescandy.com/dashui/index.html
* Copyright 2023 Codescandy (https://codescandy.com/)
* Designed and coded by https://codescandy.com
========================================================= */

// Inter Fonts, Font Awesome, and Feather Icons are now loaded via <link> tags in _document.js
// This ensures proper loading in both development and production builds

// Bootstrap functions
@import "~bootstrap/scss/functions";

// User Variables
@import "user-variables";

// theme variables
@import "theme/variables";

//utilities
@import "theme/utilities";

// Bootstrap
@import "~bootstrap/scss/bootstrap";

// Theme
@import "theme/theme";

// User
@import "user";

.heading-permalink{
    color: transparent;
    margin-left: -2rem;
    &:hover{
        color: transparent;


    }



&::before {
    color: rgba(82,95,127,0);
    content: "#";



}
&:hover:before{
    color: $primary;



}

}

// Smooth page transitions
// Prevent flickering and add smooth fade-in effect
html {
  overflow-y: scroll; // Prevent layout shift from scrollbar
}

body {
  // Match loader background to prevent flash during navigation
  background-color: #ffffff;

  // Smooth scroll behavior
  scroll-behavior: smooth;

  // Prevent content jump
  min-height: 100vh;
}

// Content area styling (animations removed to prevent flickering on menu interactions)
// Page transitions are handled by global loader in _app.js

// Reduce motion for users who prefer it
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  html {
    scroll-behavior: auto;
  }
}