/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://acelvazasotthonok.hu
 Description:  Hello Elementor Child Theme - Acélvázas Otthonok
 Author:       Acélvázas Otthonok
 Template:     hello-elementor
 Version:      1.1.0
*/

/* ==========================================================================
   1. GLOBÁLIS ARCULATI VÁLTOZÓK & RESET
   ========================================================================== */
:root {
  --color-primary: #4e7919;
  --color-primary-hover: #375612;
  --color-bright: #86c528;
  --color-dark: #1a1a1a;
  --color-brown: #4a3b32;
  --color-light-bg: #f8f9fa;
  --color-white: #ffffff;
  --color-border: #e5e5e5;

  --font-heading: 'Montserrat', sans-serif;
  --font-script: 'Dancing Script', cursive;

  --container-max-width: 1440px;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* Kiütjük a Hello Theme és Elementor szülő dobozait */
#page,
#content,
.site-main,
.elementor-section-wrap,
article {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   2. FULL WIDTH HEADER & FOOTER (SZÉLIG ÉRŐ HÁTTEREK FIXELÉSE)
   ========================================================================== */
header.site-header,
footer.site-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* ==========================================================================
   3. RESZPONZÍV TÖRÉSPONTOK (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 1024px) {
  .header-contacts {
    display: none !important; /* Mobilon elrejtjük a felső gombokat, a hamburgerbe mennek */
  }

  .main-nav {
    display: none; /* A hagyományos menüt elrejtjük mobilon */
  }

  .mobile-menu-toggle {
    display: flex !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    text-align: center;
  }

  .footer-col h4::after {
    margin: 5px auto 0 auto !important;
  }
}