/* style.css */

/* 
  1. FIXED HEADER NAVIGATION PADDING
  Because your navigation bar is fixed (floating) at the top of the viewport,
  this padding ensures content on your pages starts exactly below the header height (80px),
  preventing text or sections from getting hidden underneath.
*/
body {
    padding-top: 5rem; /* 80px space at the top of every page */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* 
  2. SMOOTH COLLAPSE BEHAVIOR
  Keeps the layout structural flow uniform across smaller screen breakpoints.
*/
main {
    flex-grow: 1;
}

/* 
  3. CUSTOM PREMIUM SCROLLBAR (Optional/Aesthetic)
  Matches the luxury dark theme of your website.
*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #181818;
    border: 1px solid #E5A93C;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E5A93C;
}