/*
Theme Name: Barracks Media Theme
Author: Barracks Media INC.
Description: Menu always hidden behind three-dot toggle, custom background support, blank home page, footer credit.
Version: 1.6
License: GNU General Public License v2 or later
Text Domain: barracks-media-theme
*/

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  background-image: url('https://mydummysite.online/wp-content/uploads/2025/06/Untitled-design-13.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Remove white block backgrounds */
.has-white-background-color,
.has-background {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Three-dot toggle button always visible */
#hamburger-toggle {
  display: block;
  font-size: 32px;
  background: none;
  border: none;
  color: #000;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  cursor: pointer;
}

/* Navigation panel always hidden behind the toggle */
#site-navigation {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 60px;
  right: 20px;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 8px;
  z-index: 500;
}

/* Show nav when .active added */
#site-navigation.active {
  display: flex;
}

#site-navigation a {
  color: #fff;
  text-decoration: none;
  margin: 8px 0;
}

/* Mobile background: shift position to 60% top */
@media only screen and (max-width: 767px) {
  body {
    background-position: 20 top !important;
    background-size: cover !important;
  }
}