/* Green Guardian visual refresh & UX fixes */
:root{
  --gg-green:#0b7a4b;
  --gg-green-dark:#075c3a;
  --gg-lime:#79c94b;
  --gg-cream:#f5fbf7;
  --gg-ink:#17352a;
  --gg-muted:#66756f;
  --gg-card:#ffffff;
  --gg-shadow:0 18px 50px rgba(9,72,45,.12);
  --gg-radius:18px;
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--gg-muted);overflow-x:hidden}
h1,h2,h3,h4,h5,h6{color:var(--gg-ink);letter-spacing:.01em}
a{color:var(--gg-green)}
a:hover{color:var(--gg-green-dark)}
img{height:auto}
#sticky-header{transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
#sticky-header.sticky-menu{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 30px rgba(10,60,40,.10);backdrop-filter:blur(12px)}
.logo img,.nav-logo img{max-height:62px;width:auto}
.main-menu .navigation>li>a{font-weight:600}
.main-menu .navigation>li>a:hover,.main-menu .navigation>li.active>a{color:var(--gg-green)!important}
.main-menu .navigation li.menu-item-has-children{position:relative}
.main-menu .navigation li.menu-item-has-children>a[href=""]{cursor:pointer}
.main-menu .navigation .sub-menu{
  border:0!important;border-radius:14px!important;padding:10px!important;
  box-shadow:var(--gg-shadow)!important;background:#fff!important;
}
.main-menu .navigation .sub-menu li a{border-radius:10px;padding:10px 15px!important}
.main-menu .navigation .sub-menu li a:hover{background:var(--gg-cream);color:var(--gg-green)!important}
.tg-btn,.btn,.button,.submit-btn{
  border-radius:999px!important;box-shadow:0 10px 24px rgba(11,122,75,.16);
}
.tg-btn:hover,.btn:hover,.button:hover{transform:translateY(-2px)}
.section-title,.title-area{margin-bottom:30px}
.card,.single-product,.blog-post,.contact-wrap,.feature-item{
  border-radius:var(--gg-radius);box-shadow:var(--gg-shadow)
}
input.form-control,select.form-select,textarea.form-control{
  border:1px solid #d9e7df!important;border-radius:12px!important;min-height:50px;
  box-shadow:none!important;transition:border-color .2s,box-shadow .2s;
}
textarea.form-control{min-height:130px}
input.form-control:focus,select.form-select:focus,textarea.form-control:focus{
  border-color:var(--gg-green)!important;box-shadow:0 0 0 4px rgba(11,122,75,.10)!important;
}
.invalid-feedback{font-weight:500}
.gg-toast{
  position:fixed;right:24px;bottom:24px;z-index:99999;max-width:380px;
  padding:15px 18px;border-radius:14px;background:#123d2d;color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.2);display:flex;gap:12px;align-items:flex-start;
  animation:ggIn .3s ease;
}
.gg-toast button{margin-left:auto;background:none;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.gg-toast.success{border-left:4px solid #79c94b}
.gg-toast.error{border-left:4px solid #ef6a6a}
@keyframes ggIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gg-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.gg-reveal.gg-visible{opacity:1;transform:none}
.scroll-to-target{background:var(--gg-green)!important;border-radius:50%!important}
.mobile-menu .menu-box{box-shadow:0 0 50px rgba(0,0,0,.15)}
.mobile-menu .navigation li a{font-weight:600}
.mobile-menu .navigation li.menu-item-has-children>a{padding-right:55px}
footer a:hover{color:#b8f39a!important}
@media(max-width:1199px){
  .logo img,.nav-logo img{max-height:55px}
}
@media(max-width:767px){
  h1{font-size:34px}h2{font-size:29px}h3{font-size:24px}
  .gg-toast{left:15px;right:15px;bottom:15px;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}