/*
 Theme Name:   Kadence Child
 Theme URI:    https://thegreengourmet.co.nz/kadence-child/
 Description:  Child theme for the Kadence Theme
 Author:       Nick
 Author URI:   https://thegreengourmet.co.nz
 Template:     kadence
 Text Domain:  kadence-child
 Version:      1.0.0
*/

/* Your custom CSS here… */

:root{
  --brand-green:#16a34a;            /* tweak to your brand green */
  --card-radius:16px;
  --shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Hide just the Kadence credit link in the footer */
.site-footer a[href*="kadencewp"] {
  display: none !important;
}


/* 2×2 grid that collapses nicely */
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
@media (max-width:560px){.service-grid{grid-template-columns:1fr;}}

.service-card{box-shadow:var(--shadow); border:1px solid #e5e7eb; text-align:center;}
.service-icon{color:var(--brand-green); margin:4px auto 8px;}
.service-card h5{margin:8px 0 4px;}

/* Buttons */
.wp-block-button.btn-primary .wp-block-button__link{
  background:var(--brand-green); border-radius:10px; padding:.9rem 1.2rem; font-weight:600;
}
.wp-block-button.btn-secondary .wp-block-button__link{
  background:#111827; color:#fff; border-radius:10px; padding:.9rem 1.2rem; font-weight:600;
}
.wp-block-button.btn-outline .wp-block-button__link{
  background:#fff; color:#111827; border:2px solid #111827; border-radius:10px; padding:.8rem 1.1rem; font-weight:600;
}

/* Mobile & tablet (~4× 36px ≈ 144px) */
.site-branding .custom-logo,
.site-branding img[src$=".svg"],
.site-branding .custom-logo-link img {
  height: 144px !important;
  max-height: 144px !important; /* some themes cap with max-height */
  width: auto !important;
}

/* Desktop (~4× 44px ≈ 176px) */
@media (min-width: 1024px){
  .site-branding .custom-logo,
  .site-branding img[src$=".svg"],
  .site-branding .custom-logo-link img {
    height: 176px !important;
    max-height: 176px !important;
  }
}

/* give the logo a 10px gap from the top & left */
.site-branding { 
  padding-top: 10px !important;
  padding-left: 4px !important;
}


:root{ --gg-green:#16a34a; --mbnav-h:58px; }

#mobile-bottom-nav{ display:none; }

@media (max-width:768px){
  #mobile-bottom-nav{
    position:fixed; left:0; right:0; bottom:0; z-index:9999;
    background:#fff; border-top:1px solid #e5e7eb;
    box-shadow:0 -6px 18px rgba(0,0,0,.06);
    padding-bottom:calc(env(safe-area-inset-bottom,0px));
    display:block;
  }
  body{ padding-bottom:calc(var(--mbnav-h) + env(safe-area-inset-bottom,0px)); }
  body.admin-bar{ padding-bottom:calc(var(--mbnav-h) + 46px); }
}

#mobile-bottom-nav .mbnav-menu{
  margin:0; padding:0; list-style:none;
  display:flex; justify-content:space-around; align-items:center;
  height:var(--mbnav-h);
}
#mobile-bottom-nav .mbnav-menu>li{ flex:1; text-align:center; }
#mobile-bottom-nav .mbnav-menu a{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  color:#374151; text-decoration:none; font-size:12px; padding:6px 0;
}
#mobile-bottom-nav .mbnav-ico{ width:24px; height:24px; display:block; }
#mobile-bottom-nav .current-menu-item>a{ color:var(--gg-green); font-weight:600; }
#mobile-bottom-nav a:focus-visible{ outline:2px solid var(--gg-green); outline-offset:2px; }