/*
Theme Name: Haus Barry & Co.
Theme URI: https://hausbarryandco.com
Author: Haus Barry & Co.
Author URI: https://hausbarryandco.com
Description: A premium, Elementor-first WordPress theme for Haus Barry & Co. — residential renovation and interior design studio.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haus-barry
Tags: elementor, custom-logo, custom-menu, full-width-template, portfolio
*/

:root {
  --hb-beige: #AD9579;
  --hb-green: #022A1D;
  --hb-brown: #7A614A;
  --hb-cream: #F5F0EB;
  --hb-white: #FAFAF8;
  --hb-dark: #1A1A1A;
}

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

body {
  font-family: 'Galvji', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--hb-dark);
  background: var(--hb-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Galvji', Georgia, serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hb-green);
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }

/* Elementor overrides — keep theme minimal */
.elementor-page .site-content { padding: 0; }
.elementor-page .site-header { position: relative; z-index: 100; }

/* Utility classes for Elementor widgets */
.hb-section { padding: 80px 0; }
.hb-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hb-btn {
  display: inline-block;
  padding: 14px 32px;
  background: var(--hb-green);
  color: var(--hb-cream);
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hb-btn:hover { background: var(--hb-brown); }
.hb-btn--outline {
  background: transparent;
  border: 1px solid var(--hb-green);
  color: var(--hb-green);
}
.hb-btn--outline:hover {
  background: var(--hb-green);
  color: var(--hb-cream);
}
/* ===== FIX MOBILE MENU BACKGROUND ===== */
@media (max-width: 1024px) {

  .header-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 260px;
    height: 50vh;

    background: var(--hb-green); /* 🔥 THIS FIXES IT */
    
    flex-direction: column;
    justify-content: top;
    align-items: left;
    gap: 30px;

    transition: right 0.3s ease;
    z-index: 1000;
  }

  .header-nav.active {
    right: 0;
  }

}
/* ===== MOBILE MENU OVERLAY ===== */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 999;
}
.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}
/* Social Links */
.footer-social .social-links {
  display: block !important;
}

.footer-social .social-links a {
  display: block !important;
  margin-bottom: 8px;
}