/*
Theme Name: GLG Modern Child (ALT)
Theme URI: https://glg.co.th/
Description: Child theme for GLG Modern (alternate parent slug). Adds mobile hamburger menu.
Author: GLG Dev + ChatGPT
Template: glg-modern-theme
Version: 1.0.0
*/

/* same CSS as main child */
.glg-menu-toggle-btn{
  display:none;
  font-size:28px;
  line-height:1;
  padding:10px 12px;
  border:2px solid #009245;
  border-radius:8px;
  color:#009245;
  background:#fff;
  cursor:pointer;
  margin-left:auto;
}
.glg-menu-toggle-input{ display:none; }

@media (max-width: 768px){
  .glg-menu-toggle-btn{ display:inline-block; }
  nav.site-navigation,
  #site-navigation,
  .primary-navigation,
  .menu-primary-container{
    display:none;
    background:#ffffff;
    border-top:2px solid #009245;
    padding:8px 12px;
  }
  .glg-menu-toggle-input:checked + .glg-menu-toggle-btn + nav.site-navigation,
  .glg-menu-toggle-input:checked + .glg-menu-toggle-btn + #site-navigation,
  .glg-menu-toggle-input:checked + .glg-menu-toggle-btn + .primary-navigation,
  .glg-menu-toggle-input:checked + .glg-menu-toggle-btn + .menu-primary-container{
    display:block;
  }
  nav.site-navigation ul,
  #site-navigation ul,
  .primary-navigation ul,
  .menu-primary-container ul{
    list-style:none;
    padding:0;
    margin:0;
  }
  nav.site-navigation li,
  #site-navigation li,
  .primary-navigation li,
  .menu-primary-container li{
    margin:8px 0;
  }
  nav.site-navigation a,
  #site-navigation a,
  .primary-navigation a,
  .menu-primary-container a{
    display:block;
    padding:10px 6px;
    text-decoration:none;
    color:#009245;
    font-weight:600;
  }
}