@charset "UTF-8";
/* == gg-print-hygiene == */
@media print{
  /* --- every floating / overlay UI element across gg-* mu-plugins --- */
  #gg-push-prompt,#gg-push-bell,          /* push opt-in + bell (gg-push) */
  #gg-consent,                            /* cookie banner (gg-cookie-consent) */
  #gg-progress,#gg-top,                   /* reading progress + back-to-top (gg-engage) */
  #ggReadBar,                             /* listen/read-aloud bar (gg-listen) */
  #ggPwaBanner,                           /* install-app banner (gg-pwa) */
  #gg-rail-l,#gg-rail-r,#gg-cheat-modal,  /* side-rail ads + cheat-sheet modal (gg-side-ads) */
  .gg-tpop,                               /* topic popup (gg-home) */
  #gg-lang-bar,                           /* language switcher overlay */
  .gg-pcard-toast,                        /* card toasts (gg-home-cards) */
  .gg-prod-sticky,                        /* sticky product CTA bar (gg-products) */
  #ggauth-wrap,                           /* login/signup modal (gg-auth-modal) */
  .ggj-lb,                                /* journal lightbox (gg-growth-journal) */
  #ggmm-overlay,.ggmm,#ggmm-searchbar,    /* mobile menu + search (gg-mobile-menu) */
  .gg-acct-menu,                          /* account dropdown (gg-accounts) */
  .gardeningguider-headersearchform_tab,  /* theme fullscreen search */
  .gg-noprint                             /* utility: opt any element out of print */
  {display:none !important}

  /* --- page chrome: printouts = content only --- */
  #wpadminbar,nav,.main-navigation,.site-footer,#colophon,
  .comments-area,#comments,.widget-area
  {display:none !important}

  /* mega-menu fixed panels must never flash onto paper */
  .gardeningguider_menu .sub-menu{display:none !important}
}
/* == gg-news-css == */
.gg-news{background:linear-gradient(135deg,#2E7D32,#15521b);border-radius:16px;padding:18px 20px;margin:18px 0;color:#fff;box-shadow:0 10px 28px rgba(20,45,25,.18);position:relative;overflow:hidden}
.gg-news:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(226,104,59,.22),transparent 45%);pointer-events:none}
/* 2-col: form left + favourites slider right (Gaurav 2026-07-15, compact) */
.gg-news-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 26px;align-items:start} /* both headers on the same row */
.gg-news-in{position:relative;z-index:1;text-align:left}
.gg-news-badge{display:inline-block;background:#BC5028;color:#fff;font-weight:800;font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:8px;box-shadow:0 3px 10px rgba(226,104,59,.4)}
.gg-news-in h2,.gg-news-in h2.gg-news-h{color:#fff !important;margin:0 0 6px !important;font-size:19px;line-height:1.25;font-weight:800}
.gg-news-in p{color:#e9ffee !important;margin:0 0 12px !important;max-width:560px;font-size:13px;line-height:1.5}
.gg-news-in p b{color:#fff;font-weight:800}
/* gift choice chips — consistent 12px vertical rhythm (professional) */
.gg-news-gifts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.gg-gift{position:relative;cursor:pointer}
.gg-gift input{position:absolute;opacity:0;pointer-events:none}
.gg-gift span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:9px;transition:.15s;line-height:1.2}
.gg-gift:hover span{background:rgba(255,255,255,.22)}
.gg-gift input:checked+span{background:#fff;color:#1B5E20;border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.gg-gift input:focus-visible+span{outline:3px solid #FFE082;outline-offset:2px}
/* favourites slider (right col) — CSS marquee, paused on hover */
.gg-news-fav{position:relative;z-index:1;min-width:0}
.gg-fav-head{color:#fff;font-weight:800;font-size:12px;letter-spacing:.4px;margin:3px 0 10px;text-transform:uppercase;line-height:1.4} /* on the same row line as the badge */
/* window: 2 full cards plus a half-cut peek above and below (a scrollable feel) */
.gg-fav-win{height:238px;overflow:hidden;border-radius:12px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.gg-fav-track{display:flex;flex-direction:column;gap:8px;animation:ggFavScroll 60s linear infinite;transform:translateY(-36px)} /* so a half-cut card shows at the top right from the start */
@keyframes ggFavScroll{from{transform:translateY(-36px)}to{transform:translateY(calc(-50% - 40px))}}
.gg-fav-win:hover .gg-fav-track{animation-play-state:paused}
.gg-fav-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:11px;padding:7px 10px;text-decoration:none;color:#2D2D2D;transition:background .15s,transform .15s}
.gg-fav-card:hover{background:#F7F6F1;transform:translateX(3px)}
.gg-fav-card img{width:56px;height:56px;flex:none;border-radius:9px;object-fit:cover;display:block}
.gg-fav-noimg{width:56px;height:56px;flex:none;border-radius:9px;background:#F7F6F1;display:grid;place-items:center;font-size:22px}
.gg-fav-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.gg-fav-chip{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#BC5028} /* terra-text — WCAG-pass on white */
.gg-fav-t{font-size:13px;font-weight:700;line-height:1.3;color:#2D2D2D;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gg-fav-ar{margin-left:auto;color:#BC5028;font-weight:800;flex:none} /* terra-text — WCAG-pass on white */
@media (max-width:860px){.gg-news-grid{grid-template-columns:1fr}.gg-fav-win{height:150px}}
.gg-news-benefits{list-style:none;display:flex;flex-wrap:wrap;gap:7px 20px;justify-content:center;margin:0 0 18px;padding:0}
.gg-news-benefits li{color:#dff5df;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.gg-news-benefits li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:rgba(255,255,255,.18);color:#bff0bf;border-radius:50%;font-weight:900;font-size:11px}
.gg-news-form{display:block;margin:0 0 12px}
.gg-news-fields{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;max-width:520px}
.gg-news-fields button{flex:none}
.gg-news-form .gg-news-fields input{flex:1;min-width:120px;max-width:200px;padding:7px 13px;border:2px solid transparent;border-radius:9px;font-size:12.5px;outline:none;color:#1d3a28} /* the same compact size as a gift chip */
.gg-news-form input:focus{border-color:#E2683B;box-shadow:0 0 0 3px rgba(226,104,59,.35)}
.gg-news-form button{background:#BC5028;color:#fff;font-weight:800;border:0;padding:8px 16px;border-radius:9px;font-size:13px;cursor:pointer;transition:.15s;white-space:nowrap;box-shadow:0 5px 16px rgba(226,104,59,.45)} /* chip-size compact */
.gg-news-form button:hover{background:#A64420;transform:translateY(-2px);box-shadow:0 8px 20px rgba(226,104,59,.55)}
.gg-news small{color:#cdeccd;font-size:12.5px}
.gg-news small a{color:#fff;text-decoration:underline}
.gg-news small a:hover{color:#FFE082}
.gg-news .ggw-news-ok{color:#eafff0;font-weight:800;font-size:19px;padding:16px 8px;margin:0}
/* end-of-page copy: it sits inside .site-inner, so give it the page gutter and keep it off the footer */
.gg-newsbottom{clear:both;margin:26px auto 30px;padding:0 20px;max-width:1200px;box-sizing:border-box}
.gg-newsbottom .gg-news{margin:0}
@media (max-width:600px){.gg-newsbottom{padding:0 14px;margin:20px auto 24px}}
/* == gg-lang-css == */
/* Hide Google Translate's default top banner & tooltip (we use our own UI) */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
#goog-gt-tt, .goog-te-balloon-frame { display:none !important; }
.skiptranslate iframe { visibility:hidden !important; height:0 !important; }
body { top:0 !important; position:static !important; }
#google_translate_element { display:none !important; }
/* Google sometimes adds a highlight to translated text – neutralize it */
.goog-text-highlight { background:none !important; box-shadow:none !important; }

/* ---- Our language switcher — Amazon-style (Gaurav 2026-09-04): compact "🌐 EN ▾" trigger,
   click opens a white card with a RADIO list of languages, selected marked, note at the bottom. ---- */
.gg-lang-switch { display:inline-flex; align-items:center; gap:6px; position:relative; }
.gg-lang-switch .gg-lang-globe{display:block;flex:0 0 auto;}
/* 2026-09-04 (Gaurav: "fit nahi baith raha — padding/finishing; colorful, translator ke main colors"):
   40px tall pill (header icons ki height), Google-Translate-colour globe + current country's flag. */
.gg-lang-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-sizing:border-box;
    background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.45);
    border-radius:11px;padding:0 12px;height:40px;font-size:13px;font-weight:700;line-height:1;
    transition:background .2s,border-color .2s,box-shadow .2s;}
.gg-lang-flag{display:block;flex:0 0 auto;width:18px;height:18px;border-radius:4px;
    box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.gg-lang-btn .gg-lang-cur{font-weight:800;letter-spacing:.4px;}
.gg-lang-btn .car{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
    border-top:5px solid currentColor;opacity:.85;transition:transform .15s;}
.gg-lang-switch.open .gg-lang-btn .car{transform:rotate(180deg);}
.gg-lang-btn:hover,.gg-lang-btn:focus-visible{background:rgba(255,255,255,.28);border-color:#fff;outline:none;}

/* the Amazon-style panel */
.gg-lang-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100040;width:252px;
    background:#fff;border:1px solid #dce3dc;border-radius:10px;box-shadow:0 16px 44px rgba(27,94,32,.22);
    padding:0;text-align:left;}
.gg-lang-panel::before{content:"";position:absolute;top:-6px;right:22px;width:10px;height:10px;
    background:#fff;border-left:1px solid #dce3dc;border-top:1px solid #dce3dc;transform:rotate(45deg);}
.gg-lang-panel-h{font-size:12px;font-weight:800;color:#1B5E20;padding:11px 14px 8px;border-bottom:1px solid #eef2ee;}
.gg-lang-list{max-height:322px;overflow-y:auto;overscroll-behavior:contain;padding:5px 0;
    scrollbar-width:thin;scrollbar-color:#2E7D32 transparent;}
.gg-lang-list::-webkit-scrollbar{width:5px}.gg-lang-list::-webkit-scrollbar-thumb{background:#2E7D32;border-radius:3px}
/* margins/min-height zeroed with !important — theme button rules otherwise inflate the rows */
.gg-lang-opt{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;cursor:pointer;
    margin:0 !important;min-height:0 !important;border-radius:0 !important;box-shadow:none !important;
    padding:8px 14px !important;font-size:13px !important;font-weight:600;color:#2d2d2d;line-height:1.35 !important;text-align:left;}
.gg-lang-opt:hover{background:#EAF4EA;}
.gg-lang-opt .fl{flex:0 0 auto;width:20px;height:20px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.07);}
.gg-lang-opt .rad{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:2px solid #9aa89a;
    box-sizing:border-box;background:#fff;transition:border-color .12s;}
.gg-lang-opt:hover .rad{border-color:#2E7D32;}
.gg-lang-opt[aria-selected="true"]{color:#1B5E20;font-weight:800;background:#F2F8F2;}
.gg-lang-opt[aria-selected="true"] .rad{border:4.5px solid #2E7D32;}
.gg-lang-opt small{color:#7d8f7f;font-weight:600;margin-left:auto;letter-spacing:.4px;}
.gg-lang-note{font-size:10.5px;color:#7d8f7f;line-height:1.45;padding:8px 14px 10px;border-top:1px solid #eef2ee;}
/* small screens: the button sits near the header's LEFT, so a right-anchored absolute panel runs
   off-screen (measured -64px, then -13px even with a JS clamp — an extracted/cached JS copy can lag).
   position:fixed is deterministic: always 12px inside both edges, under the header. */
@media (max-width:480px){
  .gg-lang-panel{position:fixed;left:12px;right:12px !important;top:78px;width:auto;}
  .gg-lang-panel::before{display:none;}
  .gg-lang-list{max-height:min(322px,calc(100vh - 220px));}
}

/* Main nav bar (new flex header): vertically center the switcher like the menu items.
   NOTE: no float / no top-margin — header2-right is a flex row (align-items:center),
   so a top margin used to push the globe+dropdown below the menu line. */
.gardeningguider-headerinneralt .gg-lang-switch,
.gardeningguider-headerinner .gg-lang-switch {
    display:inline-flex; align-items:center; align-self:center;
    margin:0 14px 0 0; float:none;
}
/* MOBILE DRAWER copy (2026-09-04) — in the header the switcher is a small globe; inside the drawer
   it has to read as a menu ROW like everything else around it, otherwise it looks like a stray
   button. Full width, labelled, and the panel opens in flow instead of floating over the drawer. */
#ggmm-drawer .gg-lang-switch{display:block;margin:4px 10px 10px;position:relative}
#ggmm-drawer .gg-lang-btn{width:100%;justify-content:flex-start;gap:10px;padding:11px 12px;border-radius:10px;
  background:#F6FAF6;border:1px solid #DCE3DC;color:#1B5E20;font-weight:700;font-size:14px}
#ggmm-drawer .gg-lang-btn:hover,#ggmm-drawer .gg-lang-btn:focus-visible{background:#EAF4EA;border-color:#2E7D32}
#ggmm-drawer .gg-lang-globe{color:#1B5E20}
#ggmm-drawer .gg-lang-panel{position:static;width:auto;margin-top:6px;box-shadow:none;border:1px solid #DCE3DC}
#ggmm-drawer .gg-lang-list{max-height:210px}

/* Sticky header: sit nicely beside the search icon */
.gardeningguider-header-sticky-right .gg-lang-switch { margin-right:10px; align-self:center; display:inline-flex; align-items:center; }
.gardeningguider-headertopright .gg-lang-switch { display:inline-flex; align-items:center; align-self:center; margin:0 0 0 10px; float:none; }
/* ggheader11 white header: switcher sits beside the search icon and is DARK (readable on white) */
.gardeningguider-header2-social-media{display:flex;align-items:center;}
.gardeningguider-header2-social-media .gg-lang-switch{margin:0 8px 0 0;}
.gardeningguider-header2-social-media .gg-lang-switch .gg-lang-globe{color:#1d3a28;}
.gardeningguider-header2-social-media .gg-lang-switch .gg-lang-btn{color:#1d3a28;background:#eef6ec;border-color:#cfe0cf;}
.gardeningguider-header2-social-media .gg-lang-switch .gg-lang-btn:hover,
.gardeningguider-header2-social-media .gg-lang-switch .gg-lang-btn:focus-visible{background:#e2efe0;border-color:#2e7d32;}

@media (max-width:782px){
    .gg-lang-btn{font-size:12px;padding:4px 7px;}
}

/* first-visit language popup — CENTERED glass modal (professional look, dark blur backdrop) */
#gg-lang-bar{position:fixed;inset:0;z-index:100045;display:flex;align-items:center;justify-content:center;padding:20px;
    background:rgba(12,32,16,.5);backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1);
    opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
#gg-lang-bar.on{opacity:1;visibility:visible}
#gg-lang-bar .gg-lp-card{position:relative;width:min(400px,100%);box-sizing:border-box;padding:28px 26px 22px;border-radius:20px;text-align:center;
    background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(236,245,236,.92));
    backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);
    border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 74px rgba(12,32,16,.5),inset 0 1px 0 rgba(255,255,255,.9);
    transform:translateY(20px) scale(.94);transition:transform .38s cubic-bezier(.22,1,.36,1);overflow:hidden}
#gg-lang-bar.on .gg-lp-card{transform:none}
#gg-lang-bar .gg-lp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2E7D32,#E2683B 60%,#FFD54F)}
#gg-lang-bar .gg-lp-ic{width:64px;height:64px;margin:4px auto 12px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;
    background:linear-gradient(135deg,rgba(46,125,50,.16),rgba(27,94,32,.08));border:1px solid rgba(46,125,50,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
#gg-lang-bar .gg-lp-h{font-size:1.32rem;font-weight:800;color:#153f1a;margin:0 0 7px;line-height:1.25;letter-spacing:.2px}
#gg-lang-bar .gg-lp-h .gg-lp-lang{color:#1B5E20}
#gg-lang-bar .gg-lp-sub{font-size:.86rem;color:#4a6350;line-height:1.5;margin:0 auto 20px;max-width:300px}
#gg-lang-bar .gg-lp-sub em{color:#7d8f7f;font-style:normal;font-size:.78rem}
#gg-lang-bar .gg-lp-yes{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;margin:0 0 10px;border:0;border-radius:13px;cursor:pointer;
    font-size:1.02rem;font-weight:800;color:#fff;letter-spacing:.2px;background:linear-gradient(135deg,#2E7D32,#1B5E20);
    box-shadow:0 12px 28px rgba(27,94,32,.42),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .16s,filter .16s}
#gg-lang-bar .gg-lp-yes:hover{transform:translateY(-2px);filter:brightness(1.07)}
#gg-lang-bar .gg-lp-no{width:100%;border:0;background:none;cursor:pointer;font-size:.92rem;color:#5c7361;font-weight:600;padding:7px}
#gg-lang-bar .gg-lp-no:hover{color:#1B5E20;text-decoration:underline}
@media (prefers-reduced-motion:reduce){#gg-lang-bar .gg-lp-card{transform:none;transition:opacity .2s}}
/* == gg-mega-menu-css == */
/* ===== GG Mega Menu 3.1 — scoped to .gg-explore ===== */
:root{--ggm-green:#2E7D32;--ggm-forest:#1B5E20;--ggm-terra:#BC5028;--ggm-terra-d:#BC5028; /* Gaurav 2026-07-15: ONE orange across the whole theme, #BC5028 */
  --ggm-line:#E4EAE4;--ggm-ink:#2f4030;--ggm-g050:#EEF6EE;--ggm-muted:#5c6b5c;}

/* anchor the mega to the whole menu row (not the item) */
.gardeningguider_menu .menu{position:relative;}
.gardeningguider_menu .menu li.gg-explore{position:static!important;}

/* Nav icons — give Home, Explore and Community an icon too (the other items already have emoji in their titles) (Gaurav 2026-07-15)
   Emoji written as ASCII unicode escapes — a raw emoji turned into "ðŸ " mojibake when the external combined CSS was read with the wrong charset (2026-07-20) */
.gardeningguider_menu .menu > li.menu-item-home > a::before{content:"\1F3E0  ";}
.gardeningguider_menu .menu li.gg-explore > a::before{content:"\1F9ED  ";}
.gardeningguider_menu .menu li.gg-forum-navlink > a::before{content:"\1F465  ";}

/* Explore caret: ▾ closed → ▴ open — a prominent "there is something inside" hint (Gaurav 2026-07-15)
   NOTE: the FA5 "\f107" caret rule in gg-redesign.php is more specific and the FA font never loads (so it is invisible) —
   so this uses a plain unicode ▾ with !important */
/* Gaurav 2026-09-04: "jaisa arrow baaki dropdowns pe hai, waisa hi Explore pe" — the old 11px/2.5px
   oversized chevron is gone; Explore now carries the SAME 6px caret as every other dropdown (the
   rule at "default ▾ caret" below), flipping on hover exactly like them, plus on open/focus
   (mega adds .ggm-open). */
.gardeningguider_menu .menu li.gg-explore > a::after{content:""!important;
  display:inline-block!important;width:6px!important;height:6px!important;box-sizing:border-box!important;
  border:solid #BC5028!important;border-width:0 2px 2px 0!important;opacity:1!important;
  position:static!important;vertical-align:middle!important;line-height:1!important;
  top:auto!important;right:auto!important;padding:0!important;background:none!important;
  transform:rotate(45deg) translate(-2px,-2px)!important;
  margin:0 0 3px 7px!important;transition:transform .15s ease!important;}
.gardeningguider_menu .menu li.gg-explore:hover > a::after,
.gardeningguider_menu .menu li.gg-explore.ggm-open > a::after,
.gardeningguider_menu .menu li.gg-explore:focus-within > a::after{transform:rotate(225deg) translate(-3px,-3px)!important;} /* open = ^ */
.gardeningguider_menu .menu-item-has-children.gg-explore > a{padding-right:0!important;} /* the reserved space for the absolute caret is no longer needed */

/* 2026-08-14 (TESTING BUG-6, round 2): the OTHER top-level dropdowns — Plant Guides, Indoor & Outdoor,
   Seasonal, Help & Problems — are the parent theme's plain CSS-:hover menus (style.css:4157). They had
   NO keyboard path at all (only li:hover) and no aria state. :focus-within opens them for keyboard users;
   the JS below mirrors the panel's REAL computed visibility into aria-expanded, so the attribute cannot
   drift from whatever the CSS actually decided. Parent theme untouched — this is a child-side override. */
.gardeningguider_menu .menu li.menu-item-has-children:not(.gg-explore):focus-within > .sub-menu,
.gardeningguider-secondarymenu .menu li.menu-item-has-children:focus-within > .sub-menu{
  visibility:visible!important;opacity:1!important;z-index:10!important;
  -webkit-transform:scale(1,1)!important;transform:scale(1,1)!important;}

/* ============ PLAIN DROPDOWNS — fast + designer (Gaurav 2026-09-03) ============
   The theme opens these with `transition-delay:.1s` + a .3s scale(1,0) fold (style.css:4157) —
   that read as "slow", and the fold looks dated. Same speed as the mega now, and a card look. */
.gardeningguider_menu .menu li.menu-item-has-children:not(.gg-explore) > .sub-menu,
.gardeningguider-secondarymenu .menu li.menu-item-has-children > .sub-menu{
  background:#fff!important;border:1px solid #dce3dc!important;border-radius:0!important;
  box-shadow:0 16px 40px rgba(27,94,32,.18)!important;padding:6px 0!important;min-width:230px!important;
  transform:translateY(8px)!important;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s!important;
  visibility:hidden;border-top:3px solid #2E7D32!important;}
.gardeningguider_menu .menu li.menu-item-has-children:not(.gg-explore):hover > .sub-menu,
.gardeningguider-secondarymenu .menu li.menu-item-has-children:hover > .sub-menu{
  transform:translateY(0)!important;transition:opacity .12s ease,transform .12s ease,visibility 0s!important;
  transition-delay:0s!important;visibility:visible!important;}
.gardeningguider_menu .menu li:not(.gg-explore) > .sub-menu li a{
  color:#2D2D2D!important;font-size:13px!important;font-weight:600!important;padding:9px 30px 9px 14px!important;
  position:relative;transition:background .12s,color .12s,padding .12s!important;border-bottom:1px solid #f2f5f1!important;}
.gardeningguider_menu .menu li:not(.gg-explore) > .sub-menu li:last-child a{border-bottom:0!important}
.gardeningguider_menu .menu li:not(.gg-explore) > .sub-menu li a:hover{
  background:#EAF4EA!important;color:#1B5E20!important;padding-left:19px!important;}
.gardeningguider_menu .menu li:not(.gg-explore) > .sub-menu li a::after{
  content:"\203A";position:absolute;right:12px;top:50%;transform:translateY(-50%) translateX(-4px);
  color:#BC5028;font-weight:800;opacity:0;transition:.12s;}
.gardeningguider_menu .menu li:not(.gg-explore) > .sub-menu li a:hover::after{opacity:1;transform:translateY(-50%)}

/* default ▾ caret on EVERY top-level item that has a submenu (Gaurav 2026-09-03:
   "jiske neeche submenu hai unpe arrow hona chahiye by default") — Explore has its own */
.gardeningguider_menu .menu > li.menu-item-has-children:not(.gg-explore) > a::after{
  content:""!important;display:inline-block!important;width:6px!important;height:6px!important;
  border:solid #BC5028!important;border-width:0 2px 2px 0!important;position:static!important;
  transform:rotate(45deg) translate(-2px,-2px)!important;margin:0 0 3px 7px!important;
  padding:0!important;background:none!important;opacity:1!important;vertical-align:middle!important;
  line-height:1!important;transition:transform .15s ease!important;}
.gardeningguider_menu .menu > li.menu-item-has-children:not(.gg-explore):hover > a::after{
  transform:rotate(225deg) translate(-3px,-3px)!important;}

/* the panel box — compact, clean, animated (opens from top-left, just below Home) */
.gardeningguider_menu .menu li.gg-explore > .sub-menu{
  position:fixed!important;right:auto!important;top:70px;left:12px;
  width:min(880px,calc(100vw - 40px))!important;max-width:none!important;
  padding:0!important;overflow:hidden;
  background:#fff!important;border:1px solid var(--ggm-line)!important;border-radius:0!important; /* Gaurav 2026-07-15: panel box square — no rounded corners */
  box-shadow:0 24px 56px rgba(27,94,32,.20)!important;z-index:9999!important;
  opacity:0;visibility:hidden;pointer-events:none;transform-origin:50% 0;
  /* CLOSED = up & folded (above the bar); OPEN = drops down into place = "downfall" (Gaurav 2026-07-20) */
  transform:translateY(-14px) scaleY(.96)!important;
  transition:opacity .1s ease,transform .14s cubic-bezier(.22,1,.32,1),visibility 0s linear .14s!important;}
/* display:block belongs to the DESKTOP panel only. As a global !important it also beat the inline
   display the theme's jQuery accordion writes in the mobile drawer, which is why Explore could not be
   collapsed there. Scoped to the desktop width, the drawer keeps its own accordion. */
@media(min-width:761px){
  .gardeningguider_menu .menu li.gg-explore > .sub-menu{display:block!important;}
}
/* OPEN = pure CSS :hover (2026-09-03, Gaurav: live par slow + linger). The old JS hit-test
   open/close hung off mousemove events, and on the live page those fire ~1.2s LATE under
   main-thread jank (measured: mouseenter@1200ms, close ~1.2s late too) — that was both the
   "thodi der me aata" AND the "Explore band nahi hota" bug. CSS :hover is immune to JS jank,
   and the panel is a DOM CHILD of the li, so hovering the panel keeps li:hover true — no
   bridge logic needed (place() butts the panel 2px under the bar). .ggm-open stays honoured. */
.gardeningguider_menu .menu li.gg-explore:hover > .sub-menu,
.gardeningguider_menu .menu li.gg-explore.ggm-open > .sub-menu,
.gardeningguider_menu .menu li.gg-explore:focus-within > .sub-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1)!important;
  transition:opacity .1s ease,transform .15s cubic-bezier(.22,1,.36,1),visibility 0s!important;}
.gardeningguider_menu .menu li.gg-explore:hover > a::after{transform:rotate(225deg) translate(-3px,-3px)!important;}
.gardeningguider_menu .menu li.gg-explore > .sub-menu::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--ggm-green),var(--ggm-terra));z-index:2;}
.gardeningguider_menu .menu li.gg-explore > .sub-menu > li.ggm-wrap{width:100%!important;list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}

.ggm-grid{display:grid;grid-template-columns:224px minmax(0,1fr) 248px;}

/* LEFT — category cards (Gaurav 2026-07-15: plain cream-gradient panel (flower svg removed) ·
   headers ORANGE · hover card = white, SHARP corners · arrow chip = SQUARE orange + white arrow, hover green) */
.ggm-left{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-right:1px solid var(--ggm-line);
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='84'%20height='84'%20viewBox='0%200%2084%2084'%3E%3Cg%20fill='none'%20stroke='%232e7d32'%20stroke-opacity='0.07'%20stroke-width='2'%3E%3Cpath%20d='M14%2070%20C30%2055%2040%2040%2042%2014'/%3E%3Cpath%20d='M42%2030%20C30%2028%2022%2034%2018%2046'/%3E%3Cpath%20d='M42%2044%20C54%2042%2062%2048%2066%2060'/%3E%3C/g%3E%3C/svg%3E") 0 0/84px 84px repeat,
    linear-gradient(160deg,#f7f6f1 0%,#edf5ea 45%,#e0efdb 100%);} /* Gaurav 2026-07-15: same background as gardeningguider-sitecontainer (leaf-line svg + cream-green gradient) */
.ggm-cat{position:relative;display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;border:0;
  border-radius:0;padding:7px 10px;cursor:pointer;color:#fff;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;font-family:inherit;overflow:hidden;} /* Gaurav 2026-07-15: hover square = sharp corners, no rounding */
.ggm-cat::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0;background:#BC5028;opacity:0;transition:opacity .16s;}
.ggm-cat:hover,.ggm-cat.active{background:#fff;box-shadow:0 5px 14px rgba(27,94,32,.13);transform:translateX(2px);}
.ggm-cat.active::before{opacity:1;}
.ggm-cat .txt{flex:1;min-width:0;}
.ggm-cat .t{display:block;font-weight:800;font-size:13.5px;color:#BC5028;letter-spacing:-.01em;}
.ggm-cat .d{display:block;font-size:12.5px;font-weight:600;color:#2D2D2D;margin-top:2px;line-height:1.3;} /* Gaurav 2026-07-15: sub-header black (ink) */
.ggm-cat .ar{--gg-btn-r:0px;width:26px;height:26px;flex:none;border-radius:0;border:0;background:#BC5028;color:#fff; /* Gaurav 2026-08-06: the arrow chip is COMPLETELY square */
  box-shadow:0 2px 6px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25);
  display:grid;place-items:center;font-size:12px;transition:.16s;}
.ggm-cat .ar svg{display:block;width:15px;height:15px;transform:rotate(90deg);} /* Gaurav 2026-08-06: the hand should point to the RIGHT */
.ggm-cat:hover .ar,.ggm-cat.active .ar{background:#2E7D32;color:#fff;border:0;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.3);transform:translateX(2px);}

/* MIDDLE — sub-links (compact + staggered entrance + colorful icon chips) */
.ggm-mid{padding:12px 14px;min-height:172px;}
.ggm-panel{display:none;} .ggm-panel.active{display:block;animation:ggmFade .18s ease;}
@keyframes ggmFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes ggmItem{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.ggm-panel.active .ggm-links li{animation:ggmItem .16s cubic-bezier(.22,1,.32,1) both;}
.ggm-panel.active .ggm-links li:nth-child(1){animation-delay:.01s}.ggm-panel.active .ggm-links li:nth-child(2){animation-delay:.02s}
.ggm-panel.active .ggm-links li:nth-child(3){animation-delay:.03s}.ggm-panel.active .ggm-links li:nth-child(4){animation-delay:.04s}
.ggm-panel.active .ggm-links li:nth-child(5){animation-delay:.05s}.ggm-panel.active .ggm-links li:nth-child(6){animation-delay:.06s}
.ggm-panel.active .ggm-links li:nth-child(7){animation-delay:.07s}.ggm-panel.active .ggm-links li:nth-child(n+8){animation-delay:.08s}
.ggm-mt{display:flex;align-items:center;gap:8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ggm-terra-d);margin:0 0 7px;font-weight:800;}
.ggm-mt::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(226,104,59,.35),rgba(46,125,50,.12) 60%,transparent);}
.ggm-links{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:1px 6px;}
.ggm-links li{width:auto!important;margin:0!important;border:0!important;background:transparent!important;}
/* Gaurav 2026-09-01: "mega ke chip bhi square kar do" (go-live menu audit ke baad). Panel (line 64),
   category card (94) aur arrow chip (101) pehle se 0 the; ye link chip aur uska icon tile (.ic, neeche)
   akele round bache the — ek square panel ke andar round pattiyan. Ab poora mega square. */
.gardeningguider_menu ul.menu .sub-menu .ggm-links li a{position:relative;display:flex!important;align-items:center;gap:9px;padding:5px 26px 5px 6px!important;border-radius:0!important;
  color:var(--ggm-ink)!important;font-weight:600!important;font-size:12.5px!important;background:transparent!important;transition:background .13s,transform .13s;line-height:1.25!important;white-space:normal!important;}
.ggm-links a::after{content:"→";position:absolute;right:9px;color:var(--ggm-terra);font-weight:800;opacity:0;transform:translateX(-4px);transition:.15s;}
.gardeningguider_menu ul.menu .sub-menu .ggm-links li a:hover{background:var(--ggm-g050)!important;color:var(--ggm-forest)!important;transform:translateX(2px);}
.ggm-links a:hover::after{opacity:1;transform:none;}
/* icon tile = chip ka hi hissa, isliye ye bhi 0 (2026-09-01) — warna square chip ke andar round tile */
.ggm-links a .ic{width:28px;height:28px;flex:none;border-radius:0;background:linear-gradient(150deg,#EAF5EA,#D8EED8);display:grid;place-items:center;font-size:14px;transition:transform .15s,box-shadow .15s;}
.ggm-links li:nth-child(6n+2) a .ic{background:linear-gradient(150deg,#FDEDE5,#FADDCE);}
.ggm-links li:nth-child(6n+3) a .ic{background:linear-gradient(150deg,#E7F1FB,#D4E6F7);}
.ggm-links li:nth-child(6n+4) a .ic{background:linear-gradient(150deg,#FBF3DD,#F7E9C4);}
.ggm-links li:nth-child(6n+5) a .ic{background:linear-gradient(150deg,#F5EAF9,#EBD8F3);}
.ggm-links li:nth-child(6n) a .ic{background:linear-gradient(150deg,#E3F4F1,#CFEAE5);}
.ggm-links a:hover .ic{transform:scale(1.1) rotate(-4deg);box-shadow:0 4px 10px rgba(27,94,32,.16);}

/* RIGHT — Free Garden Tools banner (art + engaging) */
.ggm-right{padding:10px;}
/* Gaurav 2026-07-15: the tools banner takes a DOTTED background (the same as gg-rail-l) */
.ggm-feat{position:relative;overflow:hidden;color:#fff;border-radius:12px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat, /* random dots (Gaurav 2026-07-17) */
    radial-gradient(125% 135% at 100% 0,#2E7D32 0,#1B5E20 68%);
  padding:14px;display:flex;flex-direction:column;gap:8px;height:100%;}
.ggm-feat>*{position:relative;z-index:1;}
.ggm-feat .deco{position:absolute!important;right:-18px;bottom:-22px;font-size:118px;opacity:.13;transform:rotate(-12deg);z-index:0!important;line-height:1;pointer-events:none;}
.ggm-feat .cap{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#fff;}
.ggm-feat h4{color:#fff!important;margin:0;font-size:17px;line-height:1.15;font-weight:800;font-family:inherit;}
.ggm-feat p{margin:0;color:rgba(255,255,255,.88);font-size:12.5px;line-height:1.45;}
.ggm-feat .tools{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.gardeningguider_menu ul.menu .sub-menu .ggm-feat .tools a{display:flex!important;align-items:center;gap:7px;min-width:0;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:9px!important;padding:6px 7px!important;color:#fff!important;font-weight:700!important;font-size:11.5px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;transition:transform .13s,background .13s;}
.gardeningguider_menu ul.menu .sub-menu .ggm-feat .tools a:hover{background:rgba(255,255,255,.24)!important;transform:translateY(-2px);}
.ggm-feat .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.ggm-feat .badge{background:var(--ggm-terra);color:#fff;font-size:10.5px;font-weight:800;border-radius:99px;padding:4px 11px;box-shadow:0 4px 12px rgba(226,104,59,.4);}
.gardeningguider_menu ul.menu .sub-menu .ggm-feat .ggm-allcta{display:inline-flex!important;align-items:center;gap:5px;background:#fff!important;color:var(--ggm-forest)!important;
  font-weight:800!important;font-size:12px!important;padding:7px 13px!important;border-radius:10px!important;text-decoration:none!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12);transition:gap .15s,background .15s,transform .15s;}
.ggm-feat .ggm-allcta .cv{color:var(--ggm-terra-d);font-weight:900;}
.gardeningguider_menu ul.menu .sub-menu .ggm-feat .ggm-allcta:hover{background:#f2f8f2!important;color:var(--ggm-forest)!important;gap:8px;transform:translateY(-1px);}

@media(max-width:1040px){.ggm-grid{grid-template-columns:238px minmax(0,1fr);}.ggm-right{display:none;}}

/* MOBILE: neutralise the fixed box so the theme's native accordion shows the original groups */
@media(max-width:760px){
  .gardeningguider_menu .menu li.gg-explore > .sub-menu{position:static!important;width:auto!important;
    box-shadow:none!important;border-radius:0!important;border:0!important;overflow:visible;
    /* 2026-08-14: the desktop panel is hidden with opacity/visibility/transform, and THAT was never
       undone here — so in the drawer the theme's accordion set display:block on a panel that was still
       opacity:0 + visibility:hidden. Measured: tapping Explore's caret on a phone opened nothing.
       Hand the visibility back to the theme's display:none/block accordion. */
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    -webkit-transform:none!important;transform:none!important;transition:none!important;
    /* and NOT display:block!important — that is the desktop panel's line, and it also outranked the
       inline display the theme's jQuery accordion writes, so the drawer's Explore was stuck open once
       it became visible. Closed by default here; the accordion's inline style now decides. */
    display:none;}
  .gardeningguider_menu .menu li.gg-explore.ggm-open > .sub-menu{display:block;}
  .gardeningguider_menu .menu li.gg-explore > .sub-menu::before{display:none;}
}

/* ===== Community/forum: same primary nav bar as the main site ===== */
.gg-fnav{background:#fff;border-bottom:1px solid var(--ggm-line);box-shadow:0 3px 10px rgba(27,94,32,.06);position:relative;z-index:11;padding-left:112px;}
@media(max-width:1100px){.gg-fnav{padding-left:0;}}
.gg-fnav .menu{list-style:none!important;margin:0!important;padding:8px 20px 8px 120px!important;max-width:none!important;display:flex!important;gap:4px;align-items:center;flex-wrap:wrap;position:relative;}
@media(max-width:1100px){.gg-fnav .menu{padding-left:20px!important;}}
.gg-fnav .menu > li{position:relative;}
.gg-fnav .menu > li > a{display:inline-block;color:var(--ggm-forest)!important;font-weight:700;font-size:15px;padding:8px 12px;border-radius:12px;text-decoration:none;line-height:1.2;}
.gg-fnav .menu > li > a:hover{background:var(--ggm-g050)!important;color:var(--ggm-terra-d)!important;}
.gg-fnav .menu .sub-menu a{color:inherit;}
@media(max-width:640px){.gg-fnav{display:none;}} /* mobile: forum has its own ☰ side menu */
/* == gg-optin2-css == */
/* Gaurav 2026-07-21: the card must not share the button's colour — it is now cream glass (it was terracotta, and the button drowned in it
   used to look like); the button is green GLASS below. */
.gg-optin2{position:relative;overflow:hidden;background:linear-gradient(165deg,#ffffff,#f4efe6 55%,#efe6d6);border:1px solid #e8dfcf;border-radius:14px;padding:16px 14px 13px;color:#2d2d2d;text-align:center;box-shadow:0 10px 26px rgba(90,70,30,.14);}
.gg-optin2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(226,104,59,.14),transparent 44%);pointer-events:none;}
.gg-optin2>*{position:relative;}
/* mini PDF mockup — the freebie you "get" */
.gg-optin2-sheet{display:block;width:70px;height:90px;margin:0 auto 9px;background:repeating-linear-gradient(#fff 0 11px,#e9f1e7 11px 14px);border-radius:6px;box-shadow:0 10px 18px rgba(0,0,0,.30),0 2px 5px rgba(0,0,0,.2);transform:rotate(-5deg);position:relative;overflow:hidden;}
.gg-optin2-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:15px;background:#2E7D32;}
.gg-optin2-sheet b{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:24px;line-height:1;}
.gg-optin2-badge{display:inline-block;background:#BC5028;color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:3px 12px;border-radius:20px;margin:0 auto 7px;box-shadow:0 4px 10px rgba(188,80,40,.3);}
.gg-optin2-h{margin:0 0 5px !important;font-size:16.5px !important;line-height:1.25;color:#1B5E20 !important;font-weight:800;text-align:center;}
.gg-optin2-sub{margin:0 auto 8px;font-size:12px;line-height:1.45;color:#5c6b5c;max-width:250px;}
.gg-optin2-sub b{color:#1B5E20;}
.gg-optin2-ticks{list-style:none;display:inline-block;margin:0 auto 9px;padding:0;text-align:left;}
.gg-optin2-ticks li{position:relative;padding:0 0 3px 19px;font-size:12px;color:#3f513f;}
.gg-optin2-ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#2E7D32;font-weight:900;}
.gg-optin2-form{display:flex;flex-direction:column;gap:7px;}
.gg-optin2-form input{padding:9px 12px;border:1.5px solid #ddd5c4;border-radius:8px;font-size:13px;width:100%;box-sizing:border-box;color:#222;background:#fff;text-align:center;}
.gg-optin2-form input:focus{outline:none;border-color:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.14);}
/* GREEN-GLASS button (Gaurav 2026-07-21): translucent gradient + glass highlight + glow */
.gg-optin2-form button{width:100%;box-sizing:border-box;padding:12px 8px;border:1px solid rgba(255,255,255,.35) !important;border-radius:10px !important;
  background:linear-gradient(160deg,rgba(76,175,80,.96),rgba(46,125,50,.97) 55%,rgba(27,94,32,.98)) !important;
  color:#fff !important;font-weight:800;font-size:13px;letter-spacing:.2px;cursor:pointer;transition:.18s;white-space:normal;
  box-shadow:0 8px 20px rgba(46,125,50,.35),inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -6px 14px rgba(255,255,255,.08) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);}
.gg-optin2-form button:hover{transform:translateY(-2px);
  background:linear-gradient(160deg,rgba(56,142,60,.98),rgba(27,94,32,1)) !important;
  box-shadow:0 12px 26px rgba(46,125,50,.45),inset 0 1.5px 0 rgba(255,255,255,.5) !important;color:#fff !important;}
.gg-optin2-proof{margin:8px 0 2px;font-size:11px;color:#6b5a3e;letter-spacing:.2px;}
.gg-optin2-proof b{color:#1B5E20;}
.gg-optin2-fine{margin:3px 0 0;font-size:10px;color:#8a7d64;text-align:center;}
.gg-optin2-fine a{color:#2E7D32;}
.gg-optin2 .ggw-news-ok,.gg-optin2 + .ggw-news-ok{color:#1B5E20;font-weight:800;font-size:17px;padding:10px 4px;margin:0;text-align:center;}
/* == gg-azad-css == */
.gg-azad{--az-g:#2E7D32;--az-f:#1B5E20;--az-t:#BC5028;--az-ink:#2D2D2D;--az-line:#dbe8d7;box-sizing:border-box;display:flex;background:#fff;border:1px solid var(--az-line);border-radius:0;overflow:hidden;font:500 14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--az-ink);text-align:left;max-width:100%;}.gg-azad *{box-sizing:border-box;}a.gg-azad,a.gg-azad:hover,.gg-azad a,.gg-azad a:hover,.gardeningguider-entrycontent a.gg-azad,.gardeningguider-entrycontent a.gg-azad:hover,.gardeningguider-entrycontent .gg-azad a,.gardeningguider-entrycontent .gg-azad a:hover,.gardeningguider-entrycontent a.gg-azad-l,.gardeningguider-entrycontent a.gg-azad-l:hover{text-decoration:none!important;color:inherit!important;}.gg-azad .az-ic{flex:none;display:grid;place-items:center;background:linear-gradient(150deg,#EAF5EA,#D8EED8);}.gg-azad .az-t{font-weight:800;color:var(--az-f);line-height:1.25;}.gg-azad .az-s{color:#4a5a4b;font-weight:500;}.gg-azad .az-b{display:inline-block;background:var(--az-t);color:#fff;font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:0;}.gg-azad .az-cta{display:inline-block;background:var(--az-t);color:#fff!important;font-weight:800;border-radius:0;text-align:center;white-space:nowrap;transition:background .15s;}.gg-azad a:hover .az-cta,.gg-azad .az-cta:hover{background:var(--az-g);}.gg-azad .az-disc{font-size:10px;line-height:1.3;color:#7a867b;font-weight:500;}.gg-azad .az-ccrow{display:block;font-size:11px;color:#5c6b5c;font-weight:600;line-height:1.4;}.gg-azad .az-ccrow.compact{font-size:10.5px;}.gg-azad .az-cclbl{color:#7a867b;font-weight:500;}.gg-azad .az-ccsep{color:#b9c6ba;margin:0 5px;}.gg-azad a.az-cc{color:#2E7D32!important;font-weight:700;border-bottom:1px solid rgba(46,125,50,.35);}.gardeningguider-entrycontent .gg-azad a.az-cc{color:#2E7D32!important;}.gg-azad a.az-cc:hover{color:#BC5028!important;border-bottom-color:rgba(188,80,40,.5);}div:has(> span.gg-ad-slot-lbl):has(.gg-azad){min-height:0!important;}div:has(> span.gg-ad-slot-lbl):has(.gg-azad) > span.gg-ad-slot-lbl{font-size:0!important;}div:has(> span.gg-ad-slot-lbl):has(.gg-azad) > span.gg-ad-slot-lbl::after{content:"Sponsored";font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#666;}.az-duo{display:flex;gap:14px;width:100%;align-items:stretch;justify-content:center;flex-wrap:nowrap;box-sizing:border-box;}.az-duo > .gg-azad{max-width:420px;}.gg-azad.az-card{transition:box-shadow .18s ease,transform .18s ease;}.gg-azad.az-card:hover{box-shadow:0 8px 20px rgba(27,94,32,.14);transform:translateY(-2px);}@media(prefers-reduced-motion:reduce){.gg-azad.az-card{transition:none;}.gg-azad.az-card:hover{transform:none;}}.gg-azad .az-leadhalf{flex:1 1 0;min-width:0;display:flex;align-items:center;}.gg-azad .az-leaddiv{flex:none;width:1px;align-self:stretch;background:#e6efe5;}.gg-azad .az-leadhalf .az-disc{font-size:9px;line-height:1.25;display:block;}.gg-azad .az-leadhalf .az-cta{width:100%;box-sizing:border-box;}.gg-azad .az-alt2 .az-ic{background:linear-gradient(150deg,#FDEEE7,#F8DDD1);}.gg-azad .az-alt2 .az-cta{background:var(--az-g);}.gg-azad .az-alt2 a:hover .az-cta,.gg-azad .az-alt2 .az-cta:hover{background:var(--az-t);}@media(max-width:1120px){.gg-azad .az-leadhalf .az-s{display:none!important;}}@media(max-width:860px){.gg-azad .az-leaddiv,.gg-azad .az-leadhalf.az-l2{display:none!important;}}.gg-azad .az-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:2px;}.gg-azad .az-chiplbl{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;color:#7a867b;margin-right:2px;}.gg-azad .az-chip{display:inline-block;background:#F1F6F1;border:1px solid #e2ece1;color:#3f5140;font-size:10.5px;font-weight:600;line-height:1.3;padding:3px 7px;border-radius:0;white-space:nowrap;}.gg-azad.az-alt .az-chip{background:#FBF1EC;border-color:#f2ddd2;color:#6b4535;}.gg-azad.az-alt .az-ic{background:linear-gradient(150deg,#FDEEE7,#F8DDD1);}.gg-azad.az-alt .az-b{background:var(--az-g);}.gg-azad.az-alt .az-cta{background:var(--az-g);}.gg-azad.az-alt a:hover .az-cta,.gg-azad.az-alt .az-cta:hover{background:var(--az-t);}@media(max-width:860px){.az-duo > .gg-azad.az-d2{display:none!important;}.az-duo > .gg-azad{max-width:340px;flex:0 1 340px!important;}}#gg-rail-r .az-duo > .gg-azad.az-d2,.gg-railad .az-duo > .gg-azad.az-d2{display:none!important;}.gardeningguider-afterheaderadleft > .gg-azad,.gardeningguider-afterheaderadright > .gg-azad{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;}.gardeningguider-afterheaderadleft > .gg-azad > span{min-width:0;}@media(max-width:1200px){.az-lead .az-ic{width:66px!important;height:66px!important;font-size:26px!important;}.az-lead .az-t{font-size:14.5px!important;}.az-lead .az-s{font-size:12px!important;}.az-lead .az-cta{padding:9px 13px!important;font-size:12.5px!important;}.az-lead .az-disc{font-size:9px!important;}}@media(max-width:640px){.az-lead .az-ic{display:none!important;}.az-lead .az-s{display:none!important;}.az-lead{padding:0 10px!important;gap:10px!important;}.az-lead .az-t{font-size:14px!important;line-height:1.2!important;}.az-lead .az-cta{padding:9px 12px!important;font-size:12.5px!important;}.az-lead .az-disc{font-size:8.5px!important;line-height:1.2!important;}}#gg-rail-r .gg-azad .az-s,.gg-railad .gg-azad .az-s{display:none;}#gg-rail-r .gg-azad .az-ic,.gg-railad .gg-azad .az-ic{width:30px!important;height:30px!important;font-size:15px!important;}#gg-rail-r .gg-azad .az-t,.gg-railad .gg-azad .az-t{font-size:11.5px!important;line-height:1.25!important;}#gg-rail-r .gg-azad .az-cta,.gg-railad .gg-azad .az-cta{padding:8px 6px!important;font-size:11px!important;white-space:normal!important;line-height:1.25!important;}#gg-rail-r .gg-azad,#gg-rail-r .gg-azad *,.gg-railad .gg-azad,.gg-railad .gg-azad *{overflow-wrap:anywhere;}#gg-rail-r .gg-azad .az-disc,.gg-railad .gg-azad .az-disc{font-size:8.5px!important;line-height:1.25!important;}#gg-rail-r .gg-azad,.gg-railad .gg-azad{max-width:100%!important;height:auto!important;}#gg-rail-r .gg-azad > div:nth-of-type(2) > a:nth-of-type(n+4),.gg-railad .gg-azad > div:nth-of-type(2) > a:nth-of-type(n+4){display:none!important;}#gg-rail-r .gg-azad > div:first-child,.gg-railad .gg-azad > div:first-child{padding:9px 8px!important;}#gg-rail-r .gg-azad > div:first-child div:nth-child(2),.gg-railad .gg-azad > div:first-child div:nth-child(2){font-size:13px!important;}#gg-rail-r .gg-azad > div:first-child div:nth-child(3),.gg-railad .gg-azad > div:first-child div:nth-child(3){display:none!important;}#gg-rail-r .gg-azad > div:last-child,.gg-railad .gg-azad > div:last-child{padding:8px!important;}
/* == gg-cc-footer-link-css == */
/* 2026-08-20 (Gaurav asked whether this can be removed): it CANNOT — GDPR/DPDP require withdrawing
   consent to be as easy as giving it, and Google's EU user-consent policy expects a permanent way to
   change it. So it stays, but it no longer has to shout: it inherits the plain look of the other
   legal links instead of being a 143x42 terracotta button. Still a real <button> for screen readers,
   still 24px+ of tap target via the padding. */
/* 2026-08-20: exact same type as every other item in the legal bar (Gaurav: "sab ek row me seedhi,
   size aur font standard"). `font:inherit` was NOT enough — the theme gives the row 13px/20.8px while
   the links run 12.5px/24px, so the button sat on its own baseline. The numbers are stated, not
   inherited; keep them in step with .gg-fbot-links in gg-redesign.php. */
.gg-fbot-links #gg-cookie-settings{background:none !important;border:0 !important;padding:0 !important;
  border-radius:0 !important;color:#CFE0CF !important;font-family:inherit !important;
  font-size:12.5px !important;line-height:24px !important;font-weight:400 !important;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;min-height:24px;
  display:inline-flex;align-items:center;}
.gg-fbot-links #gg-cookie-settings:hover{color:#fff !important;}
/* == gg-widget-card-css == */
/* ===== Popular-post widget → gg-h-card look ===== */
.widget_gardeningguider_popular_post ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.widget_gardeningguider_popular_post ul li{
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  margin:0 !important;padding:0 !important;border-radius:12px;
  border:1px solid rgba(255,255,255,.95);
  background-color:rgba(255,255,255,.72);
  background-image:linear-gradient(165deg,rgba(255,255,255,.60),rgba(255,255,255,0) 46%);
  box-shadow:0 6px 18px rgba(20,45,25,.12),0 0 12px rgba(150,215,160,.28),inset 0 1px 0 rgba(255,255,255,.95);
  transition:.18s}
.widget_gardeningguider_popular_post ul li:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(20,45,25,.18),0 0 20px rgba(150,215,160,.45),inset 0 1px 0 rgba(255,255,255,.95)}
/* image on top, edge-to-edge (like .gg-h-thumb) */
.widget_gardeningguider_popular_post .gardeningguider-pplftimge{order:1;width:100%;margin:0 !important;padding:0 !important;float:none !important}
.widget_gardeningguider_popular_post .gardeningguider-pplftimge a{display:block;line-height:0}
.widget_gardeningguider_popular_post img.recentimgalign{
  display:block;width:100% !important;height:130px !important;object-fit:cover;
  margin:0 !important;border-radius:0 !important;float:none !important}
/* meta line ABOVE title (gg-h-card order: image → meta → title) */
.widget_gardeningguider_popular_post ul li p{
  order:2;margin:0 !important;padding:10px 13px 0 !important;
  font-size:11.5px;font-weight:600;color:#6b6b6b;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.widget_gardeningguider_popular_post ul li p .gardeningguider-dat{color:#2E7D32;font-weight:800;margin-left:4px}
/* title (like .gg-h-ctx strong) */
.widget_gardeningguider_popular_post ul li h6{order:3;margin:0 !important;padding:5px 13px 12px !important;line-height:1.34}
.widget_gardeningguider_popular_post ul li h6 a{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:14.5px;font-weight:800;line-height:1.34;color:#2d2d2d;
  text-decoration:none !important;border-bottom:0 !important;transition:color .15s}
.widget_gardeningguider_popular_post ul li:hover h6 a{color:#2E7D32}
/* ===== ALL sidebar widgets: content CENTRED under the header (Gaurav 2026-07-18) ===== */
.gardeningguider-primarysidebar .widget,.gardeningguider-secondarysidebar .widget,
.gardeningguider-sidebar .widget,.gardeningguider-primary-sidebar .widget,
.gardeningguider-secondary-sidebar .widget,.gardeningguider-sidebar-sticky .widget{text-align:center}
/* centre flex containers too */
.widget .ggw-topics{justify-content:center}
.widget ul{margin-left:0 !important;padding-left:0 !important;list-style:none}
/* text INSIDE rows and cards stays left-aligned for readability (like the home gg-h-card) */
.widget .ggw-popular li a{text-align:left}
.widget .ggw-popular li a .ggw-pt{text-align:left}
.widget_gardeningguider_popular_post ul li p,
.widget_gardeningguider_popular_post ul li h6{text-align:left}
/* footer widgets are exempt from this rule — their layout differs */
.gardeningguider-sitefooterinner .widget,.gardeningguider-footerwidgets .widget{text-align:left}
/* shine sweep on hover — same as glass cards */
@media (prefers-reduced-motion:no-preference){
  .widget_gardeningguider_popular_post ul li::after{
    content:"";position:absolute;top:-8%;bottom:-8%;left:-75%;width:46%;z-index:3;
    background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.42) 50%,transparent 100%);
    transform:skewX(-18deg);pointer-events:none;transition:left .55s ease}
  .widget_gardeningguider_popular_post ul li:hover::after{left:125%}
}
/* == gg-polish-css == */
/* ===== Sticky sidebar: keeps widgets/ads in view, kills the empty column ===== */
@media (min-width:1025px){
  .gardeningguider-primarysidebar,
  .gardeningguider-secondarysidebar{
    position:sticky; top:16px; align-self:flex-start;
  }
}
/* consistent widget rhythm */
.gardeningguider-primarysidebar .widget,
.gardeningguider-secondarysidebar .widget{ margin-bottom:24px; }
.gardeningguider-primarysidebar .widget:last-child,
.gardeningguider-secondarysidebar .widget:last-child{ margin-bottom:0; }

/* ===== Author box — pro E-E-A-T block ===== */
.gardeningguider-authorbox,.gardeningguider-postauthor,.author-bio,.gardeningguider-aboutauthor{
  background:#f1f8e9;border:1px solid #d7ecd8;border-left:4px solid #2e7d32;
  border-radius:10px;padding:18px 20px;margin:1.8em 0;
}
.gardeningguider-authorbox img,.author-bio img{border-radius:50%;}

/* ===== tighten big empty gaps between sections ===== */
.gardeningguider-sitemaincontent{padding-top:6px;}

/* ===== Related guides box (internal-link booster) ===== */
.gg-related{background:#f1f8e9;border:1px solid #d7ecd8;border-left:4px solid #e2683b;
  border-radius:10px;padding:14px 20px 6px;margin:1.8em 0;}
.gg-related .gg-related-title{margin:0 0 .4em;color:#1b5e20;font-size:1.05em;}
.gg-related ul{margin:.2em 0 .6em;padding-left:1.3em;}
.gg-related li{margin:.3em 0;}
.gg-related a{color:#2e7d32;text-decoration:none;font-weight:600;}
.gg-related a:hover{color:#e2683b;text-decoration:underline;}
/* == gg-brand-css == */
/* ===== Primary nav bar: brand green (dropdowns stay forest for depth) ===== */
.gardeningguider-headerinneralt{background-color:#2E7D32 !important;}
.gardeningguider_menu .menu > li > a{color:#fff;}
.gardeningguider_menu .menu .sub-menu{background-color:#1B5E20 !important;}
.gardeningguider_menu .menu .sub-menu a{color:#fff;}
.gardeningguider_menu li a:hover{background-color:#BC5028;color:#fff;}
.gardeningguider_menu .menu .sub-menu li a:hover{background-color:#2E7D32;color:#fff;}
/* subtle lift so the bar reads as a distinct band */
.gardeningguider-headerinneralt{box-shadow:0 2px 6px rgba(0,0,0,.10);}
/* ===== Brand-consistent accents (reinforce; harmless if already set) ===== */
.gardeningguider-top-strip a,.gardeningguider-headertopleft a{color:#1b5e20;}
/* == gg-breadcrumbs-css == */
.gg-breadcrumbs{font-size:.88em;color:#5b6b5b;margin:0 0 1.1em;line-height:1.6;
  padding-bottom:.6em;border-bottom:1px solid #ecefe9;}
.gg-breadcrumbs a{color:#2e7d32;text-decoration:none;}
.gg-breadcrumbs a:hover{color:#e2683b;text-decoration:underline;}
.gg-breadcrumbs .gg-bc-sep{margin:0 .15em;color:#9aa79a;}
.gg-breadcrumbs .gg-bc-current{color:#5b6b5b;}
/* == gg-toc-css == */
.gg-toc{background:#f7f6f1;border:1px solid #d7ecd8;border-left:4px solid #2e7d32;
  border-radius:10px;padding:14px 20px 16px;margin:1.6em 0;font-size:.97em;}
.gg-toc .gg-toc-title{display:flex;align-items:center;justify-content:space-between;
  margin:0;font-weight:700;color:#1b5e20;font-size:1.05em;}
.gg-toc ol{margin:.7em 0 0;padding-left:1.4em;columns:2;column-gap:28px;}
@media (max-width:600px){.gg-toc ol{columns:1;}}
.gg-toc li{margin:.28em 0;break-inside:avoid;}
/* 2026-08-14 (UI seat): TOC links were 19px tall. This is the most-tapped list on the site — it
   sits on all 1,836 articles and it is how a reader jumps to the part they came for. Each entry
   is its own destination, not a link inside a sentence, so the WCAG 2.5.8 exemption does not
   cover it. min-height only grows the line box, so the list order and indent are unchanged. */
.gg-toc a{color:#2e7d32;text-decoration:none;display:inline-flex;align-items:center;min-height:24px;}
.gg-toc a:hover{color:#e2683b;text-decoration:underline;}
.gg-toc-btn{cursor:pointer;font-weight:700;color:#2e7d32;user-select:none;font-size:.85em;
  border:1px solid #d7ecd8;border-radius:6px;padding:1px 9px;background:#fff;}
.gg-toc-btn::after{content:"Hide";}
#gg-toc-toggle{display:none;}
#gg-toc-toggle:not(:checked) ~ ol{display:none;}
#gg-toc-toggle:not(:checked) ~ .gg-toc-title .gg-toc-btn::after{content:"Show";}
/* offset anchored headings so sticky/headers don't cover them */
.gardeningguider-sitemaincontent h2[id]{scroll-margin-top:90px;}
html{scroll-behavior:smooth;}
/* == gg-ce-css == */
/* listing container: theme floats it with no width → force it to fill the content column */
.gardeningguider-layout1contentareainner{display:block !important;width:100% !important;float:none !important;box-sizing:border-box !important}
/* grids */
.gg-ce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
/* in-feed ad row: full grid width with a clear 16px+ gap from the cards (AdSense accidental-click rule) */
.gg-ce-adrow{grid-column:1/-1;margin:8px 0}
.gg-ce-grid--rel{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.gg-ce-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.gg-ce-grid,.gg-ce-grid--rel{grid-template-columns:1fr 1fr}}
/* related heading bar — compact version of the home section bar */
.gg-ce-related{margin:26px 0 6px}
.gg-ce-head{display:flex;align-items:center;margin:0 0 14px;padding:10px 16px;border-radius:10px;
  border-left:4px solid #E2683B;background:#1B5E20;box-shadow:0 6px 18px rgba(20,45,25,.25)}
.gg-ce-head h2{margin:0 !important;padding:0 !important;border:0 !important;font-size:20px !important;color:#fff !important;line-height:1.25}
/* Bing-style card: image → meta → title → action bar (same as home, CARD STYLE.PNG) */
.gg-h-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.18s}
.gg-h-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12);border-color:#cfe3cf}
/* Never underline inside a card. The theme's Customizer inline CSS
   applies `.gardeningguider-entrycontent a{text-decoration:underline!important}` at (0,1,1) —
   hence the entrycontent-scoped (0,2,0) selectors too, otherwise page-strip cards get underlined. */
.gg-hc-a,.gg-hc-a *,.gg-hc-a:hover,.gg-hc-a:hover *,
.gardeningguider-entrycontent .gg-hc-a,.gardeningguider-entrycontent .gg-hc-a *,
.gardeningguider-entrycontent .gg-hc-a:hover,.gardeningguider-entrycontent .gg-hc-a:hover *,
.gardeningguider-entrycontent .gg-hc-cmt,.gardeningguider-entrycontent a.gg-hc-cmt:hover{text-decoration:none!important;border-bottom:0!important}
.gg-hc-a{display:flex;flex-direction:column;flex:1;text-decoration:none}
.gg-h-thumb{height:130px;background-color:#eef2ee;overflow:hidden;display:block}
/* 2026-08-21 QA audit m7 — thumbnails are real <img decoding="async" loading="lazy"> now (indexable + alt text), so they need
   object-fit to keep the exact "background-size:cover" crop they had as CSS backgrounds. */
.gg-h-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.gg-h-ctx{display:block;padding:10px 13px 8px}
.gg-hc-meta{display:block;font-size:11.5px;font-weight:600;color:#6b6b6b;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gg-hc-meta b{color:#2E7D32;font-weight:800}
.gg-h-ctx strong,.gg-h-ctx .gg-hc-t{margin:0;display:block;font-size:14.5px;font-weight:800;line-height:1.34;color:#2d2d2d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gg-h-card:hover .gg-h-ctx strong,.gg-h-card:hover .gg-h-ctx .gg-hc-t{color:#2E7D32}
.gg-hc-act{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;margin-top:auto;padding:6px 12px 8px;border-top:1px solid #f0f2ef;position:relative}
.gg-hc-act .gg-hc-share{margin:0 0 0 auto!important;align-self:center!important}
/* 2026-08-15 (UI seat): `flex:0 0 auto` + `min-width:24px` — moving the side-rails breakpoint to
   1024px took the content column from 1170 → 724px, and flex squeezed this button from 31px down to
   **14px** (measured: at 1024/1093 all 20/20 like buttons were 14x25, i.e. a WCAG 2.5.8 24px
   failure). The 25px height was already fine — only the width was being squeezed, so shrinking is
   disabled and a 24px floor added. Caught with a control: at the old width the same button was
   31x25, which means this regression came from MY breakpoint change. */
.gg-hc-like,.gg-hc-cmt{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:25px;min-width:24px;flex:0 0 auto;margin:0;background:none;border:0;padding:0 7px;border-radius:8px;font-size:14px;font-weight:700;color:#5a6b5a;cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap;transition:background .15s,color .15s;position:relative}
.gg-hc-like::after,.gg-hc-cmt::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;
  transform:translateX(-50%) translateY(3px);background:#1B5E20;color:#fff;font-size:10.5px;font-weight:700;
  padding:4px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;
  box-shadow:0 4px 10px rgba(20,45,25,.3);transition:opacity .15s,transform .15s}
.gg-hc-like:hover::after,.gg-hc-cmt:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}
.gg-hc-like:hover,.gg-hc-cmt:hover{background:#eaf4ea;color:#1B5E20}
.gg-hc-like svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,stroke .15s}
.gg-hc-like.gg-on{color:#ED4956}
.gg-hc-like.gg-on svg{fill:#ED4956;stroke:#ED4956;animation:ggCeHeartPop .3s ease-out}
@keyframes ggCeHeartPop{0%{transform:scale(.6)}55%{transform:scale(1.3)}100%{transform:scale(1)}}
.gg-hc-like b,.gg-hc-cmt b{font-weight:800}
/* Gaurav 2026-09-02: teeno action buttons ek seedhi row me barabar doori par (space-evenly),
   share ab door right me nahi dhakela jaata */
.gg-hc-act .gg-authorcard-share-btn{margin:0 0 0 auto!important;align-self:center!important;padding:3px 9px!important;line-height:1.5!important;
  height:25px!important;box-sizing:border-box!important;align-items:center!important;border-radius:8px!important}
@media(max-width:600px){
  .gg-hc-act .gg-authorcard-share-btn{padding:0 7px!important;font-size:12px!important;flex:0 0 auto!important}
  .gg-hcs-t{display:none} /* mobile: the 🔗 icon only, so the text is not clipped */
}
/* == gg-hhead-css == */
.gg-h-sec{margin:18px 0}
/* heading bar: dark (footer #14361c) on LEFT fading to white on RIGHT, title left-aligned,
   terracotta left accent + subtle dot texture pattern */
.gg-h-head{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 16px;border:0;padding:10px 118px 10px 17px;border-radius:10px;overflow:hidden;
 border-left:4px solid #E2683B;
 background-color:#1B5E20; /* the previous colour (Gaurav 2026-07-17) plus a random texture */
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 background-repeat:repeat;
 /* GLASS (Gaurav 2026-07-17): frosted edges + inner glow + shine */
 border-top:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(0,0,0,.18);
 backdrop-filter:blur(6px) saturate(1.15);-webkit-backdrop-filter:blur(6px) saturate(1.15);
 box-shadow:0 8px 22px rgba(20,45,25,.32),0 1px 3px rgba(0,0,0,.14),
   inset 0 1px 0 rgba(255,255,255,.35),inset 0 12px 18px -10px rgba(255,255,255,.28),
   inset 0 -8px 14px -10px rgba(0,0,0,.35);
 transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s ease;transform-origin:left center}
.gg-h-head::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:38%;z-index:1;
 background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.30) 50%,transparent 100%);
 transform:skewX(-18deg);animation:ggHhShine 5s ease-in-out infinite;pointer-events:none}
@keyframes ggHhShine{0%,55%{left:-45%}85%,100%{left:115%}}
@media(prefers-reduced-motion:reduce){.gg-h-head::after{animation:none;content:none}}
/* expand animation — hidden state ONLY when JS tags <html class="gg-anim"> (no-JS = always visible) */
html.gg-anim .gg-h-sec:not(.gg-in) .gg-h-head{transform:scaleX(.12);opacity:0}
.gg-h-head h2{margin:0 !important;font-size:20px !important;color:#fff !important;line-height:1.25;border:0 !important;padding:0 !important;text-align:left;text-shadow:0 1px 2px rgba(10,40,15,.55)}
/* View all — pinned to the bar's right end, always pulsing to draw the eye */
.gg-h-more{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;background:#BC5028;border:0;padding:6px 14px;border-radius:30px;transition:background .15s}
.gg-h-more:hover{background:#A64420;animation:none}
@media (prefers-reduced-motion:no-preference){
 .gg-h-more{animation:gg-more-pulse 1.9s ease-out infinite}
 @keyframes gg-more-pulse{0%{box-shadow:0 0 0 0 rgba(226,104,59,.65)}70%{box-shadow:0 0 0 9px rgba(226,104,59,0)}100%{box-shadow:0 0 0 0 rgba(226,104,59,0)}}
}
/* == gg-hbtn-css == */
.gg-more-wrap{text-align:center;margin:16px 0 0}
.gg-more-btn{background:#BC5028;color:#fff;font-weight:800;border:0;padding:12px 26px;border-radius:12px;font-size:14.5px;cursor:pointer;box-shadow:0 5px 16px rgba(226,104,59,.35);transition:background .15s,transform .15s}
.gg-more-btn:hover{background:#2E7D32;transform:translateY(-2px)}
.gg-more-btn[disabled]{opacity:.6;cursor:wait}
/* == gg-pgstrip-css == */
/* remove the plain theme breadcrumb ("Home / Plant Finder") on Pages — the strip replaces it.
   2026-08-17: this used to run on EVERY Page, including the ones the strip is excluded from — so
   contact/pricing/legal ended up with no strip AND no breadcrumb, i.e. no "where am I" signal at
   all. It is now tied to the strip actually being rendered. */
/* Pages are tools/static — theme's empty "BY / ON <date>" byline row is noise, hide it */
.gardeningguider-entrymeta{display:none !important;}
.page .gardeningguider-entrybyline{display:none !important;}

/* on a tool page the tool comes first. The theme's featured-photo block (866×470) sat above the hero and
   pushed the actual tool below the fold — removed on tool pages only (2026-08-13). */
.gg-toolpage .gardeningguider-entryheader img{display:none !important;}
.gg-toolpage .gardeningguider-entryheader{margin:0 !important;padding:0 !important;}

.gg-pgs{margin:0 0 26px;}
.gg-pgs-head{font-size:1.05rem;font-weight:800;color:#1B5E20;margin:0 0 12px;
  letter-spacing:.2px;display:flex;align-items:center;gap:8px;}
.gg-pgs-head::before{content:"";width:6px;height:20px;border-radius:3px;background:#BC5028;display:inline-block;}
/* H1-only strip (tool pages like Plant Finder): just the page title, no cards */
.gg-pgs-solo{margin:0 0 2px;} /* hero sits 2px under the strip (Gaurav 2026-07-19) */
/* tool-page hero — same design as Plant Finder's .ggpf-hero: 2px sides, 15px to ad below,
   GG type-scale fonts (17px body / 16.5 mobile) */
.gg-tool-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#2E7D32,#1B5E20);color:#fff;padding:15px 18px;border-radius:12px;margin:0 2px 14px;}
/* soft glow — depth without a single image request */
.gg-tool-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);pointer-events:none;}
.gg-tool-hero .hd{display:flex;align-items:flex-start;gap:11px;margin:0 0 7px;}
.gg-tool-hero .ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;font-size:17px;line-height:1;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;}
/* line-height par !important (2026-07-26, UI seat): `.gardeningguider-entrycontent p{line-height:1.85
   !important}` prose rule was winning here too (31.45px), so the hero grew to 226px tall and
   which pushed the real tool below the fold on tool pages. The hero is a UI block, not prose. */
.gg-tool-hero .lead{margin:0 !important;color:#fff;font-size:16px;font-weight:600;line-height:1.5 !important;max-width:64ch;}
/* !important — otherwise .gardeningguider-entrycontent strong{#1b3d1a} from gg-article-style wins
   and dark text lands on a dark green background (a contrast FAIL, spotted in the 2026-07-20 audit) */
.gg-tool-hero strong{color:#FFE082 !important;}
.gg-tool-hero .sub{margin:8px 0 0 !important;color:rgba(255,255,255,.90);font-size:14.5px;font-weight:400;line-height:1.5 !important;max-width:70ch;}
.gg-tool-hero a{color:#FFE082 !important;font-weight:700;text-decoration:underline;}
.gg-tool-hero a:hover{color:#fff !important;}
/* 2026-09-03 — hero is a row: text left, feature screenshot right (Gaurav: "features photo") */
.gg-tool-hero.has-shot{display:flex;align-items:center;gap:18px;}
.gg-tool-hero .tx{flex:1 1 auto;min-width:0;}
.gg-tool-hero .shot{flex:0 0 auto;width:238px;height:149px;object-fit:cover;object-position:top;
  border-radius:10px;border:2px solid rgba(255,255,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.28);
  background:#fff;transform:rotate(1.4deg);}
/* the long paragraph now costs one 24px line until opened */
.gg-tool-hero .more{margin:7px 0 0;}
.gg-tool-hero .more summary{cursor:pointer;display:inline-flex;align-items:center;min-height:24px;
  font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85);list-style:none;}
.gg-tool-hero .more summary::-webkit-details-marker{display:none;}
.gg-tool-hero .more summary::after{content:"▾";margin-left:5px;font-size:10px;transition:transform .15s;}
.gg-tool-hero .more[open] summary::after{transform:rotate(180deg);}
.gg-tool-hero .more summary:hover{color:#FFE082;}
/* stats are pills now — a loose text row did not look professional */
.gg-tool-hero .st{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;}
.gg-tool-hero .st span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.94);
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  border-radius:999px;padding:4px 11px;white-space:nowrap;}
.gg-tool-hero .st b{color:#fff;font-weight:800;}
@media(max-width:760px){.gg-tool-hero{padding:13px 14px;}.gg-tool-hero .lead{font-size:15.5px;}
  .gg-tool-hero .sub{font-size:14.5px;}
  /* mobile: the real tool is one scroll away — the screenshot would only push it down */
  .gg-tool-hero .shot{display:none;}
  .gg-tool-hero .st span{font-size:11.5px;padding:3px 9px;}}
.gg-pgs-h1{font-size:1.55rem;font-weight:800;color:#1B5E20;margin:0;line-height:1.2;display:flex;align-items:center;gap:9px;}
.gg-pgs-h1::before{content:"";width:7px;height:24px;border-radius:3px;background:#BC5028;display:inline-block;}
/* H1 INSIDE .gg-post-strip (Pages) — highlighted chip on the gradient bar: white bold text,
   soft white glass bg, golden accent bar (contrast rule: dark bg = white text) */
.gg-post-strip .gg-pgs-h1-strip{color:#fff;font-size:1.2rem;padding:3px 12px 3px 9px;border-radius:9px;
  background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.gg-post-strip .gg-pgs-h1-strip::before{background:#FFE082;height:20px;}
@media(max-width:700px){.gg-post-strip .gg-pgs-h1-strip{font-size:1.05rem;}}

/* ================= ONE SINGLE ROW (Gaurav 2026-08-16) =================
   The measured problem (/plant-finder/): `.gg-pgs-h1` carries `display:flex`, and as a flex ITEM it
   took the full width (1029px at 1440px) — so main+meta dropped onto the next line.
   At 1024px it was even making THREE rows (h1 y=67 · main y=96 · meta y=117).
   Now: H1 hard LEFT, meta hard RIGHT, one single row — on every device.

   The scope is safe: this entire CSS file is only printed on PAGES (the `!is_page()` guard above),
   and every selector only applies when `.gg-pgs-h1-strip` is present. So the strip on blog/single
   posts (breadcrumb + main + meta) stays exactly as it is — Gaurav: "it is coming out right on the
   post blog page".
   `:has()` is deliberate: gg-ad-policy.php's `.gg-post-strip{flex-wrap:wrap}` loads later, so a
   single-class selector would lose. On older browsers `:has()` will not apply — there the current
   wrapping behaviour simply remains, and nothing breaks. */
/* ⚠️ Why `display:flex !important`: the strip sits in the after-header slot, and gg-ads-layout.php's
   `.gardeningguider-afterheaderadleft > div:not(.ggtest){width:100% !important;display:block}`
   (written for ad creatives) was catching our strip too and turning it into a BLOCK —
   which is why flex was not working at all on desktop (measured: at 1440px the strip's computed
   display=block, with the h1 a full 1029px wide). That selector is more specific, so we cannot win
   without !important. The scope is tight — only where the H1 chip exists (tool pages); zero effect
   on real ad creatives. */
.gg-post-strip:has(.gg-pgs-h1-strip){display:flex !important;flex-wrap:nowrap;align-items:center;}
/* the H1 takes only as much space as its content — no more swallowing the whole row */
.gg-post-strip .gg-pgs-h1-strip{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* the tagline sits in the middle; when space runs short this is the first thing to shrink */
.gg-post-strip .gg-pgs-h1-strip ~ .gg-ps-main{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;}
/* meta always at the RIGHT edge — margin-left:auto eats up the remaining space */
.gg-post-strip .gg-pgs-h1-strip ~ .gg-ps-meta{flex:0 0 auto;margin-left:auto;flex-wrap:nowrap;}

/* What goes as space shrinks, in this order (so nothing is ever clipped):
   1) below 1200px — the tagline goes (least essential),
   2) below 900px  — only 2 meta chips (Gaurav Pandey + Worldwide),
   3) below 560px  — only 1 meta chip. The H1 always survives. */
@media(max-width:1199px){
  .gg-post-strip .gg-pgs-h1-strip ~ .gg-ps-main{display:none;}
}
@media(max-width:899px){
  .gg-post-strip .gg-pgs-h1-strip ~ .gg-ps-meta span:nth-child(n+3){display:none;}
}
@media(max-width:559px){
  .gg-post-strip:has(.gg-pgs-h1-strip){gap:10px;padding-left:12px;padding-right:12px;}
  .gg-post-strip .gg-pgs-h1-strip ~ .gg-ps-meta span:nth-child(n+2){display:none;}
  .gg-post-strip .gg-pgs-h1-strip{font-size:1rem;}
}
/* theme's blanked entry title (empty h1) fully removed from flow */
h1.gardeningguider-entrytitle:empty{display:none !important;margin:0 !important;padding:0 !important;}
.page .gardeningguider-entryheader:has(> h1:empty){display:none !important;margin:0 !important;padding:0 !important;}
/* cards themselves = .gg-h-card (CSS in gg-cards-everywhere.php / gg-ce-css)
   2026-08-21: this block moved to the foot of the page and became a real GRID — 4 per row, two rows
   to start. The old horizontal snap-scroll under 900px is gone on purpose: it was right for a
   4-card teaser strip, but a "load more" list that grows to 8, 16, 24 cards cannot live in a
   sideways scroller — the reader would never find the button. It wraps like the homepage grid now. */
.gg-pgs-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gg-pgs-more:empty{display:none;}        /* no empty gap under the first two rows */
.gg-pgs-more{margin-top:16px;}
@media (max-width:900px){ .gg-pgs-track{grid-template-columns:repeat(2,1fr);gap:13px;} }
@media (max-width:520px){ .gg-pgs-track{grid-template-columns:repeat(2,1fr);gap:10px;} }
/* == gg-share-brand-css == */
.gg-shp-facebook em,.gg-sh-facebook{background:#1877f2}.gg-shp-twitter em,.gg-sh-twitter{background:#000000}.gg-shp-pinterest em,.gg-sh-pinterest{background:#e60023}.gg-shp-whatsapp em,.gg-sh-whatsapp{background:#25d366}.gg-shp-reddit em,.gg-sh-reddit{background:#ff4500}.gg-shp-linkedin em,.gg-sh-linkedin{background:#0a66c2}.gg-shp-telegram em,.gg-sh-telegram{background:#229ed9}.gg-shp-bluesky em,.gg-sh-bluesky{background:#0285ff}.gg-shp-tumblr em,.gg-sh-tumblr{background:#34526f}.gg-shp-email em,.gg-sh-email{background:#5a6b5a}
/* == gg-share-pop-css == */
.gg-hc-pop{position:absolute!important;right:var(--gg-shp-right,6px)!important;bottom:calc(100% + 8px)!important;z-index:30!important;
  width:292px!important;max-width:calc(100vw - 24px)!important;padding:12px 12px 11px!important;
  background:#fff!important;border:1px solid #e2e8e0!important;border-radius:14px!important;
  box-shadow:0 14px 34px rgba(20,45,25,.22)!important;text-align:left!important;animation:ggShpIn .16s ease-out}
@keyframes ggShpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.gg-hc-pop::after{content:"";position:absolute;top:100%;right:22px;border:7px solid transparent;border-top-color:#fff;
  filter:drop-shadow(0 2px 1px rgba(20,45,25,.12))}
.gg-shp-h{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b7d6b;margin:0 0 9px}
/* 5 per line = the 10 networks sit in exactly 2 rows (Gaurav 2026-08-19; was 4-per-line = 3 rows) */
.gg-shp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px 4px}
.gg-shp-i{display:flex!important;flex-direction:column;align-items:center;gap:4px;text-decoration:none!important;
  border:0;background:none;padding:0;cursor:pointer;font:inherit}
.gg-shp-i em{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;
  color:#fff;font-size:16px;font-style:normal;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.16);
  transition:transform .14s,box-shadow .14s,filter .14s}
.gg-shp-i span{font-size:9px;font-weight:700;color:#5a6b5a;line-height:1.1;text-align:center;white-space:nowrap}
.gg-shp-i:hover em{transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,0,0,.24);filter:brightness(1.07)}
.gg-shp-i:hover span{color:#1B5E20}
.gg-shp-i i,.gg-shp-i svg{width:16px;height:16px;display:block;line-height:1}
.gg-shp-i i{font-size:16px;width:auto;height:auto}
/* per-network colours are generated from gg_share_networks() above (#gg-share-brand-css) */
.gg-shp-native{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:#1B5E20;color:#fff;cursor:pointer;padding:0}
.gg-shp-native svg{width:16px;height:16px;display:block}
.gg-shp-native:hover{background:#2E7D32}
.gg-shp-copy{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #eef2ee}
.gg-shp-url{flex:1 1 auto;min-width:0;height:30px;padding:0 9px;border:1px solid #dfe6dd;border-radius:8px;
  background:#f7f9f6;font-size:11px;color:#5a6b5a;text-overflow:ellipsis}
.gg-shp-cbtn{flex:0 0 auto;height:30px;min-width:62px;padding:0 12px;border:0;border-radius:8px;background:#2E7D32;
  color:#fff;font-size:11.5px;font-weight:800;cursor:pointer;transition:background .15s}
.gg-shp-cbtn:hover{background:#1B5E20}
.gg-shp-cbtn.gg-ok{background:#0aa37f}
/* The card is `overflow:hidden` (rounded thumb) — that CLIPS the popover's top rows, so while a
   popover is open the card opens up and lifts above its neighbours. `.gg-shp-open` is set from JS
   for browsers without :has(). */
/* z-index 130 clears the fixed side rails (z=120) — the 5-per-row panel is wide enough to reach
   under them on a laptop-width screen, which hid the Facebook / LinkedIn column. */
.gg-h-card.gg-shp-open,.gg-h-card:has(.gg-hc-pop:not([hidden])){overflow:visible!important;position:relative;z-index:130}
.gg-hc-act{position:relative}
/* not enough room above (card near the top of the viewport) → flip the panel below the button */
.gg-hc-pop.gg-shp-below{bottom:auto!important;top:calc(100% + 8px)!important}
.gg-hc-pop.gg-shp-below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff}
/* == gg-widgets-css == */
/* ===== shared ===== */
.ggw{font-size:14.5px;line-height:1.6;}
/* ===== widget-title strips — the same dark-green gradient + dot texture + terracotta accent as the
   home page's .gg-h-head, on ALL sidebar widgets (Gaurav 2026-07-17) ===== */
.gardeningguider-widgettit{padding:0 !important;margin:0 0 12px !important;border:0 !important;background:none !important;}
.gardeningguider-widgettit .gardeningguider-widgetsbrtit,h3.gardeningguider-widgetsbrtit{
  position:relative;display:block;margin:0 !important;padding:10px 14px !important;border:0 !important;
  border-left:4px solid #E2683B !important;border-radius:10px;overflow:hidden;
  color:#fff !important;font-size:15px !important;line-height:1.25;text-align:left;
  text-shadow:0 1px 2px rgba(10,40,15,.55);
  background-color:#1B5E20 !important; /* ONE solid colour (Gaurav 2026-07-17) + a random STAR texture */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:repeat !important;
  /* GLASS look (Gaurav 2026-07-17): frosted border + top glass highlight + inner glow */
  border-top:1px solid rgba(255,255,255,.38) !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  border-bottom:1px solid rgba(0,0,0,.18) !important;
  backdrop-filter:blur(6px) saturate(1.15);-webkit-backdrop-filter:blur(6px) saturate(1.15);
  box-shadow:0 8px 22px rgba(20,45,25,.32),0 1px 3px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.35),inset 0 12px 18px -10px rgba(255,255,255,.28),
    inset 0 -8px 14px -10px rgba(0,0,0,.35);}
.gardeningguider-widgetsbrtit:before{content:none !important;}
/* engaging shine — a soft band of light sweeps across the strip every 5s */
.gardeningguider-widgetsbrtit:after{content:"" !important;position:absolute;top:0;bottom:0;left:-45%;width:38%;
  background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.34) 50%,transparent 100%);
  transform:skewX(-18deg);animation:ggWtShine 5s ease-in-out infinite;pointer-events:none;}
@keyframes ggWtShine{0%,55%{left:-45%}85%,100%{left:115%}}
@media(prefers-reduced-motion:reduce){.gardeningguider-widgetsbrtit:after{animation:none;content:none !important;}}
/* ===== Popular Guides (compact rows) ===== */
.ggw-popular{list-style:none;margin:0;padding:0;}
.ggw-popular li{margin:0 0 7px !important;padding:0 !important;}
.ggw-popular li a{display:flex !important;align-items:center !important;gap:9px;text-decoration:none;color:#2d2d2d;}
.ggw-popular .ggw-thumb{display:block;}
.ggw-popular .ggw-pt{display:block;flex:1;min-width:0;}
.ggw-popular .ggw-thumb img{width:46px;height:46px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.ggw-popular .ggw-thumb{flex:0 0 46px;}
.ggw-popular .ggw-pt{font-weight:600;font-size:12.5px;line-height:1.3;}
.ggw-popular li a:hover .ggw-pt{color:#2e7d32;}
/* ===== Explore Topics (pills) ===== */
.ggw-topics{display:flex;flex-wrap:wrap;gap:8px;}
.ggw-topics a{display:inline-flex;align-items:center;gap:6px;background:#f1f8e9;color:#1b5e20;border:1px solid #d7ecd8;border-radius:20px;padding:6px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:.15s;}
.ggw-topics a:hover{background:#2e7d32;color:#fff;border-color:#2e7d32;}
.ggw-topics a em{font-style:normal;font-size:11px;opacity:.7;}
/* ===== Editor's Top Picks (affiliate) — vertical compact card: icon > title > text > View ===== */
.ggw-picks{background:#f7f6f1;border:1px solid #e3e0d6;border-radius:12px;padding:9px;}
.ggw-pick{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid #ececec;border-radius:10px;padding:11px 10px 10px;margin-bottom:7px;text-decoration:none;color:#2d2d2d;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.ggw-pick:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.10);border-color:#cfe3cf;}
.ggw-pick-ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#eef6ee;font-size:21px;line-height:1;}
.ggw-pick-tx{display:flex;flex-direction:column;align-items:center;gap:1px;}
.ggw-pick-tx strong{font-size:13.5px;line-height:1.25;color:#1b5e20;}
.ggw-pick-tx small{font-size:11.5px;line-height:1.3;color:#6b6b6b;}
.ggw-pick-cta{margin-top:3px;background:#BC5028;color:#fff;font-size:11.5px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap;}
.ggw-pick:hover .ggw-pick-cta{background:#A64420;}
.ggw-pick-dis{font-size:10px;color:#9a9a9a;margin:2px 2px 0;line-height:1.35;}
/* ===== Free Garden Tools (NEW — ecosystem sidebar widget) ===== */
.ggw-tools{background:linear-gradient(160deg,#eef6ee,#e1efe1);border:1px solid #d4e8d5;border-radius:14px;padding:11px;}
.ggw-tools-badge{display:inline-block;background:#2e7d32;color:#fff;font-weight:800;font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:3px 12px;border-radius:20px;margin-bottom:9px;}
.ggw-tool{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2ede2;border-radius:10px;padding:9px 11px;margin-bottom:7px;text-decoration:none;color:#2d2d2d;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 1px 3px rgba(27,94,32,.05);}
.ggw-tool:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(27,94,32,.13);border-color:#2e7d32;}
.ggw-tool-ic{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#eef6ee;border-radius:50%;font-size:18px;line-height:1;}
.ggw-tool-tx{flex:1;min-width:0;display:flex;flex-direction:column;}
.ggw-tool-tx strong{font-size:13.5px;color:#1b5e20;line-height:1.2;}
.ggw-tool-tx small{font-size:11.5px;color:#6b6b6b;}
.ggw-tool-ar{color:#2e7d32;font-weight:800;font-size:16px;flex:0 0 auto;transition:transform .15s;}
.ggw-tool:hover .ggw-tool-ar{transform:translateX(3px);}
/* 2026-08-14 (UI seat): this was 20px tall — a standalone call-to-action four pixels under what a
   thumb needs. It is already full-width, so min-height buys reach and costs no layout. */
.ggw-tools-all{display:flex;align-items:center;justify-content:center;min-height:24px;text-align:center;margin-top:4px;color:#2e7d32;font-weight:700;font-size:12.5px;text-decoration:none;}
.ggw-tools-all:hover{color:#1b5e20;}
/* ===== Popular Guides rank badges ===== */
.ggw-popular .ggw-rank{flex:0 0 20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#2e7d32;color:#fff;border-radius:50%;font-size:11px;font-weight:800;}
.ggw-popular li a:hover .ggw-rank{background:#BC5028;}
.gardeningguider-sitefooter .ggw-popular .ggw-rank{background:rgba(255,255,255,.18);color:#fff;}
/* ===== Recommended-for-You (sticky widget, compact) ===== */
.gardeningguider-sidebar-sticky .gg-recbox,.gg-recbox{background:#f7faf4;border:1px solid #dce9d6;border-radius:12px;padding:10px 10px 11px;}
.gg-recbox-lead{margin:0 0 7px;font-size:12.5px;color:#46603f;font-weight:600;}
.gg-recbox-list{list-style:none;margin:0 0 8px;padding:0;}
.gg-recbox-list li{margin:0 0 5px;}
.gg-recbox-list li a{display:block;background:#fff;border:1px solid #ececec;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;color:#1b5e20;text-decoration:none;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.gg-recbox-list li a:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.10);border-color:#cfe3cf;color:#2e7d32;}
.gg-recbox-cta{display:block;text-align:center;background:#BC5028;color:#fff;font-weight:700;font-size:13px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:.15s;}
.gg-recbox-cta:hover{background:#A64420;color:#fff;}
/* theme adds an FA arrow before every widget list item / footer link — user wants them ALL gone */
.widget li:before,.gardeningguider-sitefooterinner li a:before{display:none !important;content:none !important;}
/* theme's Recent Popular Post widget — compact the big stacked cards */
.widget_gardeningguider_popular_post li{margin-bottom:10px !important;padding-bottom:8px !important;}
.widget_gardeningguider_popular_post li img{max-height:120px;width:100%;object-fit:cover;border-radius:8px;}
/* ===== Newsletter (widget cheat-sheet — terracotta, distinct from homepage green calendar) ===== */
.ggw-news{background:linear-gradient(160deg,#E2683B,#c2542c 60%,#a84722);border-radius:14px;padding:14px 13px 12px;color:#fff;text-align:center;box-shadow:0 8px 20px rgba(160,60,25,.25);}
.ggw-news-badge{display:inline-block;background:#fff;color:#C7552C;font-weight:800;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:3px 12px;border-radius:20px;margin:0 auto 8px;}
.ggw-news-sub{margin:0 auto 9px;font-size:12px;line-height:1.45;color:#ffe9de;max-width:260px;}
.ggw-news-sub b{color:#fff;}
.ggw-news-ticks{list-style:none;display:inline-block;margin:0 auto 9px;padding:0;text-align:left;}
.ggw-news-ticks li{position:relative;padding:0 0 3px 19px;font-size:12px;color:#fff2ea;}
.ggw-news-ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#ffd9a8;font-weight:900;}
.ggw-news-form{display:flex;flex-direction:column;gap:7px;}
.ggw-news-form input{padding:9px 12px;border:0;border-radius:8px;font-size:13px;width:100%;box-sizing:border-box;color:#222;text-align:center;}
.ggw-news-form button{width:100%;box-sizing:border-box;padding:11px 8px;border:0;border-radius:8px;background:#1B5E20;color:#fff;font-weight:800;font-size:13px;cursor:pointer;transition:.15s;box-shadow:0 4px 12px rgba(0,0,0,.22);white-space:normal;}
.ggw-news-form button:hover{background:#14491a;}
.ggw-news-fine{margin:6px 0 0;font-size:10px;color:#ffe3d5;text-align:center;}
.ggw-news-ok{margin:6px 0;font-size:14px;font-weight:600;color:#fff;}
/* ===== About ===== */
.ggw-about-txt{margin:0 0 12px;}
.ggw-about-by{margin:0 0 12px;font-size:13.5px;}
.ggw-about-by span{color:#6b6b6b;font-size:12.5px;}
.ggw-about-soc{display:flex;flex-wrap:wrap;gap:8px;}
.ggw-about-soc a{font-size:12.5px;font-weight:600;color:#2e7d32;text-decoration:none;border:1px solid #d7ecd8;border-radius:6px;padding:5px 11px;}
.ggw-about-soc a:hover{background:#2e7d32;color:#fff;}

/* ===== FOOTER (dark green bg) overrides — light text ===== */
.gardeningguider-sitefooter .ggw,.gardeningguider-sitefooter .ggw-about-txt,.gardeningguider-sitefooter .ggw-about-by{color:#e8f3e8;}
.gardeningguider-sitefooter .ggw-about-by span{color:#bcd6bc;}
.gardeningguider-sitefooter .ggw-popular li a{color:#e8f3e8;}
.gardeningguider-sitefooter .ggw-popular li a:hover .ggw-pt{color:#ffd9c7;}
.gardeningguider-sitefooter .ggw-about-soc a{color:#fff;border-color:rgba(255,255,255,.3);}
.gardeningguider-sitefooter .ggw-about-soc a:hover{background:#BC5028;border-color:#e2683b;}
.gardeningguider-sitefooter .ggw-topics a{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2);}
.gardeningguider-sitefooter .ggw-topics a:hover{background:#BC5028;border-color:#e2683b;}
/* == gg-article-style == */
/* ===== Reading hierarchy — STANDARD TYPE SCALE (Gaurav-approved 2026-07-15)
   Desktop: H1 34 / H2 26 / H3 21 / H4 18 / body 17 — content-site standard (Healthline/Almanac range),
   ratio ~1.25, body >=16px + line-height >=1.5 (GG_STANDARDS + Google page-experience safe). ===== */
.gardeningguider-entrycontent{font-size:17px;line-height:1.75;color:#2d2d2d;}
.gardeningguider-entrycontent p{margin:0 0 1.45em;}
.gardeningguider-entrytitle{font-size:34px;line-height:1.2;font-weight:800;color:#1b3d1a;}
.gardeningguider-entrycontent h2{font-size:26px!important;line-height:1.3;font-weight:700;color:#1b5e20;margin:1.9em 0 .55em;border-bottom:2px solid #e8efe6;padding-bottom:.22em;}
.gardeningguider-entrycontent h3{font-size:21px!important;line-height:1.35;font-weight:700;color:#2e7d32;margin:1.5em 0 .5em;}
.gardeningguider-entrycontent h4{font-size:18px!important;line-height:1.4;font-weight:700;color:#2d2d2d;margin:1.3em 0 .45em;}
.gardeningguider-entrycontent ul,.gardeningguider-entrycontent ol{margin:0 0 1.45em 1.45em;}
.gardeningguider-entrycontent li{margin-bottom:.5em;}
.gardeningguider-entrycontent a{color:#2e7d32;text-decoration:underline;}
.gardeningguider-entrycontent a:hover{color:#e2683b;}
.gardeningguider-entrycontent strong{color:#1b3d1a;}

/* ===== Figures + captions ===== */
.gardeningguider-entrycontent figure,.gardeningguider-entrycontent .wp-block-image{margin:1.7em 0;}
.gardeningguider-entrycontent figure img,.gardeningguider-entrycontent .gg-figure img{border-radius:10px;}
.gardeningguider-entrycontent figcaption,.gardeningguider-entrycontent .wp-caption-text{font-size:14px;color:#6b6b6b;font-style:italic;text-align:center;margin-top:.6em;line-height:1.5;}

/* ===== Key takeaway ===== */
.gardeningguider-entrycontent .gg-keytakeaway{background:#f1f8e9;border-left:5px solid #2e7d32;border-radius:8px;padding:16px 20px;margin:1.7em 0;font-size:17px;line-height:1.72;}
.gardeningguider-entrycontent .gg-keytakeaway strong{color:#1b5e20;}

/* ===== Pro tip ===== */
.gardeningguider-entrycontent .gg-tip{background:#fff8f4;border-left:5px solid #e2683b;border-radius:8px;padding:16px 20px;margin:1.7em 0;font-size:16.5px;line-height:1.72;}
.gardeningguider-entrycontent .gg-tip strong{color:#BC5028;}

/* ===== Affiliate "Recommended Pick" box ===== */
.gardeningguider-entrycontent .gg-affbox{background:#f7f6f1;border:1px solid #e3e0d6;border-radius:12px;padding:20px 22px;margin:1.9em 0;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.gardeningguider-entrycontent .gg-affbox-tag{display:inline-block;background:#2e7d32;color:#fff;font-size:13px;font-weight:600;padding:4px 13px;border-radius:20px;margin-bottom:10px;}
.gardeningguider-entrycontent .gg-affbox h4{margin:.15em 0 .4em;font-size:20px!important;color:#1b5e20;border:0;padding:0;}
.gardeningguider-entrycontent .gg-affbox p{margin:0 0 .9em;}
/* :not(.gg-affbox-t) — 2026-08-12 FIX. This blanket rule was written for the old single-pick box
   (the link is an orange button). In the new card grid the product NAME is also an <a class="gg-affbox-t">, so
   was getting color:#fff!important applied to it. The `.gg-affbox .gg-affbox-t{color:#1B5E20}` in gg-affiliate-box.php
   it lost on specificity, (0,2,0) against (0,2,1), so on every post the product name was WHITE ON WHITE,
   so it was effectively unreadable (caught from a screenshot). The rule no longer touches the name. */
.gardeningguider-entrycontent .gg-affbox a:where(:not(.gg-affbox-t)),.gardeningguider-entrycontent .gg-affbox .button{display:inline-block;background:#BC5028;color:#fff!important;text-decoration:none;padding:10px 22px;border-radius:6px;font-weight:600;}
.gardeningguider-entrycontent .gg-affbox a:where(:not(.gg-affbox-t)):hover{background:#A64420;}

/* ===== FAQ block ===== */
.gardeningguider-entrycontent .gg-faq{margin:1.4em 0;}
.gardeningguider-entrycontent .gg-faq h3{font-size:20px!important;color:#1b5e20;margin:1.15em 0 .35em;}
.gardeningguider-entrycontent .gg-faq p{margin:0 0 .6em;}

/* ===== Tables — designer 3D card + compact (Gaurav 2026-07-15)
   NOTE: gg-redesign.php ke .gardeningguider-sitemaincontent table rules (pale thead + display:block)
   are more specific, hence the !important here. Desktop uses display:table (full-width columns),
   mobile = display:block (horizontal scroll). ===== */
.gardeningguider-entrycontent table,.gardeningguider-entrycontent .gg-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:1.7em 0!important;font-size:15px!important;line-height:1.5;
  display:table!important;overflow-x:visible!important;
  background:#fff!important;border:1px solid #dfe7df!important;border-radius:12px!important;overflow:hidden;
  box-shadow:0 12px 26px rgba(27,94,32,.14),0 2px 6px rgba(27,94,32,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;}
.gardeningguider-entrycontent th,.gardeningguider-entrycontent td{border:0!important;border-bottom:1px solid #e8efe6!important;padding:8px 14px!important;text-align:left;vertical-align:top;}
.gardeningguider-entrycontent thead th,.gardeningguider-entrycontent table tr:first-child th{
  background:linear-gradient(180deg,#2e7d32,#256b29)!important;color:#fff!important;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.12)!important;text-shadow:0 1px 1px rgba(0,0,0,.2);}
/* ROW-HEADER GUARD (2026-08-13, UI seat — requested by the master seat).
   69 "at a glance" spec tables carry a label in the first cell of every row. The correct
   markup for those is <th scope="row">, so a screen reader reads "Common names: ..." instead
   of the bare value. Without this guard the rule above would paint that single label cell
   dark green, uppercase and white — a header stripe in the middle of the table. This keeps a
   scope="row" cell looking exactly like the bold label <td> it replaces. */
.gardeningguider-entrycontent th[scope="row"],
.gardeningguider-entrycontent table tr:first-child th[scope="row"]{
  background:none!important;background-image:none!important;color:#1b5e20!important;font-weight:700;
  font-size:inherit;text-transform:none;letter-spacing:normal;
  box-shadow:none!important;text-shadow:none;border-right:1px solid #e8efe6!important;}
.gardeningguider-entrycontent tbody tr:nth-child(even),.gardeningguider-entrycontent tr:nth-child(even) td{background:#f6faf4!important;}
.gardeningguider-entrycontent tbody tr:last-child td{border-bottom:0!important;}
.gardeningguider-entrycontent tbody td:first-child{font-weight:700;color:#1b5e20;border-right:1px solid #e8efe6!important;}
.gardeningguider-entrycontent tbody tr:hover td{background:#eef6ec!important;}
.gardeningguider-entrycontent tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 #2e7d32;}
/* 2026-08-14 (UI seat): links inside table cells were 19-20px tall. The /tools/ comparison table
   is fourteen of them stacked in one column, and the article spec tables hold more. A cell
   already carries 8px of vertical padding, so min-height grows the link inside the cell and the
   row height does not move. */
.gardeningguider-entrycontent td a{display:inline-flex;align-items:center;min-height:24px;}
/* 2026-08-14 (UI seat): a list item whose ENTIRE content is one link — the Sources list, related
   guides — is a standalone destination, not a link inside a sentence, and those measured 19px.
   `:only-child` is doing the important work here: a link that shares its <li> with text is left
   alone, because making that inline-flex would break the line it sits in. */
.gardeningguider-entrycontent li > a:only-child{display:inline-flex;align-items:center;min-height:24px;}
/* the author byline link under the title measured 14px */
.gardeningguider-author-link a,a.gardeningguider-author-link{display:inline-flex;align-items:center;min-height:24px;}
@media (max-width:782px){
  .gardeningguider-entrycontent table{display:block!important;overflow-x:auto!important;} /* mobile: scrollable, with no page-level horizontal scroll */
  .gardeningguider-entrycontent tbody td:first-child{white-space:nowrap;}
}

/* ===== Buy-box (MONETIZATION_BUYBOX spec — inert placeholder buttons, wired at go-live) ===== */
.gardeningguider-entrycontent .gg-buy-box{background:#eaf4ea;border:1px solid #dfe7df;border-left:4px solid #e2683b;border-radius:12px;padding:14px 18px;margin:1.8em 0;}
.gardeningguider-entrycontent .gg-buy-box .h{font-weight:700;color:#1b5e20;margin:0 0 8px;font-size:15px;}
.gardeningguider-entrycontent .gg-buy-btns{display:flex;flex-wrap:wrap;gap:10px;}
.gardeningguider-entrycontent .gg-buy-btn{display:inline-block;background:#BC5028;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;transition:background .2s;}
.gardeningguider-entrycontent .gg-buy-btn:hover{background:#A64420;color:#fff!important;}
.gardeningguider-entrycontent .gg-buy-btn.ghost{background:transparent;color:#1b5e20!important;border:2px solid #2e7d32;}
.gardeningguider-entrycontent .gg-buy-btn.ghost:hover{background:#2e7d32;color:#fff!important;}
.gardeningguider-entrycontent .gg-buy-note{display:block;margin-top:9px;font-size:11.5px;color:#6b6b6b;}

/* ===== Related guides — glass duo panel (2 sections side-by-side, wrapped by the_content filter below) ===== */
.gardeningguider-entrycontent .gg-related-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin:1.8em 0;}
.gardeningguider-entrycontent .gg-related-col{background:linear-gradient(155deg,rgba(255,255,255,.78),rgba(234,244,234,.55));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(46,125,50,.18);border-radius:14px;padding:13px 12px 10px;box-shadow:0 10px 30px rgba(27,94,32,.09),inset 0 1px 0 rgba(255,255,255,.85);}
.gardeningguider-entrycontent .gg-related-col h2{font-size:18px!important;margin:0 0 10px!important;padding:0 0 8px!important;border-bottom:2px solid rgba(226,104,59,.35);color:#1b5e20;display:flex;align-items:center;gap:8px;}
.gardeningguider-entrycontent .gg-related-col h2::before{content:"";width:24px;height:24px;flex:0 0 24px;border-radius:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E"),linear-gradient(140deg,#2e7d32,#1b5e20);background-size:14px 14px,cover;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 6px rgba(27,94,32,.3);}
/* content-wise header icons: guides = open book · plant guides = flower */
.gardeningguider-entrycontent .gg-related-col h2#related-guides::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3C/svg%3E"),linear-gradient(140deg,#BC5028,#A64420);box-shadow:0 2px 6px rgba(199,85,44,.3);}
.gardeningguider-entrycontent .gg-related-col h2#related-plant-guides::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zM5.6 10.25c0 1.38 1.12 2.5 2.5 2.5.53 0 1.01-.16 1.42-.44l-.02.19c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5l-.02-.19c.4.28.89.44 1.42.44 1.38 0 2.5-1.12 2.5-2.5 0-1-.59-1.85-1.43-2.25.84-.4 1.43-1.25 1.43-2.25 0-1.38-1.12-2.5-2.5-2.5-.53 0-1.01.16-1.42.44l.02-.19C14.5 2.12 13.38 1 12 1S9.5 2.12 9.5 3.5l.02.19c-.4-.28-.89-.44-1.42-.44-1.38 0-2.5 1.12-2.5 2.5 0 1 .59 1.85 1.43 2.25-.84.4-1.43 1.25-1.43 2.25zM12 5.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8s1.12-2.5 2.5-2.5zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9z'/%3E%3C/svg%3E"),linear-gradient(140deg,#2e7d32,#1b5e20);}
/* link cards — glass rows (works inside duo AND for a lone related list) */
.gardeningguider-entrycontent h2[id^="related"]+ul{list-style:none;margin:1.1em 0 2em;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.gardeningguider-entrycontent .gg-related-col h2[id^="related"]+ul{grid-template-columns:1fr;gap:7px;margin:0 0 2px;}
.gardeningguider-entrycontent h2[id^="related"]+ul li{margin:0;}
.gardeningguider-entrycontent h2[id^="related"]+ul li a{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.85);outline:1px solid rgba(46,125,50,.12);border-radius:12px;padding:8px 36px 8px 10px;text-decoration:none!important;color:#1b5e20;font-weight:600;font-size:14.5px;line-height:1.4;box-shadow:0 2px 8px rgba(27,94,32,.06);transition:background .18s,outline-color .18s,box-shadow .18s,transform .18s;}
.gardeningguider-entrycontent h2[id^="related"]+ul li a::before{content:"";flex:0 0 24px;width:24px;height:24px;border-radius:8px;background-color:rgba(46,125,50,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232e7d32'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");background-position:center;background-size:14px 14px;background-repeat:no-repeat;transition:background-color .18s;}
/* rang-birange bullet chips — 6-color cycle, same leaf, soft tints */
.gardeningguider-entrycontent h2[id^="related"]+ul li:nth-child(6n+2) a::before{background-color:rgba(226,104,59,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c7552c'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li:nth-child(6n+3) a::before{background-color:rgba(25,118,210,.13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231565c0'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li:nth-child(6n+4) a::before{background-color:rgba(249,168,37,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b07d0a'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li:nth-child(6n+5) a::before{background-color:rgba(142,36,170,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b1fa2'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li:nth-child(6n) a::before{background-color:rgba(0,137,123,.13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300695c'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li a::after{content:"\2192";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#e2683b;font-weight:700;font-size:16px;opacity:.55;transition:transform .18s,opacity .18s;}
/* Gaurav 2026-07-14: white hover → theme green + white text
   Gaurav 2026-08-18: link ka text pehle se green tha, isliye GREEN hover par "kuch hua hi nahi"
   jaisa lagta tha. Hover ab ORANGE (--gg-terra-cta #BC5028; white text par WCAG-pass) — chhuaa
   hua link turant alag dikhta hai. */
/* `!important` on the colour is NOT decoration: the theme's INLINE css carries
   `.gardeningguider-entrycontent a{color:#2E7D32 !important}`, which forces every in-content link
   green. Without !important here the orange chip kept green text on hover (Gaurav, 2026-08-18:
   "hover pe text color bhi white karo"). Same trick gg-ui-fixes.php already uses for CTA anchors. */
.gardeningguider-entrycontent h2[id^="related"]+ul li a:hover{background:var(--gg-terra-cta,#BC5028);outline-color:var(--gg-terra-cta,#BC5028);box-shadow:0 8px 20px rgba(188,80,40,.28);transform:translateY(-2px);color:#fff!important;}
/* orange par purani rangeen leaf-chip aur terracotta arrow — dono gum ho jaate the, isliye white */
.gardeningguider-entrycontent h2[id^="related"]+ul li a:hover::before{background-color:rgba(255,255,255,.24);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");}
.gardeningguider-entrycontent h2[id^="related"]+ul li a:hover::after{opacity:1;color:#fff;transform:translateY(-50%) translateX(3px);}
.gardeningguider-entrycontent h2[id^="related"]+ul li a:focus-visible{outline:3px solid #2e7d32;outline-offset:2px;}

/* ===== Soft CTAs (top jump-link + mid banner → #gg-picks buy box) ===== */
.gardeningguider-entrycontent .gg-softcta-top{background:#f1f8e9;border-left:4px solid #e2683b;border-radius:10px;padding:10px 14px;margin:1.2em 0 1.6em;font-size:15px;}
.gardeningguider-entrycontent .gg-softcta-top a{color:#1b5e20;font-weight:600;text-decoration:none!important;display:flex;align-items:center;gap:8px;}
.gardeningguider-entrycontent .gg-softcta-top a .ar{margin-left:auto;color:#e2683b;font-weight:800;transition:transform .15s;}
.gardeningguider-entrycontent .gg-softcta-top a:hover{color:#c7552c;}
.gardeningguider-entrycontent .gg-softcta-top a:hover .ar{transform:translateY(2px);}
.gardeningguider-entrycontent .gg-softcta-mid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(234,244,234,.6));border:1px solid rgba(46,125,50,.18);border-radius:12px;padding:14px 16px;margin:2em 0;box-shadow:0 6px 20px rgba(27,94,32,.08);}
.gardeningguider-entrycontent .gg-softcta-mid .t{font-weight:700;color:#1b5e20;font-size:15.5px;}
.gardeningguider-entrycontent .gg-softcta-mid .b{margin-left:auto;display:inline-block;background:#BC5028;color:#fff!important;font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:10px;text-decoration:none!important;transition:background .15s,transform .15s;}
.gardeningguider-entrycontent .gg-softcta-mid .b:hover{background:#A64420;transform:translateY(-1px);}
@media (max-width:782px){.gardeningguider-entrycontent .gg-softcta-mid .b{margin-left:0;}}

/* ===== 2-col table + 300x600 ad side-by-side (Gaurav 2026-07-15) =====
   The .gardeningguider-themead class makes gg-ad-compliance apply its ADVERTISEMENT label and
   28px clearance by itself. Multi-column (3+) tables stay full width (filter below). */
.gg-tablead-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin:1.7em 0;}
.gg-tablead-row .gg-tablead-tbl table{margin:0!important;}
.gg-tablead-row .gg-tablead-ad{text-align:center;margin:0!important;}
/* Mobile and tablet: a 300x600 eats about 70% of the mobile viewport — Google's ad-density rule
   (ad > 30% viewport = limited/blank serving penalty) would be a risk. On mobile this ad is turned
   off completely and the table takes the full width (2026-07-23; it used to stack below). */
@media (max-width:992px){
  .gg-tablead-row{grid-template-columns:1fr;}
  /* 0-3-0 selector + !important — needed to beat gg-ui-fixes' themead display:block !important (0-2-0) */
  .gg-tablead-row .gg-tablead-ad.gardeningguider-themead{display:none !important;}
}

/* ===== Mobile — standard scale: H1 26 / H2 22 / H3 19 / H4 17 / body 16.5 ===== */
@media (max-width:782px){
  .gardeningguider-entrytitle{font-size:26px;}
  .gardeningguider-entrycontent{font-size:16.5px;line-height:1.7;}
  .gardeningguider-entrycontent h2{font-size:22px!important;}
  .gardeningguider-entrycontent h3{font-size:19px!important;}
  .gardeningguider-entrycontent h4{font-size:17px!important;}
  .gardeningguider-entrycontent h2[id^="related"]+ul{grid-template-columns:1fr;gap:8px;}
  .gardeningguider-entrycontent .gg-related-duo{grid-template-columns:1fr;gap:12px;}
}
/* == gg-author-card-css == */
.gardeningguider-authorbox{
  display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:14px!important;
  background:#f7f6f1!important;border:1px solid #e3e0d6!important;border-top:1px solid #e3e0d6!important;
  border-radius:14px!important;padding:16px 18px!important;margin:1.8em 0!important;overflow:visible!important;
}
.hentry .gardeningguider-authorbox img,
.gardeningguider-authorbox img{
  float:none!important;margin:0!important;width:60px!important;height:60px!important;
  border-radius:50%!important;flex:0 0 60px!important;box-shadow:0 2px 8px rgba(27,94,32,.18)!important;
}
.gardeningguider_authorinfo{
  flex:1 1 220px!important;min-width:0!important;margin:0!important;
  font-size:14px!important;line-height:1.5!important;color:#3a3a3a!important;
}
.gardeningguider-authorfooter{
  flex-basis:100%!important;overflow:visible!important;
  margin:6px 0 0!important;padding:6px 0 0!important;border-top:1px dashed #ddd8c8!important;
  min-height:0!important;height:auto!important;line-height:1!important;
}
.gardeningguider-author-link{font-size:12.5px!important;color:#6b6b6b!important;line-height:1!important;margin:0!important;}
.gardeningguider-author-link a{color:#1b5e20!important;font-weight:700!important;}
.gardeningguider-author-social a{color:#2e7d32!important;}
@media (max-width:782px){
  .hentry .gardeningguider-authorbox img,
  .gardeningguider-authorbox img{width:48px!important;height:48px!important;flex:0 0 48px!important;margin:0!important;}
  .gardeningguider-authorbox{text-align:left!important;padding:14px 16px!important;}
  .gardeningguider_authorinfo{font-size:13.5px!important;}
}

/* ===== compact "share" trigger — the PANEL itself is the site-wide one built by
   window.ggSharePop() (mu-plugins/gg-share-pop.php), so the author box, the post cards and the
   end-of-article bar can never drift apart again (Gaurav 2026-08-19: "ek hi source rakhna"). ===== */
.gardeningguider-authorfooter{position:relative!important;display:flex!important;align-items:center!important;
  flex-wrap:nowrap!important;gap:10px!important;}
.gg-authorcard-share-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;
  margin-left:auto!important;background:#eaf4ea!important;color:#1b5e20!important;border:1px solid #d4e8d5!important;
  border-radius:999px!important;padding:4px 11px!important;font-size:11.5px!important;font-weight:700!important;
  cursor:pointer!important;line-height:1.6!important;white-space:nowrap!important;transition:background .15s,transform .15s!important;}
.gg-authorcard-share-btn:hover{background:#2e7d32!important;color:#fff!important;transform:translateY(-1px)!important;}
.gardeningguider-authorfooter .gg-hc-pop{--gg-shp-right:0px}
/* == gg-chrome-a11y == */
/* WCAG 2.5.8: 24px minimum tap targets — shared chrome only (tool-level fixes live in each tool) */
.gg-lang-select{min-height:24px}
a.main-link{display:inline-flex;align-items:center;min-height:24px}
.gg-fcopy a,a.gg-fcopy-link{display:inline-flex;align-items:center;min-height:24px}
footer .menu-item > a{display:inline-flex;align-items:center;min-height:24px}
input[type="email"][name="email"]{min-height:24px}
/* ===== 2026-08-21 QA audit (mobile @390px) — hero carousel dots =====
   The dots are deliberately 7×7px so a row of them stays unobtrusive over the slide, so they cannot
   simply be made bigger. Instead each dot gets a CENTRED, invisible 24×24 hit area.
   The dot keeps its 7px box in the layout — nothing moves — but the finger target meets WCAG 2.5.8.
   `position:relative` on the button is what anchors it; `overflow:visible` on the row stops the row
   clipping the larger area (an earlier attempt clipped it and measured as fixed while it was not). */
.gg-hero-dots{overflow:visible}
.gg-hero-dot{position:relative}
.gg-hero-dot::after{content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;
  transform:translate(-50%,-50%);border-radius:50%;}
/* Adjacent dots would otherwise have overlapping 24px areas; keep them 24px apart so each hit area
   belongs to exactly one dot (WCAG counts an overlapped target as failing). */
.gg-hero-dots{gap:24px !important}
@media (max-width:480px){.gg-hero-dots{gap:24px !important;row-gap:14px !important}}
/* ===== 2026-08-21 QA audit (mobile @390px) — the last two genuine sub-24px controls =====
   1. the lead-magnet radio buttons rendered as bare 13×13 browser radios. The whole label is the
      target a finger actually aims at, so give the label the height and scale the dial up to 24px
      with a bit of room around it. */
label.gg-gift{display:flex;align-items:center;gap:9px;min-height:24px}
label.gg-gift input[type="radio"]{width:24px;height:24px;flex:0 0 24px;margin:2px 0;accent-color:#2E7D32}
/* 2. the search field inside the mobile drawer was 19px tall — below the minimum and awkward to hit. */
.ggmm-search input[type="search"]{min-height:40px;box-sizing:border-box}
.ggmm-search button{min-width:40px;min-height:40px}
/* NOT changed, deliberately: the "Privacy Policy" / "Cookie Policy" links that sit INSIDE a sentence
   in the newsletter fine print and the cookie banner. WCAG 2.5.8 exempts a target that is inline in a
   line of text, and padding them out to 24px would push the words of that sentence apart. */
/* == gg-redesign-css == */
:root{
  --gg-green:#2e7d32; --gg-forest:#1b5e20; --gg-terra:#e2683b; --gg-terra-d:#c7552c;
  --gg-ink:#1d3a28; --gg-text:#2d2d2d; --gg-line:#e7efe4; --gg-cream:#f7f6f1;
  --gg-maxw:1170px;
}
/* 2026-07-12/07-20 (Gaurav) — on a small laptop the side rail needs Google's 120px minimum width.
 * Narrow the container in those ranges so each gutter fits a 120px+ rail plus an 18px click-gap:
 *   1280-1365px (typical 1366x768 laptop, viewport ~1349) → 1000px  (gutter 140-182 → rail ~120-160)
 *   1366-1449px                                        → 1080px  (gutter 143-184 → rail ~123-164)
 *   at >=1450px with 1170px the formula already yields >=120px. (Gemini responsive strategy) */
/* 2026-08-15 (Gaurav: "the fixed ads on both sides show up on a big screen but not on a laptop —
 *   they should always be visible on every page").
 *   Measured: the rails were completely gone BELOW 1280px. The cause was the breakpoint itself,
 *   not a bug — but a real laptop falls below that breakpoint because WINDOWS DISPLAY SCALING
 *   reduces the CSS width: a 1366px screen @125% = 1093 CSS px, 1440 @125% = 1152, 1920 @150% = 1280.
 *   So it showed on a "big screen" (100% scaling) and not on a laptop (125% scaling).
 *   The most common laptop, 1366 @125% = 1093 CSS px, lands right in that hole, so a floor of 1100
 *   was NOT enough; we had to go down to 1024 (which also covers 1280 @125% = 1024).
 *   Keep the container narrow enough to leave a 130px rail plus a 20px click-gap on each side —
 *   (100vw - 300px). At 1024 the content is 724px, at 1279 it is 979px. A 724px text column is
 *   ~68ch, i.e. INSIDE the 50-75ch range in GG_STANDARDS — the reading width does not get worse,
 *   it gets slightly better. We did NOT go below 1024: at 992px the site's own mobile/tablet
 *   layout takes over. */
@media (min-width:1024px) and (max-width:1279px){
  :root{--gg-maxw:calc(100vw - 300px);}
}
@media (min-width:1280px) and (max-width:1365px){
  :root{--gg-maxw:1000px;}
}
@media (min-width:1366px) and (max-width:1449px){
  :root{--gg-maxw:1080px;}
}

/* ---------- LAYOUT WIDTH + SPACING ---------- */
.gardeningguider-siteinner,
.gardeningguider-sitemaincontent,
.gardeningguider-sitecontentinner{max-width:var(--gg-maxw);margin-left:auto;margin-right:auto;}
.gardeningguider-siteinner{padding-left:18px;padding-right:18px;box-sizing:border-box;}
/* HEADER bar = FULL WIDTH (content + footer stay 1180px) so all menu items + login/signup fit */
.gardeningguider-header2-top .gardeningguider-headerinner{max-width:none !important;width:auto !important;padding-left:1px !important;padding-right:1px !important;box-sizing:border-box;}
/* search ICON hidden — replaced by the inline search box (button-left) injected via JS */
.gardeningguider-header2-search-icon{display:none !important;}
/* keep menu + language changer + icons all on ONE row */
.gardeningguider-header2-right{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;}
.gardeningguider-header2-social-media{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;}
.gardeningguider-header2-top .gardeningguider_menu>ul.menu{flex-wrap:nowrap !important;}
/* inline header search box (injected by JS) — ALL visual styling is set INLINE in enforce()
 * so nothing here can conflict. Keep only placeholder colour + mobile hide. */
.gg-hdr-search:focus-within{border-color:#2e7d32 !important;box-shadow:0 0 0 3px rgba(46,125,50,.12) !important;background:#fff !important;}
.gg-hdr-search input::placeholder{color:#8a9b88;}
@media (max-width:1150px){.gg-hdr-search{display:none !important;}}
/* menu bar height = logo height + 2px; everything on one row, vertically centered like the menu */
.gardeningguider-header2-right{flex:0 0 auto !important;align-items:center !important;}
.gardeningguider-header2-social-media{margin-left:10px;align-items:center !important;}
.gg-lang-switch{display:inline-flex !important;align-items:center !important;line-height:1 !important;}
.gg-lang-switch .gg-lang-globe{display:inline-flex !important;align-items:center !important;line-height:1 !important;}
.gardeningguider-header2-social-media .gg-lang-switch select.gg-lang-select{vertical-align:middle !important;}
/* language switcher: clean solid border (kill the dotted/triangle focus outline) */
.gg-lang-switch select.gg-lang-select,
.gg-lang-switch select.gg-lang-select:focus,
.gg-lang-switch select.gg-lang-select:focus-visible,
.gg-lang-switch select.gg-lang-select:active{
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  outline:0 !important;outline-offset:0 !important;box-shadow:none !important;-webkit-box-shadow:none !important;
  border:1px solid #cfe0cf !important;border-style:solid !important;border-radius:8px !important;}
.gg-lang-switch select.gg-lang-select::-moz-focus-inner{border:0 !important;}
.gardeningguider-header2-social-media .gg-lang-switch select.gg-lang-select{color:#1d3a28 !important;background-color:#eef6ec !important;
  background-repeat:no-repeat !important;background-position:right 8px center !important;background-size:11px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%231d3a28'><path d='M7 10l5 5 5-5z'/></svg>") !important;}
.goog-te-gadget,.goog-te-combo,.skiptranslate iframe{border:0 !important;}
/* MODERN search overlay: dark blurred backdrop + centered white search card (was a flat full-page white) */
.gardeningguider-headersearchform_tab{background:rgba(12,28,16,.72) !important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex !important;align-items:flex-start !important;justify-content:center !important;}
/* in the CLOSED state kill the overlay COMPLETELY — the theme only uses opacity:0 plus translate, but our
   the redesigned inner element (position:relative, margin-top:17vh) left an invisible box hanging in the viewport
   and swallowed every hover and click in that band (dead mega-menu sections — Gaurav 2026-07-20 bug) */
.gardeningguider-headersearchform_tab{visibility:hidden !important;pointer-events:none !important;}
.gardeningguider-tab-search-active .gardeningguider-headersearchform_tab{visibility:visible !important;pointer-events:auto !important;}
.gardeningguider-headersearchform_tab .gardeningguider-headersearchform-inner{
  position:relative !important;left:auto !important;top:auto !important;transform:none !important;margin-top:17vh !important;
  width:min(640px,92vw) !important;max-width:640px !important;height:auto !important;
  background:#fff !important;border-radius:16px !important;padding:26px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.45) !important;text-align:left !important;}
.gardeningguider-headersearchform_tab .search-form,.gardeningguider-headersearchform_tab form{
  display:flex !important;gap:10px !important;align-items:center !important;margin:0 !important;}
.gardeningguider-headersearchform_tab input[type=search],.gardeningguider-headersearchform_tab input[type=text]{
  flex:1 !important;font-size:18px !important;padding:14px 16px !important;border:2px solid #e2ece1 !important;border-radius:10px !important;
  color:#1d3a28 !important;background:#f7f9f6 !important;width:auto !important;height:auto !important;text-align:left !important;box-shadow:none !important;}
.gardeningguider-headersearchform_tab input[type=search]:focus,.gardeningguider-headersearchform_tab input[type=text]:focus{border-color:#2e7d32 !important;background:#fff !important;outline:none !important;}
.gardeningguider-headersearchform_tab input[type=submit],.gardeningguider-headersearchform_tab button[type=submit]{
  background:#2e7d32 !important;color:#fff !important;border:0 !important;border-radius:10px !important;padding:14px 22px !important;font-weight:700 !important;font-size:15px !important;cursor:pointer !important;width:auto !important;}
.gardeningguider-headersearchform_tab .gardeningguider-subtext{display:block !important;color:#7a8a7a !important;font-size:13px !important;margin-top:12px !important;text-align:left !important;}
.gardeningguider-headersearchform_tab .gardeningguider-header-search-close{
  position:fixed !important;top:22px !important;right:30px !important;color:#fff !important;font-size:26px !important;cursor:pointer !important;opacity:.92;z-index:5;
  background:rgba(255,255,255,.14);width:46px;height:46px;border-radius:50%;display:flex !important;align-items:center;justify-content:center;}
.gardeningguider-headersearchform_tab .gardeningguider-header-search-close:hover{background:#2e7d32;color:#fff;}
body{background:var(--gg-cream);}
img{max-width:100%;height:auto;}

/* ============================================================
 * HEADER — clean white bar, compact logo, real nav
 * ============================================================ */
.gardeningguider-header2-top{background:#fff !important;border-bottom:1px solid var(--gg-line);box-shadow:0 2px 12px rgba(0,0,0,.07);}
/* STICKY HEADER: stick the whole <header> (its parent .sitecontainer spans the page, so sticky
   has room to stick throughout the scroll — sticking header2-top alone fails since its parent is short). */
/* announce/top bar SCROLLS AWAY on scroll; the menu (whole <header>) sticks at the very top in its place */
.gardeningguider-siteheader{position:sticky;top:0;z-index:1000;background:#fff;}
/* top announce/promo bar = FULL width, very THIN: only 3px padding on the text line, tight line-height */
#gg-announce{min-height:0 !important;font-size:12px !important;line-height:2.5 !important;position:relative !important;}
#gg-announce .gg-an-in{padding-top:2px !important;padding-bottom:2px !important;line-height:2.5 !important;align-items:center !important;}
#gg-announce .gg-an-msg{line-height:2.5 !important;}
/* cross button at the far RIGHT corner, vertically centered */
#gg-announce .gg-an-x{font-size:16px !important;line-height:1 !important;padding:0 !important;position:absolute !important;right:10px !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;}
/* theme ships a separate sticky-header clone that doesn't render the menu — hide it */
#gardeningguider-header-sticky{display:none !important;}
.gardeningguider-header2-top{padding:0 !important;}
.gardeningguider-header2-top .gardeningguider-headerinner{
  display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:0 !important;
  padding-top:2px !important;padding-bottom:2px !important;}
.gardeningguider-header2-left{flex:0 0 auto;display:flex;align-items:center;margin:0;}
.gardeningguider-header2-left h1{margin:0;line-height:0;}
/* compact logo */
.gardeningguider-header2-left img.custom-logo,
.gardeningguider-header2-left .gardeningguider-sitetitle img,
#gardeningguider-header-sticky img.custom-logo,
#gardeningguider-header-sticky .gardeningguider-sitetitle img{
  height:46px !important;width:auto !important;max-height:46px !important;}
.gardeningguider-header2-right{display:flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:flex-end;}

/* share/search icons */
.gardeningguider-header2-social-icon,.gardeningguider-header2-search-icon{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--gg-ink) !important;cursor:pointer;transition:.18s;background:transparent;}
.gardeningguider-header2-social-icon:hover,.gardeningguider-header2-search-icon:hover{
  background:#eef6ec;color:var(--gg-green) !important;}
.gardeningguider-header2-social-icon i,.gardeningguider-header2-search-icon i{font-size:16px;}

/* ---- DESKTOP: show the menu inline (theme hid it off-canvas) ---- */
@media (min-width:993px){
  .gardeningguider-header2-right .gardeningguider-mb-pm-menu-style,
  .gardeningguider-header-sticky-left .gardeningguider-mb-pm-menu-style{display:none !important;}

  .gardeningguider-header2-right nav.gardeningguider_menu,
  .gardeningguider-header-sticky-left nav.gardeningguider_menu{
    position:static !important;inset:auto !important;transform:none !important;
    opacity:1 !important;visibility:visible !important;z-index:auto !important;
    width:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;
    padding:0 !important;margin:0 !important;background:transparent !important;
    overflow:visible !important;display:flex !important;align-items:center;float:none !important;}

  nav.gardeningguider_menu .gardeningguider-mb-pm-menu-close,
  nav.gardeningguider_menu .gardeningguider-popup-menu-logo{display:none !important;}

  .gardeningguider_menu > ul.menu,
  .gardeningguider_menu ul#menu-main-menu-2026,
  .gardeningguider_menu ul#menu-main-menu-2027{
    display:flex !important;align-items:center;flex-wrap:wrap;gap:0;margin:0 !important;padding:0 !important;
    list-style:none;background:transparent !important;width:auto !important;}
  .gardeningguider_menu ul.menu > li{position:relative;float:none !important;margin:0 !important;border:0 !important;background:transparent !important;}
  .gardeningguider_menu ul.menu > li > a{
    display:block !important;padding:9px 13px !important;color:var(--gg-ink) !important;font-weight:600;
    font-size:15px;line-height:1.1;text-decoration:none;border:0 !important;background:transparent !important;
    border-radius:0 !important;box-shadow:none;transition:.16s;white-space:nowrap;}
  /* the underline spans ONLY the text width, starting AFTER the icon (icon is inline-block so nothing underlines it),
     ORANGE accent, the same 3px bar style — the box-shadow used to span the whole item including padding (Gaurav 2026-07-20) */
  /* trailing space collapses inside an inline-block, so provide the gap with a margin */
  .gardeningguider_menu ul.menu > li > a::before,
  .gardeningguider_menu ul.menu > li > a .gg-mi{display:inline-block;text-decoration:none;margin-right:.35em;}
  .gardeningguider_menu ul.menu > li > a:hover,
  .gardeningguider_menu ul.menu > li.current-menu-item > a,
  .gardeningguider_menu ul.menu > li.current-menu-ancestor > a{
    color:var(--gg-green) !important;background:transparent !important;box-shadow:none;
    text-decoration:underline !important;text-decoration-color:#E2683B !important; /* terracotta accent (allowed for borders/accents) */
    text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-skip-ink:none;}

  /* dropdown panels
     Gaurav 2026-09-01 (go-live menu audit, option A): "teeno dropdown square kar do".
     Naapa gaya tha ki Free Tools / Famous Gardens / About aapas me to bilkul identical hain, par
     Explore ka mega panel 0px corner par tha (Gaurav 2026-07-15: "panel box square") jabki ye teeno
     12px round the — yani square-rule sirf aadha laga tha. Ab chaaron ek jaise = 0px.
     Yahi selector nested (level-2) flyouts par bhi lagta hai, isliye Famous Gardens ke andar ke
     Europe/Asia/India/Americas panel bhi apne aap square ho jaate hain. */
  .gardeningguider_menu ul.menu .sub-menu{
    position:absolute !important;top:100% !important;left:0 !important;min-width:248px;
    background:#fff !important;border:1px solid var(--gg-line) !important;border-radius:0 !important;
    box-shadow:0 16px 44px rgba(20,45,25,.16) !important;padding:8px !important;margin:0 !important;
    opacity:0;visibility:hidden;transform:translateY(10px);transition:.16s;display:block !important;z-index:9999 !important;}
  .gardeningguider_menu ul.menu > li:hover > .sub-menu{opacity:1;visibility:visible;transform:none;}
  .gardeningguider_menu ul.menu .sub-menu li{width:100%;float:none !important;border:0 !important;}
  .gardeningguider_menu ul.menu .sub-menu li a{
    display:block !important;padding:10px 14px !important;color:#27402e !important;font-weight:500;font-size:14.5px;
    /* hover highlight bhi square (2026-09-01) — ek square panel ke andar 8px round patti
       phir se do bhasha bana deti thi, aur square Gaurav ka standing rule hai */
    border-radius:0;background:transparent !important;white-space:nowrap;}
  .gardeningguider_menu ul.menu .sub-menu li a:hover{background:#eef6ec !important;color:var(--gg-green) !important;}

  /* dropdown caret */
  .gardeningguider_menu .menu-item-has-children > a{padding-right:30px !important;}
  .gardeningguider_menu ul.menu > li.menu-item-has-children > a:after{
    content:"\f107";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;
    position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;opacity:.55;color:inherit;border:0;margin:0;}

  /* sticky-on-scroll clone — make it a clean white bar */
  #gardeningguider-header-sticky{background:#fff !important;box-shadow:0 2px 14px rgba(0,0,0,.08);}
  #gardeningguider-header-sticky .gardeningguider-headerinner{max-width:var(--gg-maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;}
  #gardeningguider-header-sticky .gardeningguider-header-sticky-search i{color:var(--gg-ink);}
}

/* ---- MOBILE / TABLET: readable green slide-out menu ---- */
@media (max-width:992px){
  .gardeningguider-push-out-menu,
  .gardeningguider-sticky-menu,
  .gardeningguider-pushout-secondary-menu{
    background:linear-gradient(180deg,#1b5e20,#14491a) !important;padding-top:2.2em !important;}
  .gardeningguider-push-out-menu .menu li a,
  .gardeningguider-sticky-menu .menu li a,
  .gardeningguider-pushout-secondary-menu .menu li a{
    color:#fff !important;font-size:16px !important;padding:13px 6px !important;border-bottom:1px solid rgba(255,255,255,.10) !important;}
  .gardeningguider-push-out-menu .menu .sub-menu li a{padding-left:20px !important;font-size:15px !important;opacity:.95;}
  .gardeningguider-popup-menu-logo a{color:#fff !important;}
  .gardeningguider-popup-menu-logo p{color:rgba(255,255,255,.8) !important;}
  .gardeningguider-mb-pm-menu-close:before,.gardeningguider-mb-pm-menu-close:after{background:#fff !important;}
  /* hamburger bars dark on the white header */
  .gardeningguider-mb-pm-menu-bar,
  .gardeningguider-mb-pm-menu-style:before,
  .gardeningguider-mb-pm-menu-style:after,
  .gardeningguider-mb-pm-menu-bar:before,
  .gardeningguider-mb-pm-menu-bar:after{background:var(--gg-ink) !important;}
}

/* ============================================================
 * ARTICLE TYPOGRAPHY + TABLES + AD PANELS
 * ============================================================ */
.gardeningguider-sitemaincontent{font-size:17px;line-height:1.75;color:var(--gg-text);}
.gardeningguider-sitemaincontent p{margin:0 0 1.05em;}
.gardeningguider-sitemaincontent h2{font-size:1.7em;line-height:1.25;margin:1.5em 0 .5em;color:var(--gg-ink);}
.gardeningguider-sitemaincontent h3{font-size:1.28em;margin:1.2em 0 .4em;color:var(--gg-ink);}
.gardeningguider-sitemaincontent ul,.gardeningguider-sitemaincontent ol{margin:0 0 1.1em;padding-left:1.4em;}
.gardeningguider-sitemaincontent li{margin:.32em 0;}
.gardeningguider-sitemaincontent img{border-radius:12px;}
.gardeningguider-sitemaincontent figure{margin:1.3em 0;}
/* tables -> clean + horizontally scrollable on small screens */
.gardeningguider-sitemaincontent table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.97em;display:block;overflow-x:auto;}
.gardeningguider-sitemaincontent th,.gardeningguider-sitemaincontent td{border:1px solid #e3ece1;padding:10px 12px;text-align:left;vertical-align:top;}
.gardeningguider-sitemaincontent thead th,.gardeningguider-sitemaincontent table tr:first-child th{background:#eef6ec;color:var(--gg-ink);}
/* ROW-HEADER GUARD (2026-08-13, UI seat) — a <th scope="row"> is a row LABEL, not a column
   header, so it must not pick up the pale header fill from the rule above. Pairs with the
   same guard in gg-article-style.php. */
.gardeningguider-sitemaincontent th[scope="row"],
.gardeningguider-sitemaincontent table tr:first-child th[scope="row"]{
  background:none;color:var(--gg-ink);font-weight:600;text-transform:none;letter-spacing:normal;}
.gardeningguider-sitemaincontent tr:nth-child(even) td{background:#fafbf9;}

/* ad slots -> labelled, centered, contained "panels" (no spammy sprawl) */
.gardeningguider-afterheaderad,.gardeningguider-afterheaderad,[class*="afterheader"],
[class*="beforefooter"],[class*="lyt1hltad"],[class*="lvedlhtmlad"]{
  max-width:100%;text-align:center;}
.gardeningguider-afterheaderad img,.gardeningguider-afterheaderad img{margin:0 auto;border-radius:12px;height:auto;}

/* ============================================================
 * SIDEBAR WIDGETS — clean cards
 * ============================================================ */
.gardeningguider-sidebar .widget,.gardeningguider-primary-sidebar .widget,.gardeningguider-secondary-sidebar .widget{
  background:#fff;border:1px solid var(--gg-line);border-radius:14px;padding:18px 18px 20px;margin-bottom:22px;box-shadow:0 2px 10px rgba(20,45,25,.04);}
.gardeningguider-sidebar .widget-title,.widget .widget-title{
  font-size:1.08em;margin:0 0 14px;padding-bottom:10px;color:var(--gg-ink);
  border-bottom:2px solid #eef0ec;position:relative;}
.gardeningguider-sidebar .widget-title:after,.widget .widget-title:after{
  content:"";position:absolute;left:0;bottom:-2px;width:46px;height:2px;background:var(--gg-green);}

/* ============================================================
 * FAQ ACCORDION
 * ============================================================ */
.gg-faq-wrap{margin:1.1em 0 1.6em;}
.gg-faq-item{border:1px solid var(--gg-line);border-left:4px solid #2E7D32;border-radius:12px;margin:10px 0;
  background:linear-gradient(180deg,#fff,#fbfdfb);box-shadow:0 1px 4px rgba(20,45,25,.05);
  transition:box-shadow .2s,border-color .2s,transform .2s;overflow:hidden;}
.gg-faq-item:hover{border-color:#cfe6cf;box-shadow:0 6px 18px rgba(46,125,50,.12);transform:translateY(-1px);}
.gg-faq-item[open]{box-shadow:0 8px 24px rgba(46,125,50,.12);border-color:#cfe6cf;border-left-color:#E2683B;background:#fff;}
.gg-faq-item summary{list-style:none;cursor:pointer;padding:16px 54px 16px 18px;font-weight:600;
  color:var(--gg-ink);position:relative;font-size:1.05em;line-height:1.5;}
.gg-faq-item summary::-webkit-details-marker{display:none;}
.gg-faq-item summary:hover{color:var(--gg-green);}
.gg-faq-item summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;line-height:26px;text-align:center;border-radius:50%;background:#eef6ec;
  color:var(--gg-green);font-size:1.25em;font-weight:400;transition:transform .2s,background .2s;}
.gg-faq-item[open] summary:after{content:"\2013";background:var(--gg-green);color:#fff;}
.gg-faq-a{padding:0 18px 16px;color:#3c3c3c;line-height:1.72;}
.gg-faq-a > *:first-child{margin-top:0;}
/* every 5s the closed "+" pulses (ring + tiny scale) to catch the eye and invite a tap */
@media (prefers-reduced-motion:no-preference){
  .gg-faq-item:not([open]) summary:after{animation:gg-faq-pulse 5s ease-out infinite;}
  @keyframes gg-faq-pulse{
    0%,82%{box-shadow:0 0 0 0 rgba(226,104,59,0);}
    84%{box-shadow:0 0 0 0 rgba(226,104,59,.55);transform:translateY(-50%) scale(1);}
    90%{transform:translateY(-50%) scale(1.18);}
    100%{box-shadow:0 0 0 12px rgba(226,104,59,0);transform:translateY(-50%) scale(1);}
  }
}

/* ============================================================
 * FOOTER (custom) — theme footer hidden, ours rendered in wp_footer
 * ============================================================ */
footer.gardeningguider-sitefooter{display:none !important;}
/* footer bg — plain dark green */
.gg-footer{background-color:#14361c;color:#cfe0cf;font-size:15px;line-height:1.6;margin-top:40px;
  /* GLASS shiny (Gaurav 2026-07-17): frosted top edge + inner glow + slow sheen sweep */
  position:relative;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 18px 34px -20px rgba(255,255,255,.20);}
.gg-footer::before{content:"";position:absolute;top:0;bottom:0;left:-35%;width:28%;z-index:0;
  background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.06) 50%,transparent 100%);
  transform:skewX(-18deg);animation:ggFtShine 10s ease-in-out infinite;pointer-events:none;}
@keyframes ggFtShine{0%,45%{left:-35%}90%,100%{left:120%}}
@media(prefers-reduced-motion:reduce){.gg-footer::before{animation:none;content:none;}}
.gg-footer-inner{position:relative;z-index:1;}
.gg-footer a{color:#cfe0cf;text-decoration:none;transition:.15s;}
.gg-footer a:hover{color:#fff;}
.gg-footer-inner{max-width:var(--gg-maxw);margin:0 auto;padding:46px 18px 0;box-sizing:border-box;}
/* 5 columns since 2026-08-17 (a Free Tools column was added) */
.gg-footer-main{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr 1.35fr;gap:28px;padding-bottom:34px;}
/* the four install badges need ~320px side by side; with a 5th column the brand column got narrower
   and the "iPhone & iPad" label (white-space:nowrap) spilled into the next column. Trim the badge to
   fit the column instead of letting it overflow. */
.gg-fbrand .gg-appbtn{max-width:156px;padding:8px 10px;}
.gg-fbrand .gg-appbtn-txt b{font-size:13px;}
.gg-fbrand .gg-app-row4{gap:8px;}
@media(max-width:1240px){.gg-footer-main{grid-template-columns:1.4fr 1fr 1fr 1.2fr;}}
/* "See all …" / "Browse all topics" &mdash; a nudge, not another list item */
.gg-fmore{font-weight:700;color:#cfe9c9 !important;}
.gg-fmore:hover{color:#fff !important;}
/* 2026-08-18 (Lighthouse via TESTING): the footer column titles were <h4> with no <h3> above them
   anywhere on the page — "heading order invalid", and a screen-reader user jumping by heading level
   hears a gap. They are <h3> now; both selectors are kept so the look is identical and any older
   markup still styles correctly. */
.gg-footer h3,.gg-footer h4{color:#fff;font-size:1.02em;margin:0 0 16px;letter-spacing:.2px;}
.gg-fcol ul{list-style:none;margin:0;padding:0;}
/* 2026-08-14 (UI seat): the footer category links were 16px tall — 14 standalone navigation
   links on every page of the site, all under the 24px a thumb needs. These are not links inside
   a sentence; each one is its own destination, so the exemption does not apply to them.
   The list gap drops 9px -> 4px to pay for most of the added height. Measured: a 7-link column
   goes 175px -> 196px, so the footer grows about 21px. Not "no change" — 21px of footer for
   fourteen links a thumb can actually hit is the trade being made. */
.gg-fcol ul li{margin:0 0 4px;}
.gg-fcol ul li a{font-size:14.5px;display:inline-flex;align-items:center;min-height:24px;}
.gg-flogo{display:inline-block;font-size:1.32em;font-weight:700;color:#fff !important;margin-bottom:10px;}
.gg-ftag{color:#a9c2a9;font-size:14px;margin:0 0 18px;max-width:340px;}
/* app buttons */
.gg-app-head{display:block;color:#fff;font-weight:600;margin-bottom:10px;font-size:14px;}
.gg-app-soon{display:inline-block;font-style:normal;font-size:10px;background:var(--gg-green);color:#fff;border-radius:20px;padding:2px 9px;margin-left:6px;letter-spacing:.3px;vertical-align:middle;}
/* 2026-07-12 Gaurav: both badges always on ONE ROW (they were stacking on laptops) —
   flexible equal width plus nowrap instead of a fixed 168px, so they fit on a row even in a narrow column */
.gg-app-row{display:flex;gap:10px;flex-wrap:nowrap;}
/* 2026-08-16: there are now FOUR buttons (Android · iPhone · Windows · Mac). Putting four on one
   row makes each button ~70px wide in the footer column (the text gets cut off), so use a 2x2
   grid — the older "one row" rule was written for two badges; with four, a grid is the right fit. */
.gg-app-row4{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex-wrap:wrap;}
.gg-app-row4 .gg-appbtn{max-width:none;}
.gg-app-free{display:inline-block;font-style:normal;font-size:10px;background:var(--gg-green);color:#fff;
  border-radius:20px;padding:2px 9px;margin-left:6px;letter-spacing:.3px;vertical-align:middle;}
@media(max-width:420px){.gg-app-row4{grid-template-columns:1fr;}}
.gg-appbtn{display:inline-flex;align-items:center;gap:10px;background:#0c1f12;color:#fff !important;
  border:1px solid #2c4a33;border-radius:11px;padding:8px 12px;flex:1 1 0;min-width:0;max-width:168px;box-sizing:border-box;}
.gg-appbtn:hover{background:#0a1a0f;border-color:var(--gg-green);transform:translateY(-2px);}
.gg-appbtn i,.gg-appbtn .gg-appbtn-ic{font-size:24px;line-height:1;flex:0 0 auto;}
.gg-appbtn-txt{display:flex;flex-direction:column;line-height:1.15;text-align:left;min-width:0;}
.gg-appbtn-txt small{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;opacity:.8;white-space:nowrap;}
.gg-appbtn-txt b{font-size:14px;font-weight:600;white-space:nowrap;}
.gg-fsocial{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;}
.gg-fsocial a{flex:none;}
.gg-fsocial a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:15px;}
.gg-fsocial a:hover{background:var(--gg-green);color:#fff !important;}
/* off-live placeholder (2026-08-17): same shape as a real icon so the footer can be judged, but
   visibly inert and not clickable — a profile URL turns it into a real <a> by itself. */
.gg-fsocial-soon{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.04);
  display:flex;align-items:center;justify-content:center;font-size:15px;
  color:rgba(255,255,255,.32);border:1px dashed rgba(255,255,255,.18);cursor:default;}
/* ===== footer cards (2026-08-20) — the SAME component as the community sidebar. The original lives
   in plugins/gg-forum/gg-forum-community.php but its CSS only prints on community pages, so this is
   a deliberate, identical copy. Keep the two in step if either is restyled. ===== */
.gg-fcards .ggfc-askcard{margin:0 0 12px;padding:13px 14px;border-radius:12px;
  background:linear-gradient(165deg,#2E7D32,#1B5E20);color:#fff;}
.gg-fcards .ggfc-askcard b{display:block;font-size:13.5px;margin-bottom:4px;color:#fff;}
.gg-fcards .ggfc-askcard span{display:block;font-size:12px;line-height:1.5;color:#D8EBD6;margin-bottom:10px;}
.gg-fcards .ggfc-askcard span strong{color:#fff;font-weight:800;}
.gg-fcards .ggfc-askcard a{display:block;text-align:center;background:#BC5028;color:#fff !important;
  text-decoration:none;font-weight:700;font-size:12.5px;border-radius:9px;padding:9px 8px;}
.gg-fcards .ggfc-askcard a:hover{background:#2E7D32;color:#fff !important;}   /* CTA hover = green (Gaurav) */
/* the membership card leads with the price, so it gets the deeper card + a terracotta edge */
.gg-fcards .gg-fcard-pro{background:linear-gradient(165deg,#1B5E20,#123F14);border:1px solid rgba(226,104,59,.55);}
/* the per-month figure is the thing that makes a reader click, so it is the biggest text on the card */
.gg-fcards .gg-fprice{display:flex !important;align-items:baseline;gap:5px;margin:0 0 6px !important;}
.gg-fcards .gg-fprice em{font-style:normal;font-size:11.5px;color:#BFE0BD;}
.gg-fcards .gg-fprice strong{font-size:26px;line-height:1.1;font-weight:800;color:#fff;}
.gg-fcards .gg-fcard-pro i{display:block;font-style:normal;margin-top:5px;font-size:11px;color:#A9C6A7;}
.gg-fcards .gg-fnowrap{white-space:nowrap;}
/* newsletter */
.gg-fnews p{color:#a9c2a9;font-size:13.5px;margin:0 0 10px;line-height:1.45;}
/* 2026-07-12 Gaurav: inputs WHITE (dark box me typing text visible ho) + tighter spacing */
.gg-fnews-form{display:flex;flex-direction:column;gap:5px;}
.gg-fnews-form input{padding:8px 12px;border:1px solid #c9d8c9;border-radius:8px;background:#fff;color:#1f2a1f;font-size:13.5px;width:100%;box-sizing:border-box;line-height:1.3;}
.gg-fnews-form input::placeholder{color:#6b7d6b;}
.gg-fnews-form input:focus{outline:none;border-color:var(--gg-green);box-shadow:0 0 0 3px rgba(46,125,50,.25);}
.gg-fnews-form button{padding:8px 14px;border:0;border-radius:8px;background:var(--gg-terra);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.15s;line-height:1.3;}
.gg-fnews-form button:hover{background:var(--gg-terra-d);color:#fff;}
/* privacy line — RIGHT align + compact (line-height kam, Gaurav 2026-07-12) */
.gg-ftrust{color:#8aa68a !important;font-size:11px !important;margin-top:5px !important;text-align:right !important;line-height:1.15 !important;}
.ggw-news-ok{color:#bfe3bf;font-weight:600;}
/* bottom bar */
/* FULL-WIDTH BAND (2026-08-20) — same shape as the header: the band itself runs edge to edge and
   carries the rule + background, while .gg-fbot-inner holds the content on the page's own grid.
   `.gg-footer-inner` is closed BEFORE this band in the markup, so nothing here has to fight a
   max-width it sits inside. */
.gg-footer-bottom{width:100%;border-top:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);padding:0;font-size:13px;color:#94ab94;position:relative;z-index:1;}
/* 2026-08-22 (Gaurav: "gg-footer-bottom ka content full width jaise header hai waisa karo, left wale
   ko left se aur right wale ko right se"). The BAND was already edge to edge, but its inner box was
   still held to --gg-maxw (1180px) and centred — so on a wide screen the copyright started ~200px in
   from the left and the legal links ended ~200px short of the right. The header solves this with
   `max-width:none; width:auto` on .gardeningguider-headerinner; this is the same rule, so the two
   bars now share one geometry. Side padding is 10px rather than the header's 1px because this bar is
   TEXT — at 1px the "©" would touch the screen edge, while 10px lines up with the header logo's own
   visible left edge. The left/right split itself is the existing margin-right:auto on .gg-fcopy. */
.gg-fbot-inner{max-width:none;width:auto;margin:0;padding:16px 10px 18px;box-sizing:border-box;}
/* gap 12→10 and 13→12.5px below: with the copyright now sharing this row, "Refund Policy" was the
   one item pushed onto a second line by ~30px. Tightening both buys that back, so the whole legal
   bar is a single row on a normal desktop. */
.gg-fbot-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;}
/* 2026-08-14 (UI seat): these were 21px tall — just under the 24px a thumb needs, and they are
   the legal links, which is exactly where a mis-tap wastes someone's time. Vertical padding
   takes them to 24px; the row gap drops from 18 to 12 so the visible spacing between links and
   the footer's overall height stay where the design put them. */
.gg-fbot-links a{font-size:12.5px;display:inline-flex;align-items:center;min-height:24px;padding:0 3px;}
/* …but NOT the "Gardening Guider" link inside the copyright: it sits mid-sentence, and the 3px
   padding + inline-flex opened a visible gap before the full stop ("Gardening Guider . All rights").
   It is a text link, not a tap target in the link row, so it stays plain inline. */
.gg-fbot-links .gg-fcopy-link{display:inline;padding:0;min-height:0;}
/* 2026-08-17: the copyright now sits INSIDE .gg-fbot-links as its first item, so it wraps on the
   same row as the legal links instead of taking a line of its own. The thin divider after it keeps
   the legal name visually separate from the link list.
   NOT inline-flex: as a flex container the <p> turns "© 2026 " and the link into separate flex
   items and the space between them collapses ("© 2026Gardening Guider"). It stays a normal text
   block; only the divider after it is a box.
   (Until 2026-08-21 the second half of this note sat OUTSIDE the comment — an unterminated `*/`
   turned "NOT inline-flex: …" into a stray selector, and CSS error-recovery swallowed the whole
   .gg-fcopy rule below it. The rule was dead; the values only survived because .gg-fbot-links > *
   further down happens to set the same three properties.) */
.gg-fcopy{margin:0;text-align:left;font-size:12.5px;line-height:24px;}
.gg-fcopy::after{content:"";display:inline-block;vertical-align:middle;width:1px;height:13px;margin:0 0 0 12px;background:rgba(255,255,255,.20);}
.gg-fcopy-link{color:var(--gg-terra) !important;font-weight:700;}
.gg-fcopy-link:hover{color:var(--gg-terra-d) !important;text-decoration:underline;}
/* ===== FIVE COLUMN HEADINGS = ONE ROW (Gaurav 2026-08-20: "footer ke jitne header hain… sab ko ek
   row sequence me rakho"). They already started at the same y, but they did not READ as a row: the
   brand line was 19.8px/700 and the four h3s 15.3px/400, with different heights (37 vs 33) and
   different bottom margins (10 vs 16). One size, one weight, one height, one gap below. ===== */
.gg-footer-main .gg-fcol > h3,
.gg-footer-main .gg-fbrand .gg-flogo{
  font-size:17px !important;line-height:28px !important;font-weight:700 !important;
  color:#fff !important;margin:0 0 14px !important;min-height:28px;
  padding:0 !important;border:0 !important;   /* the theme padded the h3 to 46px — the brand line is 28px,
                                                 so every column started its list at a different height */
  display:flex;align-items:center;gap:8px;}
.gg-footer-main .gg-fbrand .gg-flogo span{font:inherit;}
/* ===== ONE STRAIGHT ROW (Gaurav 2026-08-20: "sab ek row me seedhi, size aur font standard") =====
   MEASURED before this block: the six items sat on THREE different baselines (copyright top=3775,
   links 3781, the Cookie Settings button 3766) and carried three different sizes/colours
   (13px vs 12.5px, #94AB94 vs #CFE0CF) — the theme was overriding .gg-fcopy. Everything in the bar
   now takes one size, one line-height, one colour and one vertical centre line. Total measured width
   is ~920px inside a 1044px bar, so it fits on one line; below 1180px it is allowed to wrap again. */
/* wrap, not nowrap (2026-08-21): with Cookie Policy back the row holds six links, and under
   flex-wrap:nowrap the items shrank instead — every label split down the middle ("Privacy / Policy",
   "Terms of / Use"). Labels are now unbreakable and the ROW is what gives way, so a bar that does not
   fit drops a whole link to the next line (still right-aligned) rather than hyphenating in place. */
/* gap 14 -> 8. Measured on a 1280 screen: the seven items need 972px in a 964px bar — short by
   EIGHT pixels, which is why "Cookie Settings" alone dropped to a second line. Six gaps × 6px saved
   buys 36px, so the bar is one clean line from 1280 up; below ~1180 it genuinely does not fit and is
   allowed to wrap, right-aligned. */
.gg-fbot-links{flex-wrap:wrap;align-items:center;gap:4px 8px;justify-content:flex-end;}
.gg-fbot-links > a,.gg-fbot-links > button{white-space:nowrap;flex:0 0 auto;}
.gg-fbot-links > *{font-size:12.5px !important;line-height:24px !important;font-weight:400 !important;
  color:#CFE0CF !important;margin:0 !important;}
.gg-fbot-links a,.gg-fbot-links button{display:inline-flex;align-items:center;min-height:24px;padding:0 !important;}
.gg-fbot-links .gg-fcopy{display:block;white-space:nowrap;}
/* 2026-08-21 (Gaurav: "footer ke ye legal links right se arrange karo"): the copyright keeps the
   left edge and every legal link is pushed to the RIGHT edge of the bar, so the row ends flush with
   the content grid instead of trailing off in the middle. One auto margin does it — no wrapper
   element, and the mobile centring below still wins because there the copyright is full-width. */
.gg-fbot-links .gg-fcopy{margin-right:auto !important;}
.gg-fbot-links .gg-fcopy-link{display:inline;font-weight:700 !important;color:var(--gg-terra) !important;}
/* 2026-08-22 (Gaurav: "cookies setting pe underline hai use hata do — ya standard hai to sab pe
   laga do"). It was the only underlined item in a row of six plain links, so it read as a different
   KIND of thing. Underline removed rather than added to the other five: this bar is small muted
   13px text, and six underlined labels on a dark band is noise. Now one style for the whole row —
   the <button> already looks and behaves like the links around it. */
.gg-fbot-links #gg-cookie-settings{text-decoration:none;}
@media (max-width:1180px){
  /* Below 1180 the bar wraps, and once the copyright takes a line of its own the auto margin has
     nothing left to push against — the links fell back to the left edge, 699px short of the right
     one (measured). Right-align the flex row itself so the link line still ends flush, whether the
     bar is one line or two. The ≤600 block below re-centres it for phones and, coming later, wins. */
  .gg-fbot-links{flex-wrap:wrap;gap:6px 14px;justify-content:flex-end;}
  .gg-fbot-links .gg-fcopy{white-space:normal;margin-right:auto !important;}
}

/* ============================================================
 * PREV / NEXT POST NAV — engaging cards (square border hata, title highlight)
 * ============================================================ */
.post-navigation{border:0!important;background:transparent!important;margin:26px 0 6px!important;padding:0!important;box-shadow:none!important;}
.post-navigation .nav-links{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;}
.post-navigation .nav-previous,.post-navigation .nav-next{border:0!important;background:transparent!important;margin:0!important;padding:0!important;width:auto!important;float:none!important;}
.post-navigation .nav-links a{display:flex!important;align-items:center;gap:13px;padding:15px 18px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbf6)!important;border:1.5px solid #e3ede0!important;border-radius:15px!important;
  text-decoration:none!important;box-shadow:0 2px 10px rgba(20,45,25,.05);transition:transform .18s,box-shadow .18s,border-color .18s;color:inherit!important;height:100%;box-sizing:border-box;}
.post-navigation .nav-links a:hover{transform:translateY(-3px);border-color:#2e7d32!important;box-shadow:0 12px 28px rgba(46,125,50,.16);}
.post-navigation .nav-next a{flex-direction:row-reverse;text-align:right;}
/* arrow chip */
.post-navigation .nav-links a > span{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#eef6ec;
  display:flex!important;align-items:center;justify-content:center;color:#2e7d32;transition:background .18s,color .18s,transform .18s;}
.post-navigation .nav-links a:hover > span{background:#2e7d32;color:#fff;}
.post-navigation .nav-previous a:hover > span{transform:translateX(-3px);}
.post-navigation .nav-next a:hover > span{transform:translateX(3px);}
.post-navigation .nav-links a > span i{font-size:15px;line-height:1;}
/* label (PREV/NEXT POST) — small muted */
.gardeningguider_snlgepdsg{font-size:11px!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important;
  color:#8a9b88!important;margin:0 0 3px!important;}
/* the post TITLE — highlighted (bigger, ink, hover green) */
.gardeningguider_snlgenpntit{font-size:15px!important;font-weight:700!important;line-height:1.35!important;color:#1d3a28!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s;}
.post-navigation .nav-links a:hover .gardeningguider_snlgenpntit{color:#2e7d32!important;}
@media (max-width:600px){.post-navigation .nav-links{grid-template-columns:1fr;gap:12px;}}

/* ============================================================
 * RESPONSIVE
 * ============================================================ */
@media (max-width:992px){
  .gg-footer-main{grid-template-columns:1fr 1fr;gap:28px;}
  .gg-fbrand{grid-column:1 / -1;}
}
@media (max-width:600px){
  .gardeningguider-header2-left img.custom-logo,.gardeningguider-header2-left .gardeningguider-sitetitle img{height:40px !important;}
  .gardeningguider-sitemaincontent{font-size:16px;}
  .gardeningguider-sitemaincontent h2{font-size:1.42em;}
  .gg-footer-inner{padding:34px 16px 0;}
  /* mobile: 2-column — brand+newsletter full-width, link-lists (Explore/Grow) side-by-side */
  .gg-footer-main{grid-template-columns:1fr 1fr;gap:24px 18px;}
  .gg-fbrand,.gg-fnews{grid-column:1 / -1;}
  .gg-appbtn{width:auto;flex:1 1 46%;min-width:0;justify-content:center;}
  /* bottom links + copyright: mobile pe CENTER */
  .gg-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:10px;}
  .gg-fbot-links{justify-content:center;}
  /* mobile: the copyright takes the full width and the links centre under it, so the divider that
     separates the two on desktop would just dangle at the end of a centred sentence — off here. */
  /* !important because the desktop right-align above uses it too — without it the auto margin would
     survive down here and shove the centred link row off to one side */
  .gg-fcopy{margin:0 !important;text-align:center;width:100%;}
  .gg-fcopy::after{display:none;}
}
/* ============================================================
 * NAV BREATHING ROOM, 761–1180px (2026-08-17, Gaurav's menu review)
 * Two items joined the primary menu (Home was added back, and "Free App" + "About" came up from the
 * footer). MEASURED at 1024px: the row no longer fitted and the orange "Free Cheat Sheet" button
 * dropped onto a second line under the logo. Between the tablet floor and the width where it did
 * still fit, the emoji icons are dropped and the item padding tightens — the LABELS all stay, which
 * is what a visitor actually reads. Above 1180px nothing changes.
 * ============================================================ */
@media (min-width:761px) and (max-width:1180px){
  .gardeningguider_menu ul.menu > li > a{padding-left:9px!important;padding-right:9px!important;font-size:14px!important;}
  .gardeningguider_menu ul.menu > li > a .gg-mi{display:none!important;}
  .gardeningguider_menu .menu > li.menu-item-home > a::before,
  .gardeningguider_menu .menu li.gg-explore > a::before,
  .gardeningguider_menu .menu li.gg-forum-navlink > a::before{content:none!important;}
}
/* …and the right-hand cluster too. Dropping the emoji alone was NOT enough: measured again at
   1024px, the CTA still wrapped. The language <select> is the widest passenger there (it spells out
   "English"), so below 1100 it keeps its globe and shrinks to the flag + code. It is still the same
   native, keyboard-operable select with its aria-label — only its width changes. */
@media (min-width:761px) and (max-width:1100px){
  .gardeningguider_menu ul.menu > li > a{padding-left:7px!important;padding-right:7px!important;}
  .gg-lang-div{padding:2px 2px 2px 5px;}
  .gg-lang-div .gg-lang-switch{gap:2px;}
  .gg-lang-div .gg-lang-switch select.gg-lang-select{max-width:46px;padding-right:16px!important;}
}
html{scroll-behavior:smooth;}
/* == gg-glass-theme == */
/* ---------- soft green gradient + faint leaf pattern background ---------- */
body{
  background-color:#eef5ea !important;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='84'%20height='84'%20viewBox='0%200%2084%2084'%3E%3Cg%20fill='none'%20stroke='%232e7d32'%20stroke-opacity='0.07'%20stroke-width='2'%3E%3Cpath%20d='M14%2070%20C30%2055%2040%2040%2042%2014'/%3E%3Cpath%20d='M42%2030%20C30%2028%2022%2034%2018%2046'/%3E%3Cpath%20d='M42%2044%20C54%2042%2062%2048%2066%2060'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(160deg,#f7f6f1 0%,#edf5ea 45%,#e0efdb 100%) !important;
  background-repeat:repeat,no-repeat !important;
  background-size:84px 84px,cover !important;
  background-attachment:fixed,fixed !important;
}
/* let the body background show through the big wrappers (gutters around content) */
.gardeningguider-sitecontainer,
.gardeningguider-sitemaincontent,
.gardeningguider-sitemaincontent_inner,
.gardeningguider-primarycontentarea,
.gardeningguider-primarysidebar,
.gardeningguider-secondarysidebar{background:transparent !important;}

/* ---------- glass mixin: frosted, medium strength ---------- */
.widget,
.gardeningguider-related-posts,
.gardeningguider-postoptionbox,
.gardeningguider-sidebar-sticky .widget,
.gg-hdr-search{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(11px) saturate(1.25);
  backdrop-filter:blur(11px) saturate(1.25);
  border:1px solid rgba(255,255,255,.6) !important;
  box-shadow:0 6px 24px rgba(20,45,25,.09) !important;
  border-radius:16px !important;
}
.widget{padding:18px 18px !important;margin-bottom:22px !important;}

/* header top bar = subtle frosted glass (keeps the green menu bar as-is) */
.gardeningguider-header2-top,
.gardeningguider-header2-top .gardeningguider-headerinner{
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  backdrop-filter:blur(12px) saturate(1.2);
}

/* ---------- ARTICLE CONTENT = GREEN glass card (Gaurav 2026-06-26) ----------
 * Was a near-white card; now a translucent light-green so the page's green
 * gradient + faint leaf pattern shows THROUGH the content body too, while dark
 * text stays readable. */
/* Gaurav 2026-06-30: content card back to plain WHITE (was a translucent green "glass").
   White bg + near-white border; the soft shadow + radius still set it off from the page. */
.gardeningguider-contentarea{
  background:#ffffff !important;
  border:1px solid #ffffff !important;
  box-shadow:0 8px 30px rgba(20,45,25,.10) !important;
  border-radius:18px !important;
  padding:22px 24px !important;
  margin-bottom:24px !important;
}
.gardeningguider-entrycontent{color:#23302a !important;}
/* readability: comfy line-height + max measure for body text */
.gardeningguider-entrycontent p,
.gardeningguider-entrycontent li{line-height:1.85 !important;font-size:17px !important;}

/* ---------- AD blocks: stay plain (no glass), unaffected ---------- */
.gardeningguider-themead,
[class*="postinnerad"],[class*="postbottomad"],[class*="singlepostad"],[class*="singlepostbtmad"]{
  background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:none !important;border:0 !important;
}

/* ---------- footer widgets: glass tint on the dark footer ---------- */
.gardeningguider-footerwidgets .widget{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

/* ---------- ENGAGEMENT: smooth hover-lift on cards ---------- */
.widget,.gardeningguider-related-posts,.gardeningguider-contentarea{transition:transform .25s ease,box-shadow .25s ease;}
.gardeningguider-related-posts:hover,.widget:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(20,45,25,.14) !important;}

/* mobile: drop fixed-attachment (smoother scroll) */
@media (max-width:782px){body{background-attachment:scroll,scroll !important;}}
/* == gg-accounts-css == */
:root{--gg-green:#2e7d32;--gg-forest:#1b5e20;--gg-terra:#e2683b;--gg-terra-d:#c7552c;--gg-ink:#1d3a28;--gg-line:#dbe8d7;}

/* ---- header clusters sit on one row, vertically centered ---- */
.gardeningguider-header2-social-media{display:flex !important;align-items:center !important;gap:8px;}

/* ===== 2026-08-21 QA audit M3 — HEADER LAYOUT SHIFT (Core Web Vitals CLS) =====
   Measured: the search icon painted at x=973 and jumped to x=1096 about a second later, so the very
   first click a reader makes can land on the wrong control. Two separate causes, both fixed here by
   RESERVING the space at first paint instead of letting late work create it:
     1. the account button is appended by JS (see place() above) — a 40px element that did not exist
        during the first paint. The ::after placeholder below holds exactly that much room and steps
        aside the moment the real button lands.
     2. the language <select> starts narrow and widens once its font and option text are ready.
   Neither changes any behaviour; they only stop the row from resizing under the reader's cursor. */
.gardeningguider-header2-social-media,.gardeningguider-header2-right,.gardeningguider-headertopright{min-height:40px;}
.gardeningguider-header2-social-media::after,.gardeningguider-header2-right::after,.gardeningguider-headertopright::after{
  content:'';flex:0 0 40px;height:40px;pointer-events:none;}
.gardeningguider-header2-social-media:has(.gg-acct-div)::after,
.gardeningguider-header2-right:has(.gg-acct-div)::after,
.gardeningguider-headertopright:has(.gg-acct-div)::after{display:none;}
/* keep the visual order identical on every template, whichever container the theme happens to use */
.gg-lang-div{order:1;} .gg-acct-div{order:2;}

/* ---- LANGUAGE-CHANGER div ----
   2026-09-04 (Gaurav ne pakda: "EN button ke neeche ek aur button kyun hai"): ye wrapper PURANE
   <select> ke liye ek pill tha (bg + border + min-width:130px). Naya Amazon-style .gg-lang-btn
   khud ek pill hai — do pill ek ke andar/neeche dikh rahe the. Wrapper ab bina chrome ke sirf
   layout/order ke liye hai (min-height CLS reserve ke liye rakha). */
.gg-lang-div{display:inline-flex;align-items:center;line-height:1;min-height:34px;box-sizing:border-box;
  background:none;border:0;padding:0;min-width:0;}
/* 2026-09-04 (Gaurav ka zoom-screenshot: EN pill search/user se 12px UPAR jhaank rahi thi —
   measured: .gg-lang-btn y=-7.5 jabki wrapper y=5). Bich ki .gg-lang-switch apni line-box height
   par thi aur 40px button uske aar-paar overflow karta tha. Switch ab wrapper jitna, sab center. */
.gg-lang-div .gg-lang-switch{margin:0 !important;height:100%;align-items:center;align-self:stretch;}
.gg-lang-div .gg-lang-btn{margin:0;align-self:center;}

/* ---- USER-PROFILE ICON div + dropdown ---- */
.gg-acct-div{position:relative;display:inline-flex;align-items:center;}
.gg-acct-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:0;border-radius:11px;cursor:pointer;padding:0;transition:transform .16s,box-shadow .16s,filter .16s;}
/* GUEST: inviting green-gradient circle + white user icon + terracotta "join" dot */
.gg-acct-guest .gg-acct-toggle{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;
  box-shadow:0 3px 10px rgba(27,94,32,.28), inset 0 1px 0 rgba(255,255,255,.22);}
.gg-acct-guest .gg-acct-toggle:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 16px rgba(27,94,32,.4), inset 0 1px 0 rgba(255,255,255,.22);}
.gg-acct-guest .gg-acct-toggle svg{display:block}
.gg-acct-dot{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;
  background:#BC5028;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.gg-acct-guest .gg-acct-toggle:hover .gg-acct-dot{animation:gg-acct-pulse 1.2s ease-out infinite}
@keyframes gg-acct-pulse{0%{box-shadow:0 0 0 0 rgba(226,104,59,.5)}100%{box-shadow:0 0 0 7px rgba(226,104,59,0)}}
/* MEMBER: keep the soft pill with avatar */
.gg-acct-member .gg-acct-toggle{border:1px solid var(--gg-line);background:#eef6ec;color:var(--gg-ink);}
.gg-acct-member .gg-acct-toggle:hover{background:#e2efe0;border-color:var(--gg-green);color:var(--gg-green);}
.gg-acct-toggle .gg-acct-ava,.gg-acct-toggle img{width:28px;height:28px;border-radius:50%;display:block;}

.gg-acct-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:250px;background:#fff;
  border:1px solid var(--gg-line);border-radius:14px;box-shadow:0 18px 50px rgba(20,45,25,.20);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:10000;}
/* invisible bridge so hover doesn't drop crossing the gap */
.gg-acct-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;}
.gg-acct-div.gg-open .gg-acct-menu{opacity:1;visibility:visible;transform:none;}
/* GUEST: HOVER opens the popup (click works too) */
.gg-acct-guest:hover .gg-acct-menu,.gg-acct-guest:focus-within .gg-acct-menu{opacity:1;visibility:visible;transform:none;}

/* engaging JOIN header inside the popup */
.gg-acct-join{padding:14px 14px 12px;text-align:center;border-bottom:1px solid #eef0ec;margin:2px 4px 6px;display:flex;flex-direction:column;gap:3px;}
.gg-acct-join-ic{font-size:26px;line-height:1;margin-bottom:2px;}
.gg-acct-join strong{color:var(--gg-forest);font-size:15.5px;font-weight:800;}
.gg-acct-join span{color:#7a8a7a;font-size:12.5px;line-height:1.5;}
/* buttons */
.gg-acct-mbtn{display:flex!important;align-items:center;justify-content:center;height:44px;margin:0 4px;border-radius:10px;
  font-weight:800;font-size:14px;text-decoration:none;transition:.15s;}
/* login and signup share one colour (both solid green) — Gaurav 2026-07-05 */
.gg-acct-msignup,.gg-acct-mlogin{background:var(--gg-green);color:#fff!important;box-shadow:0 4px 12px rgba(46,125,50,.26);margin-bottom:7px!important;}
.gg-acct-msignup:hover,.gg-acct-mlogin:hover{background:var(--gg-forest);color:#fff!important;}
.gg-acct-mlogin{margin-bottom:4px!important;}
/* member dropdown items */
.gg-acct-member .gg-acct-menu a,.gg-acct-member .gg-acct-menu button{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;
  padding:10px 12px;border-radius:8px;color:#27402e;font-size:14.5px;font-weight:500;text-decoration:none;
  background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;}
.gg-acct-member .gg-acct-menu a:hover,.gg-acct-member .gg-acct-menu button:hover{background:#eef6ec;color:var(--gg-green);}
.gg-acct-member .gg-acct-menu a i,.gg-acct-member .gg-acct-menu button i{width:18px;text-align:center;opacity:.8;}
.gg-acct-mhead{padding:9px 12px 8px;border-bottom:1px solid #eef0ec;margin-bottom:4px;display:flex;flex-direction:column;}
.gg-acct-mhead strong{color:var(--gg-ink);font-size:14.5px;}
.gg-acct-mhead span{color:#7a8a7a;font-size:12px;overflow:hidden;text-overflow:ellipsis;}
.gg-acct-mlogout{margin:0;}

@media (max-width:992px){
  .gg-acct-menu{position:fixed;top:auto;right:12px;left:auto;}
  /* there is no hover on mobile, so the guest icon opens on click */
  .gg-acct-guest:hover .gg-acct-menu{opacity:0;visibility:hidden;}
  .gg-acct-guest.gg-open .gg-acct-menu{opacity:1;visibility:visible;transform:none;}
}

/* ============================================================
 * ACCOUNT PAGES — login / signup / profile cards
 * ============================================================ */
.gg-acct-card{max-width:440px;margin:30px auto;background:#fff;border:1px solid var(--gg-line);
  border-radius:18px;padding:30px 30px 26px;box-shadow:0 10px 36px rgba(20,45,25,.08);}
.gg-acct-profile{max-width:560px;}
.gg-acct-card h2{margin:0 0 6px;color:var(--gg-ink);font-size:1.5em;}
.gg-acct-sub{color:#7a8a7a;margin:0 0 18px;font-size:14.5px;}
.gg-acct-form{display:flex;flex-direction:column;gap:14px;}
.gg-acct-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--gg-ink);font-size:14px;}
.gg-acct-form label small{font-weight:400;color:#8a9b88;}
.gg-acct-form input[type=text],.gg-acct-form input[type=email],.gg-acct-form input[type=password],
.gg-acct-form textarea{
  width:100%;box-sizing:border-box;padding:12px 13px;border:1.5px solid var(--gg-line);border-radius:10px;
  font-size:15px;color:#1d3a28;background:#f7f9f6;font-family:inherit;transition:.15s;}
.gg-acct-form input:focus,.gg-acct-form textarea:focus{outline:none;border-color:var(--gg-green);background:#fff;
  box-shadow:0 0 0 3px rgba(46,125,50,.12);}
.gg-acct-fs{border:1px solid var(--gg-line);border-radius:12px;padding:14px 14px 4px;margin:4px 0 0;display:flex;flex-direction:column;gap:14px;}
.gg-acct-fs legend{font-weight:700;color:var(--gg-ink);font-size:13.5px;padding:0 6px;}
.gg-acct-fs legend small{font-weight:400;color:#8a9b88;}
.gg-acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.gg-acct-check{flex-direction:row !important;align-items:center;gap:7px !important;font-weight:500 !important;}
.gg-acct-agree{flex-direction:row !important;align-items:flex-start;gap:9px !important;font-weight:500 !important;font-size:13.5px !important;color:#5c6b5c !important;line-height:1.5;margin-top:2px;}
.gg-acct-agree input{margin-top:3px;flex:0 0 auto;}
.gg-acct-agree a{color:var(--gg-green);font-weight:700;text-decoration:none;}
.gg-acct-agree a:hover{text-decoration:underline;}
.gg-acct-fine{margin:12px 0 0;text-align:center;color:#8a9b88;font-size:12.5px;}
.gg-acct-fine a{color:var(--gg-green);font-weight:600;text-decoration:none;}
.gg-acct-fine a:hover{text-decoration:underline;}
.gg-acct-btn{display:inline-block;background:var(--gg-green);color:#fff !important;border:0;border-radius:10px;
  padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s;font-family:inherit;}
.gg-acct-btn:hover{background:var(--gg-forest);}
.gg-acct-btn-block{width:100%;}
.gg-acct-link{color:var(--gg-green);font-weight:600;text-decoration:none;background:none;border:0;cursor:pointer;font-size:14px;font-family:inherit;}
.gg-acct-link:hover{text-decoration:underline;}
.gg-acct-logout{color:var(--gg-terra) !important;}
.gg-acct-alt{margin:18px 0 0;text-align:center;color:#6b7a69;font-size:14.5px;}
.gg-acct-alt a{color:var(--gg-green);font-weight:700;text-decoration:none;}
.gg-acct-alt a:hover{text-decoration:underline;}
.gg-acct-note{padding:11px 14px;border-radius:10px;margin:0 0 16px;font-size:14px;font-weight:500;}
.gg-acct-err{background:#fdecea;color:#b3261e;border:1px solid #f5c6c2;}
.gg-acct-ok{background:#e7f6e7;color:#1b5e20;border:1px solid #c3e6c3;}
.gg-acct-phead{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.gg-acct-phead h2{margin:0;}
.gg-acct-avatar img{border-radius:50%;display:block;}
/* == gg-ad-empty-css == */
/* an ad box containing only the label (no actual ad) should disappear */
.gg-ad:not(:has(.gg-ad-in)),
.gg-ad-slot:not(:has(.gg-ad-slot-in)),
.gardeningguider-themead:empty,
.gardeningguider-afterheaderad:empty,
.gardeningguider-aftergridad:empty{display:none !important;margin:0 !important;padding:0 !important;border:0 !important;}
/* also disappear if the ad contains nothing but an empty wrapper */
.gg-ad-in:empty{display:none !important;}
.gg-ad:has(.gg-ad-in:empty){display:none !important;}
/* == gg-ads-layout-css == */
@media (min-width:993px){
  /* Right slot permanently removed (2026-07-04 ad cleanup) — the zone is now a single
     full-width row carrying the branded .gg-post-strip in the left slot. */
  .gardeningguider-afterheaderad{
    display:grid !important; grid-template-columns:1fr; gap:18px;
    max-width:1170px; margin:6px auto 8px; padding:0; box-sizing:border-box;
  }
  .gardeningguider-afterheaderadleft,
  .gardeningguider-afterheaderadright{
    float:none !important; min-width:0; min-height:0; width:100%; justify-self:stretch;
    display:flex; flex-direction:column; align-items:stretch; justify-content:center; box-sizing:border-box;
  }
  /* The creative stays at its REAL size, centred, and never overflows its container.
     (It used to be width:100% !important, which stretched even fixed-size ads —
     a 728x90 test stretched to 1160px, fixed 2026-07-23.) */
  .gardeningguider-afterheaderadleft > div:not(.ggtest),.gardeningguider-afterheaderadleft > div > a,
  .gardeningguider-afterheaderadright > div:not(.ggtest),.gardeningguider-afterheaderadright > div > a,
  .gardeningguider-afterheaderadleft .gg-dummy-ad,.gardeningguider-afterheaderadright .gg-dummy-ad{
    width:100% !important; display:block; box-sizing:border-box;
  }
  .gardeningguider-afterheaderadleft img,.gardeningguider-afterheaderadleft ins,
  .gardeningguider-afterheaderadright img,.gardeningguider-afterheaderadright ins{
    height:auto; max-width:100%; margin:0 auto;
  }
  /* admin "Edit" pencil stays clickable */
  .gardeningguider-afterheaderad .gardeningguider-adeditablead1{z-index:5;}
}
/* mobile: keep only the leaderboard, drop the narrow right slot */
@media (max-width:992px){
  .gardeningguider-afterheaderadright{display:none !important;}
  .gardeningguider-afterheaderadleft{float:none !important;width:100% !important;display:flex;justify-content:center;}
}
/* The theme's static house-ad wrappers (#..._statics) are a fixed ~280px tall, whereas a 728x90
   creative renders at about 80px — a 200px empty beige box appeared mid-article (2026-07-20
   audit). Size the wrapper to its content; reserve for CLS only on REAL AdSense (compliance). */
#gardeningguider_sgpttplnkad_statics,#gardeningguider_sgptbtlnkad_statics,#gardeningguider_sgbfpctlnkad_statics,
#gardeningguider_sgpttplnkad_statics a,#gardeningguider_sgptbtlnkad_statics a,#gardeningguider_sgbfpctlnkad_statics a
{height:auto !important;min-height:0 !important;display:block;line-height:0;}
#gardeningguider_sgpttplnkad_statics img,#gardeningguider_sgptbtlnkad_statics img,#gardeningguider_sgbfpctlnkad_statics img{margin:0 auto;}
/* == gg-header-align == */
@media (min-width:993px){
  .gardeningguider-header2-top .gardeningguider-headerinner{align-items:center !important;}
  .gardeningguider-header2-right{align-items:center !important;}
  /* theme puts padding-top on social-media; with the forced height it shoved the
     pill+icon ~13px down off the menu line. Zero the padding so they truly center. */
  .gardeningguider-header2-social-media{height:40px !important;padding:0 !important;margin:0 0 0 10px !important;align-items:center !important;box-sizing:border-box !important;}
  .gardeningguider-header2-social-media > div{align-self:center !important;}
  .gg-lang-div{height:40px !important;align-items:center !important;align-self:center !important;margin:0 !important;}
  .gg-acct-div{height:40px !important;align-items:center !important;align-self:center !important;}
  .gg-acct-toggle{align-self:center !important;margin:0 !important;}
  .gg-lang-switch,
  .gg-lang-switch select.gg-lang-select{align-self:center !important;}
  /* keep the desktop nav links on the same line too */
  .gardeningguider-header2-right nav.gardeningguider_menu{align-items:center !important;}
}
/* == gg-layout-cols == */
@media (min-width:993px){
  /* widgets -> RIGHT, slim fixed rail (300px, matches the home rail) */
  .single .gardeningguider-primarycontentarea,
  .page   .gardeningguider-primarycontentarea,
  .archive .gardeningguider-primarycontentarea,
  .search .gardeningguider-primarycontentarea{
    float:right !important; width:300px !important;
    padding:0 !important; margin:0 !important; box-sizing:border-box !important;}
  .single #gardeningguider-primarysidebar.gardeningguider-primarysidebar,
  .page   #gardeningguider-primarysidebar.gardeningguider-primarysidebar,
  .archive #gardeningguider-primarysidebar.gardeningguider-primarysidebar,
  .search #gardeningguider-primarysidebar.gardeningguider-primarysidebar{
    width:100% !important; float:none !important; margin:0 !important;}
  /* article -> LEFT, expanded to fill the remaining width (32px gutter to widget) */
  .single .gardeningguider-contentarea,
  .page   .gardeningguider-contentarea,
  .archive .gardeningguider-contentarea,
  .search .gardeningguider-contentarea{
    float:left !important; width:calc(100% - 332px) !important;
    /* 5px left/right gap so content doesn't sit flush ON the card border (Gaurav 2026-06-29) */
    padding:0 5px !important; margin:0 !important; box-sizing:border-box !important;}
  /* the page CONTENT fills its whole column (theme had nested a second widget column
     beside it that squeezed the text — see below) */
  .single .gardeningguider-contentarea > .gardeningguider-contentareainner.gardeningguider-layout1contentareainner,
  .page   .gardeningguider-contentarea > .gardeningguider-contentareainner.gardeningguider-layout1contentareainner,
  .archive .gardeningguider-contentarea > .gardeningguider-contentareainner.gardeningguider-layout1contentareainner,
  .search .gardeningguider-contentarea > .gardeningguider-contentareainner.gardeningguider-layout1contentareainner{
    float:none !important; width:100% !important; max-width:100% !important;}
  /* the cramped MIDDLE secondary-widget column (About/Newsletter) used to float beside the
     content, squishing it to ~640px + breaking words. Its widgets are relocated into the
     single RIGHT rail by the JS in §3e, so collapse this leftover wrapper. */
  .single .gardeningguider-secondarycontentarea,
  .page   .gardeningguider-secondarycontentarea,
  .archive .gardeningguider-secondarycontentarea,
  .search .gardeningguider-secondarycontentarea{
    float:none !important; width:0 !important; height:0 !important; overflow:hidden !important;
    margin:0 !important; padding:0 !important;}
}
/* == gg-social-css == */
.gg-social-best{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.gg-social-best a{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#2e7d32;color:#fff !important;font-size:16px;line-height:1;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;}
.gg-social-best a:hover{transform:translateY(-2px);color:#fff !important;filter:brightness(1.08);box-shadow:0 4px 12px rgba(0,0,0,.18);}
.gg-social-best a i{line-height:1;}
/* each icon in its OFFICIAL brand colour (icons link to our profiles = standard use) */
.gg-social-best a[title="Pinterest"]{background:#e60023;}
.gg-social-best a[title="YouTube"]{background:#ff0000;}
.gg-social-best a[title="Facebook"]{background:#1877f2;}
.gg-social-best a[title="Instagram"]{background:#d6249f;
  background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
.gg-social-best a[title="Reddit"]{background:#ff4500;}
.gg-social-best a[title="WhatsApp"]{background:#25d366;}
.gg-social-best a[title="Telegram"]{background:#229ed9;}
.gg-social-best a[title="X"]{background:#000000;}
.gg-social-best a[title="Bluesky"]{background:#0285FF;}
.gg-social-best a[title="Tumblr"]{background:#34526f;}
.gg-social-best a svg{display:block;}
.gg-follow-cta{margin:28px 0 6px;padding:18px 20px;border:1px solid #d8e8d3;background:#f1f7ee;border-radius:14px;}
.gg-follow-cta-head{margin:0 0 12px;font-weight:700;color:#1d3a28;font-size:1.02em;
  line-height:1.4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:600px){.gg-follow-cta{padding:14px 14px;} .gg-follow-cta-head{font-size:.85em;}}
@media (max-width:360px){.gg-follow-cta-head{font-size:.72em;}}
/* ===== SHARE buttons — clean ICON-ONLY pills (no text labels, ever) so 10 platforms
   always sit in one tidy row on any screen; title/aria-label carry the platform name
   for hover-tooltip + accessibility. Equal-width flex so the row always fills nicely. ===== */
.gg-share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(4px,1.6vw,10px);width:100%;}
.gg-share-bar a.gg-share-btn{display:flex;align-items:center;justify-content:center;
  flex:1 1 0;min-width:44px;max-width:58px;aspect-ratio:1/1;overflow:hidden;
  padding:0;border-radius:9px;
  font-weight:700;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.14);
  transition:transform .15s,box-shadow .15s,filter .15s;}
/* beat the theme's in-content link colour/underline */
.gardeningguider-entrycontent .gg-share-bar a.gg-share-btn,
.gardeningguider-entrycontent .gg-share-bar a.gg-share-btn:hover,
.gg-share-bar a.gg-share-btn,
.gg-share-bar a.gg-share-btn span{color:#fff !important;text-decoration:none !important;}
.gg-share-bar a.gg-share-btn span{display:none;}
/* icon size +35% (was clamp(13px,3.4vw,17px)) */
.gg-share-btn i,.gg-share-btn svg{flex:0 0 auto;font-size:clamp(17.5px,4.6vw,23px);
  width:clamp(17.5px,4.6vw,23px);height:clamp(17.5px,4.6vw,23px);line-height:1;}
.gg-share-bar a.gg-share-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.22);filter:brightness(1.06);}
.gg-sh-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
/* brand colours for .gg-sh-* come from gg_share_networks() (gg-share-pop.php) — do NOT re-declare
   them here, or the two copies drift apart. Instagram is the only one left below: it is a follow
   link, not a share target, so it is not in that list. */
.gg-share-bar button.gg-share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font:inherit;font-weight:700;color:#fff !important;border:0;cursor:pointer;line-height:1.2;}
.gg-sh-copy{background:#0aa37f;} .gg-sh-copy:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.22);filter:brightness(1.06);} .gg-sh-copy svg{display:block;}
/* Like and Copy sit inside the share bar, square like the other icons (Gaurav 2026-07-16) */
/* The theme gives every <button> a 25px bottom margin — inside a centred flex row that lifted Like
   and Copy ~13px above the ten <a> tiles (Gaurav 2026-08-19: "sab ek row aur height me"). */
.gg-share-bar button.gg-share-btn{margin:0 !important;align-self:center;}
.gg-share-bar button.gg-share-btn{flex:1 1 0;min-width:44px;max-width:58px;aspect-ratio:1/1;overflow:hidden;
  padding:0;gap:3px;justify-content:center;border:0;border-radius:9px;font:inherit;font-weight:800;
  color:#fff !important;cursor:pointer;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.14);
  transition:transform .15s,box-shadow .15s,filter .15s;}
.gg-share-bar button.gg-share-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.22);filter:brightness(1.06);}
.gg-share-bar button.gg-share-btn span{display:none;}
/* Like = the same tile as Instagram/Facebook: one centred white icon. The count rides along as a
   small corner badge instead of a stacked number (Gaurav 2026-08-19 — supersedes the 2026-07-16
   "👍 double size", which made this the only odd tile in the row). */
.gg-share-bar button.gg-cta-like{background:#2E7D32;position:relative;flex-direction:row;gap:0;}
.gg-share-bar button.gg-cta-like b{position:absolute;top:3px;right:3px;min-width:16px;height:16px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:9px;
  background:rgba(0,0,0,.30);font-size:10px;font-weight:800;line-height:1;pointer-events:none;}
.gg-share-bar button.gg-share-btn svg{display:block;}
/* EVERY item is the EXACT same size — social + like + copy are identical squares, and on desktop
   all 12 sit in a single row (Gaurav 2026-07-16) */
.gg-share-bar{gap:clamp(4px,0.5vw,5px);}
.gg-share-bar a.gg-share-btn,.gg-share-bar button.gg-share-btn{
  flex:0 0 clamp(44px,4vw,52px);width:clamp(44px,4vw,52px);height:clamp(44px,4vw,52px);
  min-width:0;max-width:none;aspect-ratio:auto;padding:0;box-sizing:border-box;}
.gg-share-bar button.gg-cta-like.gg-on{background:#BC5028;}
.gg-share-btn svg{display:block;}
/* == gg-ads-noad-css == */
.gardeningguider-themead,.gardeningguider-afterheaderad,.gg-ad,.gg-ad-slot,.gg-siderail,.gg-railad{display:none !important;}
/* == gg-post-strip-css == */
.gg-post-strip{
  display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;
  min-height:46px;box-sizing:border-box;width:100%;margin:0;padding:10px 18px;
  position:relative;overflow:hidden;
  border-left:4px solid #E2683B;border-radius:10px;
  /* GLASS (Gaurav 2026-07-17) */
  border-top:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(0,0,0,.18);
  backdrop-filter:blur(6px) saturate(1.15);-webkit-backdrop-filter:blur(6px) saturate(1.15);
  box-shadow:0 8px 22px rgba(20,45,25,.32),inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 12px 18px -10px rgba(255,255,255,.28),inset 0 -8px 14px -10px rgba(0,0,0,.35);
  /* the dots are now a RANDOM scatter (Gaurav 2026-07-17) — an svg tile instead of a straight 12px grid */
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat,
             linear-gradient(90deg,#1B5E20,#2E7D32 60%,#388E3C); /* the previous colour (Gaurav 2026-07-17) */
  color:#fff;font-size:14px;line-height:1.45;
}
/* shine sweep */
.gg-post-strip::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:38%;z-index:1;
  background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.28) 50%,transparent 100%);
  transform:skewX(-18deg);animation:ggPsShine 5s ease-in-out infinite;pointer-events:none;}
@keyframes ggPsShine{0%,55%{left:-45%}85%,100%{left:115%}}
@media(prefers-reduced-motion:reduce){.gg-post-strip::after{animation:none;content:none;}}
.gg-post-strip strong{color:#fff;font-weight:700;letter-spacing:.2px;}
.gg-ps-main{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.gg-ps-meta{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;opacity:.95;}
.gg-ps-meta span{white-space:nowrap;}
/* breadcrumb inside strip (single posts) + clickable links — white text, dotted underline (contrast rule) */
.gg-post-strip a{color:#fff !important;text-decoration:none !important;border-bottom:1px dotted rgba(255,255,255,.65);transition:color .15s,border-color .15s;}
.gg-post-strip a:hover,.gg-post-strip a:focus{color:#FFE082 !important;border-bottom:1px solid #FFE082;} /* hover = light golden — a contrast-passing pop on the dark background */
.gg-ps-bc{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap;}
/* 2026-08-14 (UI seat): breadcrumb links were 20-21px. The trail is how a reader climbs back to
   the category, so it has to be reachable with a thumb. The strip is a fixed-height band and the
   links are already vertically centred, so min-height costs no layout. */
.gg-ps-bc a{display:inline-flex;align-items:center;min-height:24px;}
/* The author link in the meta row ("By Gaurav Pandey") measured 15px. It reads as part of a
   phrase, but it is the E-E-A-T link people actually follow, and the row is a flex line of
   spans — giving it height moves nothing. */
.gg-ps-meta a{display:inline-flex;align-items:center;min-height:24px;}
.gg-ps-bc .sep{color:#F2A379;opacity:1;font-weight:700;} /* separator = light terracotta accent (decorative) */
/* single post: hide the old duplicate theme breadcrumb so only the strip's breadcrumb remains (SEO: one visible trail, schema from RankMath)
   ⚠️ ONLY when the strip really is rendering. As soon as an ad lands in the lead1 slot, gg-ad-manager
   stops injecting the strip — when that happened before, the breadcrumb disappeared from both places
   (the theme's hidden by CSS, and no strip at all), losing the breadcrumb plus 3 internal links on every post.
   The same happens at go-live with real AdSense. (fix 2026-07-26, UI seat) */
.single .gardeningguider_breadcrumb{display:none !important;}
@media (max-width:980px){
  .gg-ps-main{white-space:normal;} /* let the tagline wrap rather than overflow */
}
@media (max-width:700px){
  .gg-post-strip{padding:9px 14px;font-size:13px;}
  .gg-ps-meta span:nth-child(n+3){display:none;} /* mobile: just 2 trust chips, keeping the strip slim */
}
/* == gg-ui-fixes-css == */
/* 4.PNG — drop the ad strip directly above the post/page title */
.gardeningguider-singlepostad{display:none !important;}

/* 2026-07-21 (CDP cascade hunt) — the theme's inline CSS `.gardeningguider-entrycontent a{color:#2E7D32
   !important}` turns EVERY link in the content green — including button-style links (those with an inline dark background,
   such as the "Log in" button on Garden Coach), giving green-on-green = INVISIBLE text. This override
   (0,2,1 > 0,1,1) gives such "CTA-like" anchors white text. All our inline-background CTAs are dark green or terracotta. */
/* 🔴 2026-08-16 (finishing sweep) — THIS RULE MADE A WHOLE BLOCK INVISIBLE.
   The assumption behind the line above — "All our inline-background CTAs are dark green
   or terracotta" — LATER BROKE. gg-planting-calendar.php added 24 city chips whose
   inline style is `background:#fff` (white pill, green text). This selector does not look at the
   background VALUE, only at whether the word "background" appears in the style — so those chips
   got #fff text as well: WHITE ON WHITE, completely invisible.
   Measured (/planting-calendar/): color rgb(255,255,255) on background rgb(255,255,255),
   24 real internal links that nobody could read. It was an SEO risk too — Google treats invisible
   text/links as cloaking.
   FIX: skip any inline background that is WHITE, and also provide an explicit opt-out
   (`data-gg-lightcta`) so a future light-background CTA does not break by accident. */
.gardeningguider-entrycontent a[style*="background"]:not([data-gg-lightcta]):not([style*="background:#fff"]):not([style*="background: #fff"]):not([style*="background:#FFF"]):not([style*="background:#ffffff"]):not([style*="background:white"]):not([style*="background: white"]),
.gardeningguider-entrycontent a[style*="background"]:not([data-gg-lightcta]):not([style*="background:#fff"]):not([style*="background: #fff"]):not([style*="background:#FFF"]):not([style*="background:#ffffff"]):not([style*="background:white"]):not([style*="background: white"]):hover{color:#fff !important;text-decoration:none !important;}

/* UI LINKS ARE NEVER UNDERLINED (2026-07-26, UI seat — visual polish round).
   The theme's `.gardeningguider-entrycontent a{text-decoration:underline!important}` (0,1,1) is aimed
   at PROSE and is right for that (an underline in body text is an accessibility win), but it also underlined the card titles on
   tool and hub pages and the button-style links — every tool name under "Free Garden Tools" and
   CTAs like "Identify by photo →" were showing as raw links.
   Only COMPONENT classes are exempted here (0,2,0+ wins); ordinary prose links
   stay underlined exactly as before. The pattern is taken from gg-cards-everywhere.php. */
.gardeningguider-entrycontent a.ggth-titlelink,
.gardeningguider-entrycontent a.btn,
.gardeningguider-entrycontent a.btn:hover,
.gardeningguider-entrycontent a[class*="-btn"],
.gardeningguider-entrycontent a[class*="-btn"]:hover,
.gardeningguider-entrycontent a[class*="-cta"],
.gardeningguider-entrycontent a[class*="-cta"]:hover,
.gardeningguider-entrycontent a[class*="-chip"],
.gardeningguider-entrycontent a[class*="-card"],
.gardeningguider-entrycontent a[class*="-card"] *,
.gardeningguider-entrycontent a[class*="-tile"]{text-decoration:none !important;border-bottom:0 !important;}
/* bring the underline back on card-title hover, so the affordance remains */
.gardeningguider-entrycontent a.ggth-titlelink:hover{text-decoration:underline !important;}

/* MARGIN.PNG (Gaurav 2026-07-16) — the theme's style.css:2671 forces a 25px bottom margin on every
   button (margin:0 0 25px 0); zero it out. Same selector, printed after the theme, so it wins. */
input[type="reset"], input[type="button"], input[type="submit"], button{margin:0;}

/* 6.PNG + 3.PNG — hide the THEME's built-in share row everywhere (single + listing).
   Our single-post share bar (.gg-share-bar in gg-social.php) is the only share UI now.
   NOTE (2026-08-18): hiding it with CSS leaves the links in the DOM, and TESTING found the theme's
   copies are also broken — unencoded `&t=` (the title becomes a second parameter, so a shared URL
   can break) and dead endpoints (twitter.com/share, pinterest .../bookmarklet/). They are removed
   from the markup entirely in the PHP below; this CSS stays as the belt to that braces, because a
   theme update could bring the row back before anyone notices. */
.gardeningguider-postsharecnt,
.gardeningguider-singleshare,
.gardeningguider_postsocial,
.gardeningguider-socialsharecount{display:none !important;}

/* Gaurav 2026-06-29 — on category/tag/search listing pages, drop the theme ad slot that
   sits between the breadcrumb and the "Flowers" archive heading (the orange ad above the
   divider line). Breadcrumb + heading stay; only that ad block is removed.
   (The 5px content↔border gap is handled in gg-redesign.php §3d where the winning
   padding rule lives.) */
.archive .gardeningguider-afterslider,
.search  .gardeningguider-afterslider,
.archive .gardeningguider-contentareainner > .gardeningguider-themead:first-child,
.search  .gardeningguider-contentareainner > .gardeningguider-themead:first-child{
  display:none !important;}

/* Gaurav 2026-06-30 — above the comment form the theme renders TWO 300x250 ad boxes
   side by side. Keep a SINGLE centred ad area (like the main page). Hide every
   post-bottom-inner ad after the first, and make the surviving one a single block. */
.gardeningguider-postbottomad .gardeningguider-postbtminnerad ~ .gardeningguider-postbtminnerad{
  display:none !important;}
.gardeningguider-postbottomad .gardeningguider-postbtminnerad{
  display:block !important;width:100% !important;text-align:center !important;float:none !important;margin:0 auto !important;}
.gardeningguider-postbottomad .gardeningguider-postbtminnerad .gg-dummy-ad,
.gardeningguider-postbottomad .gardeningguider-postbtminnerad > div{
  margin-left:auto !important;margin-right:auto !important;}

/* 2026-07-04 — AD BLUEPRINT (Google/Bing-safe placement, Gaurav approved):
   HOME = exactly 4 slots (after-header leaderboard + our 3 reserved gg-ad slots).
   POST = 5-6 slots (after-header, in-content, sidebar 300x600, post-bottom, before-footer,
   + reserved comment-area slot). Everything beyond that is hidden below.  */
/* after-header RIGHT box: second above-the-fold ad = top-heavy risk -> off site-wide */
.gardeningguider-afterheaderadright{display:none !important;}
/* home/blog: theme's after-slider + in-grid + before-footer ads off (our 3 gg-ad slots stay) */
.home .gardeningguider-front-lay1afsldlnkad-statics,.blog .gardeningguider-front-lay1afsldlnkad-statics,
.home .gardeningguider-aftergridad,.blog .gardeningguider-aftergridad,
.home .gardeningguider_lytbfftrlnkad_statics,.blog .gardeningguider_lytbfftrlnkad_statics{display:none !important;}
/* post: the ad ABOVE the title was hidden earlier, but the 2026-07-03 width-normalise rule
   (higher specificity) accidentally revived it — re-kill with a stronger selector */
.gardeningguider-sitemaincontent .gardeningguider-singlepostad.gardeningguider-themead{display:none !important;}

/* 2026-07-03 — Gaurav: content-area ad slots must FIT the container width (like the
   post-bottom ad already does). Normalise every theme ad wrapper: full width, block,
   no float, centered content. (After-header left/right pair excluded — that is a
   side-by-side layout of its own.) */
.gardeningguider-afterslider.gardeningguider-themead,
.gardeningguider-afterslider .gardeningguider-themead,
.gardeningguider-aftrnthprad.gardeningguider-themead,
.gardeningguider-contentareainner .gardeningguider-themead,
.gardeningguider-sitemaincontent .gardeningguider-themead,
[class*="gardeningguider_lyt"][class*="ad_statics"],
[class*="gardeningguider-ly1afsld"],
.gardeningguider_lst2ptbtlnkad_statics{
  display:block !important;width:100% !important;max-width:100% !important;
  float:none !important;margin-left:auto !important;margin-right:auto !important;
  box-sizing:border-box !important;text-align:center;}
.gardeningguider-sitemaincontent .gardeningguider-themead .gg-dummy-ad{width:100% !important;max-width:100% !important;}
.gardeningguider-sitemaincontent .gardeningguider-themead img{max-width:100% !important;height:auto;}

/* 2026-07-03 — prev/next post nav cards; 2026-07-12 Gaurav STYLISH upgrade (click-rate);
   2026-07-12 (2) Gaurav's 3D ANIMATED upgrade — "make them click even when they did not mean to":
   idle attention loops (auto shine-sweep + arrow nudge + glow-pulse ring), a 3D tilt and lift on
   hover, glossy AERO arrow chips (glass highlight). Pure CSS, transform and opacity only
   animations (GPU) — no JS or layout cost; everything stops under prefers-reduced-motion. */
.gardeningguider-prenext .nav-links{display:grid !important;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0;perspective:900px;}
.gardeningguider-prenext .nav-previous,.gardeningguider-prenext .nav-next{width:auto !important;float:none !important;}
/* GRID layout (not flex — in the markup the label and title are SIBLING divs, and flex made them overlap).
   Gaurav order (2026-07-12): image on the OUTER edge (the far side of the button), aero button inside it,
   the "PREV/POST" label stacked on two lines next to the button, then the title.
   prev = [img][«][PREV/POST][title...] · next = [...title][NEXT/POST][»][img] */
.gardeningguider-prenext .nav-links a{display:grid !important;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto;
  column-gap:12px;align-items:center;height:100%;box-sizing:border-box;
  position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;
  background:linear-gradient(135deg,#f0f8f0,#ffffff 55%);border:1.5px solid #cfe3cf;border-radius:14px;padding:13px 16px !important;
  text-decoration:none !important;box-shadow:0 3px 10px rgba(20,45,25,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.gardeningguider-prenext .nav-links a .gg-pn-thumb{grid-column:1;grid-row:1;}
.gardeningguider-prenext .nav-links a>span{grid-column:2;grid-row:1;}
.gardeningguider-prenext .nav-links a .gardeningguider_snlgepdsg{grid-column:3;grid-row:1;}
.gardeningguider-prenext .nav-links a .gardeningguider_snlgenpntit{grid-column:4;grid-row:1;}
.gardeningguider-prenext .nav-previous a{border-left:5px solid #2E7D32;}
.gardeningguider-prenext .nav-next a{text-align:right;grid-template-columns:1fr auto auto auto;border-right:5px solid #E2683B;border-left:1.5px solid #f3ddd2;
  background:linear-gradient(225deg,#fdf1ea,#ffffff 55%);border-color:#f3ddd2;}
.gardeningguider-prenext .nav-next a .gardeningguider_snlgenpntit{grid-column:1;}
.gardeningguider-prenext .nav-next a .gardeningguider_snlgepdsg{grid-column:2;}
.gardeningguider-prenext .nav-next a>span{grid-column:3;}
.gardeningguider-prenext .nav-next a .gg-pn-thumb{grid-column:4;}
/* hover = 3D lift + tilt (it leans towards the card) + deep layered shadow + colour glow
   (!important — the legacy .post-navigation hover in gg-redesign applies a green border to this
   same element with !important, otherwise the next card turns green too) */
.gardeningguider-prenext .nav-previous a:hover{transform:translateY(-5px) rotateX(3deg) rotateY(2.5deg) scale(1.015);
  border-color:#2E7D32 !important;box-shadow:0 16px 34px rgba(20,45,25,.20),0 4px 10px rgba(46,125,50,.22);}
.gardeningguider-prenext .nav-next a:hover{transform:translateY(-5px) rotateX(3deg) rotateY(-2.5deg) scale(1.015);
  border-color:#E2683B !important;box-shadow:0 16px 34px rgba(20,45,25,.20),0 4px 10px rgba(188,80,40,.24);}
.gardeningguider-prenext .nav-links a:active{transform:translateY(-1px) scale(.985);}
/* AUTO shine sweep — a wave of light across the card every ~4.5s even without hover (an eye-catcher);
   the next card runs 1.4s later, so the two never shine at the same moment */
.gardeningguider-prenext .nav-links a::after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.8),transparent);
  transform:skewX(-18deg) translateX(-40%);animation:ggPnShine 4.5s ease-in-out infinite;pointer-events:none;}
.gardeningguider-prenext .nav-next a::after{animation-delay:1.4s;}
@keyframes ggPnShine{0%,62%{transform:skewX(-18deg) translateX(-40%)}86%,100%{transform:skewX(-18deg) translateX(360%)}}
/* post thumbnail chip (injected by JS) — a 54px rounded square; zoom-tilt pop on hover */
.gg-pn-thumb{flex:none;width:54px;height:54px;border-radius:12px;object-fit:cover;display:block;
  box-shadow:0 2px 6px rgba(20,45,25,.22);transition:transform .22s ease,box-shadow .22s ease;}
.gardeningguider-prenext .nav-links a:hover .gg-pn-thumb{transform:scale(1.12) rotate(-2deg);box-shadow:0 6px 14px rgba(20,45,25,.30);}
.gardeningguider-prenext .nav-links a>div{min-width:0;}
/* 2026-07-12 Gaurav: SQUARE buttons rule (12px rounded-square, NEVER circle) + arrow exact center.
   AERO GLASS chip: gradient + top glass highlight + inset depth + idle GLOW-PULSE ring */
.gardeningguider-prenext .nav-links a>span{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:none;
  position:relative;overflow:hidden;width:54px;height:54px;border-radius:12px !important;
  background:linear-gradient(135deg,#43a047,#2E7D32 45%,#1B5E20);color:#fff !important;font-size:19px;
  box-shadow:0 4px 10px rgba(27,94,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18);
  transition:transform .18s ease,box-shadow .18s ease;animation:ggPnPulseG 3s ease-out infinite;}
.gardeningguider-prenext .nav-next a>span{background:linear-gradient(135deg,#d96a3c,#BC5028 45%,#A64420);
  box-shadow:0 4px 10px rgba(166,68,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18);
  animation:ggPnPulseT 3s ease-out infinite;animation-delay:1.5s;}
/* aero glass top-half highlight */
.gardeningguider-prenext .nav-links a>span::before{content:"";position:absolute;left:0;right:0;top:0;height:50%;
  background:linear-gradient(rgba(255,255,255,.40),rgba(255,255,255,.05));border-radius:12px 12px 0 0;pointer-events:none;}
/* idle glow-pulse ring — the button appears to "breathe" (a click magnet) */
@keyframes ggPnPulseG{0%{box-shadow:0 4px 10px rgba(27,94,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18),0 0 0 0 rgba(46,125,50,.45)}
  70%,100%{box-shadow:0 4px 10px rgba(27,94,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18),0 0 0 12px rgba(46,125,50,0)}}
@keyframes ggPnPulseT{0%{box-shadow:0 4px 10px rgba(166,68,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18),0 0 0 0 rgba(188,80,40,.45)}
  70%,100%{box-shadow:0 4px 10px rgba(166,68,32,.32),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18),0 0 0 12px rgba(188,80,40,0)}}
.gardeningguider-prenext .nav-links a>span i{color:#fff !important;line-height:1 !important;display:block !important;margin:0 !important;
  width:auto !important;height:auto !important;position:static !important;}
/* idle arrow NUDGE — the arrow gives itself a gentle push in its own direction every 3.6s */
.gardeningguider-prenext .nav-previous a>span i{animation:ggPnNudgeL 3.6s ease-in-out infinite;}
.gardeningguider-prenext .nav-next a>span i{animation:ggPnNudgeR 3.6s ease-in-out infinite;animation-delay:1.8s;}
@keyframes ggPnNudgeL{0%,80%,100%{transform:translateX(0)}86%{transform:translateX(-4px)}93%{transform:translateX(1.5px)}}
@keyframes ggPnNudgeR{0%,80%,100%{transform:translateX(0)}86%{transform:translateX(4px)}93%{transform:translateX(-1.5px)}}
/* hover = chip pop plus the arrow sliding in its own direction (the idle nudge stops).
   re-declare the background (!important) — gg-redesign applies a flat green on a:hover>span */
.gardeningguider-prenext .nav-previous a:hover>span{transform:translateX(-4px) scale(1.08);animation:none;
  background:linear-gradient(135deg,#43a047,#2E7D32 45%,#1B5E20) !important;
  box-shadow:0 7px 16px rgba(27,94,32,.42),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18);}
.gardeningguider-prenext .nav-next a:hover>span{transform:translateX(4px) scale(1.08);animation:none;
  background:linear-gradient(135deg,#d96a3c,#BC5028 45%,#A64420) !important;
  box-shadow:0 7px 16px rgba(166,68,32,.42),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.18);}
.gardeningguider-prenext .nav-links a:hover>span i{animation:none;}
/* label — a two-line stack, "PREV" above and "POST" below (width:min-content gives one word per line),
   placed next to the aero button (Gaurav 2026-07-12) */
.gardeningguider_snlgepdsg{font-size:10px !important;letter-spacing:1.2px;font-weight:800 !important;color:#2E7D32 !important;
  text-transform:uppercase;width:min-content;line-height:1.5 !important;text-align:center;
  word-break:keep-all !important;overflow-wrap:normal !important;}
.gardeningguider-prenext .nav-next .gardeningguider_snlgepdsg{color:#BC5028 !important;}
.gardeningguider_snlgenpntit{font-weight:700 !important;color:#1B5E20 !important;font-size:15px !important;line-height:1.32;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.gardeningguider-prenext .nav-links a:hover .gardeningguider_snlgenpntit{color:#2E7D32 !important;}
.gardeningguider-prenext .nav-next a:hover .gardeningguider_snlgenpntit{color:#BC5028 !important;}
@media (max-width:520px){.gardeningguider-prenext .nav-links{grid-template-columns:1fr;}}
/* motion-sensitive users / battery saving: every idle animation off */
@media (prefers-reduced-motion:reduce){
  .gardeningguider-prenext .nav-links a::after,
  .gardeningguider-prenext .nav-links a>span,
  .gardeningguider-prenext .nav-links a>span i{animation:none !important;}}

/* 2026-07-03 — theme hides ALL <nav> on mobile (menu rule) which also killed the article
   Table of Contents on phones. Keep the TOC visible at every width. */
nav.gg-toc{display:block !important;}

/* 2026-07-03 — theme's in-content ad slot prints a BROKEN empty-src image (alt="adimage",
   src="") that shows as a broken-image icon floating in the article. Hide empty-src ad imgs.
   (2026-07-22: the tag is now also removed by a PHP filter — this CSS is only a safety net.) */
.gardeningguider-themead img[src=""]{display:none !important;}

/* Gaurav asked for a fixed 280px "AdSense band" on 2026-07-05 — in the 2026-07-20 audit that 728x90
   about 200px of EMPTY beige letterbox showed above and below the banner (the page looked broken).
   UPDATE (2026-07-20): the placeholder now takes its creative's natural size; once real AdSense arrives
   The CLS reserve is handled by the :has(ins.adsbygoogle) min-height in gg-ad-compliance.php. */
.gardeningguider-sitemaincontent .gardeningguider-themead img[src*="/gg-ads/"],
.gardeningguider-entrycontent .gardeningguider-themead img[src*="/gg-ads/"],
.gardeningguider-postbottomad img[src*="/gg-ads/"]{
  width:100% !important;height:auto !important;max-height:280px;object-fit:contain !important;
  border-radius:10px;box-sizing:border-box;}

/* 2026-07-03 — contact form: professional brand card (was default WPForms grey + blue) */
.wpforms-container{background:#fff;border:1px solid #e3ece0;border-radius:14px;padding:24px 24px 20px;
  box-shadow:0 6px 20px rgba(20,45,25,.08);margin:10px 0 22px !important;}
.wpforms-field{padding:9px 0 !important;}
.wpforms-form .wpforms-field-label{font-weight:700 !important;color:#1B5E20 !important;font-size:14px !important;margin-bottom:6px !important;}
.wpforms-form .wpforms-required-label{color:#C7552C !important;}
.wpforms-form input[type=text],.wpforms-form input[type=email],.wpforms-form input[type=number],
.wpforms-form input[type=tel],.wpforms-form textarea{
  border:1.5px solid #dfe7df !important;border-radius:9px !important;padding:11px 13px !important;
  font-size:14.5px !important;color:#2d2d2d !important;background:#fbfdfb !important;box-shadow:none !important;transition:border-color .15s,box-shadow .15s !important;}
.wpforms-form input:focus,.wpforms-form textarea:focus{
  border-color:#2E7D32 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(46,125,50,.14) !important;outline:none !important;}
/* radio choices -> selectable pill chips */
.wpforms-form .wpforms-field-radio ul{display:flex !important;flex-wrap:wrap;gap:9px;margin:2px 0 0 !important;}
.wpforms-form .wpforms-field-radio li{margin:0 !important;width:auto !important;}
.wpforms-form .wpforms-field-radio li input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;}
.wpforms-form .wpforms-field-radio li label{display:inline-block;background:#f4f9f4;border:1.5px solid #d9e7d9;
  border-radius:30px;padding:8px 16px;font-size:13.5px;font-weight:600;color:#1B5E20;cursor:pointer;transition:.15s;margin:0 !important;}
.wpforms-form .wpforms-field-radio li label:hover{border-color:#2E7D32;}
.wpforms-form .wpforms-field-radio li input[type=radio]:checked+label{background:#2E7D32;border-color:#2E7D32;color:#fff;}
.wpforms-form .wpforms-field-radio li input[type=radio]:focus-visible+label{box-shadow:0 0 0 3px rgba(46,125,50,.3);}
.wpforms-form .wpforms-field-description{color:#8a8a8a !important;font-size:12px !important;}
.wpforms-form button[type=submit],.wpforms-form .wpforms-submit{
  background:#BC5028 !important;border:0 !important;color:#fff !important;font-weight:800 !important;
  font-size:15px !important;border-radius:9px !important;padding:13px 34px !important;transition:.15s !important;
  box-shadow:0 5px 14px rgba(226,104,59,.35) !important;cursor:pointer;}
.wpforms-form button[type=submit]:hover,.wpforms-form .wpforms-submit:hover{
  background:#A64420 !important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(226,104,59,.42) !important;}

/* 2026-07-02 — mobile horizontal overflow (page scrollWidth was 531px at a 360px
   viewport; whole site looked cut on the right). Header right side (social icons +
   language switcher + account) is force-nowrap in gg-redesign and doesn't fit small
   screens. Hide the social icons on phones (still in footer), tighten lang switcher,
   and belt-and-braces clip any stray overflow at the page level. */
@media (max-width:600px){
  /* contact form: stack the two Name boxes + full-width submit (thumb-friendly) */
  .wpforms-form .wpforms-field-row-block,.wpforms-form .wpforms-one-half{width:100% !important;float:none !important;margin:0 0 8px !important;padding:0 !important;}
  .wpforms-form button[type=submit],.wpforms-form .wpforms-submit{width:100% !important;}
  .gardeningguider-header2-social-media .gardeningguider-header2-social-icon{display:none !important;}
  .gardeningguider-header2-social-media{margin-left:4px !important;}
  .gardeningguider-header2-right{gap:4px !important;min-width:0 !important;}
  .gg-lang-div{max-width:112px !important;}
  .gg-lang-div .gg-lang-switch select.gg-lang-select{max-width:88px !important;padding-right:18px !important;}
  /* overflow-x:CLIP (not hidden) — it clips horizontal overflow without breaking position:sticky
     (hidden turned the body into a scroll container and the sticky header stopped working). */
  html,body{overflow-x:clip !important;max-width:100% !important;}
}
/* ===== 24px tap targets for the last few small links (2026-08-21 audit) =====
   Measured with a trap-aware check (a ::after hit box and a clickable parent both count, and a link
   inside prose is not a control). Everything else on the site already passes — these four were the
   real ones left: the breadcrumb links, the photo-credit link on each Plant Finder thumbnail, the
   species calendar link, and the affiliate-disclosure link in a pick box.
   Same technique the hero dots already use: the link KEEPS its size, and an invisible centred box
   gives the finger something to hit. Nothing moves and nothing is drawn. */
.gardeningguider_breadcrumb a,
.ggpf-sp .th a.cred,
.ggpf-sp-bar .ggpf-cal a,
.gg-affpick-disc a{position:relative;}
.gardeningguider_breadcrumb a::after,
.ggpf-sp .th a.cred::after,
.ggpf-sp-bar .ggpf-cal a::after,
.gg-affpick-disc a::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:100%;min-width:24px;height:24px;
}
/* 2026-08-21, second pass — the full-site sweep found two more, both a lone short link sitting on
   its own line: "Garden Bed Planner" under the companion-planting bed row (120x17) and "Plant Finder"
   in the Plant Identifier's alternatives line (82x20). Neither had a ::after of its own, so the same
   invisible box works here. They are `display:inline`, and an absolutely-positioned box inside an
   inline element has no reliable containing block once the text wraps — inline-block gives it one.
   Both labels are two words on their own line, so nothing reflows. */
.ggc-bedhint a,
.ggid-alt a{position:relative;display:inline-block;}
.ggc-bedhint a::after,
.ggid-alt a::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:100%;min-width:24px;height:24px;
}
/* == gg-ad-compliance-css == */
/* 10px "ADVERTISEMENT" label above any theme ad slot that actually holds a creative
   (AdSense <ins>, iframe creative, image ad, or our dummy/preview ad).
   ⚠️ DOUBLE-LABEL FIX (2026-08-12, Gaurav ne screenshot bheja): theme slots ab gg-ad-manager ka
   print their own real <span class="gg-ad-slot-lbl">Advertisement</span>. This ::before was adding
   a SECOND label on top of it, so "ADVERTISEMENT" appeared twice above every ad on a post page.
   So ::before now applies only when the slot has NO label span of its own (it stays as a fallback). */
.gardeningguider-themead:has(ins.adsbygoogle,iframe,img,.gg-dummy-ad,.ggtest):not(:has(.gg-post-strip)):not(:has(.gg-ad-slot-lbl,.gg-ad-lbl))::before{
  content:"ADVERTISEMENT";display:block;font-size:10px;line-height:1;font-weight:600;
  letter-spacing:1.6px;text-transform:uppercase;text-align:center;color:#666;
  margin:0 0 6px;
}
/* 2026-08-21 (UI seat): a rule for `.gardeningguider-afterheaderadleft::before` was added here and
   then REMOVED again. It looked like the after-header leaderboard had no "Advertisement" label —
   but the check was reading the ad element's own text, and that slot's label span sits one level up
   in the container. The slot is already labelled; the rule's own :not(:has(.gg-ad-lbl)) guard was
   correctly suppressing it. Recorded so the same "fix" is not attempted a third time. */
/* Accidental-click safe zone: 28px vertical clearance between an active ad slot and the
   surrounding content/links/buttons (policy asks "sufficient distance"; 20-30px best practice). */
.gardeningguider-sitemaincontent .gardeningguider-themead:has(ins.adsbygoogle,iframe,img,.gg-dummy-ad,.ggtest):not(:has(.gg-post-strip)){
  margin-top:28px !important;margin-bottom:28px !important;clear:both;
}
/* Sidebar half-page slot: same label, slightly tighter clearance (sidebar has no inline links). */
.gardeningguider-sidebar .gardeningguider-themead:has(ins.adsbygoogle,iframe,img,.gg-dummy-ad,.ggtest){
  margin-top:20px;margin-bottom:20px;
}

/* ===== MIN-SIZE + CLS GUARANTEES (2026-07-12 slot audit, measured on live Local) =====
 * Measured slot widths: lead2/lead3 = 310px mobile · 670px @1024 · 726px @1366-1449 ·
 * 816px @1600+. Sidebar column = exactly 300px desktop. Home slots = full container.
 * → RULE: never use a FIXED 728x90 in in-content slots (it does not fit in 726px) —
 *   Responsive / In-article / 336x280 / 300x250 units only. Sidebar = 300x600 exact fit.
 * These reserves apply only when a REAL AdSense <ins> is in the slot — today's dummy
 * creatives (an <img decoding="async" loading="lazy"> with width/height attrs) are unaffected, with no empty box. */
/* never let any fixed-size unit overflow its column (overlap penalty guard) */
.gardeningguider-themead ins.adsbygoogle,.gg-ad ins.adsbygoogle{max-width:100% !important;}
/* in-content slots: smallest planned format = 300x250 → reserve 250px (zero CLS) */
.gardeningguider-postinnerad1:has(ins.adsbygoogle),
.gardeningguider-singlepostbtmad:has(ins.adsbygoogle){min-height:250px;}
/* sidebar half-page 300x600: reserve on desktop only (on mobile the sidebar
   stacks below the content, and a 600px empty box has no place there) */
@media (min-width:993px){
  .gardeningguider-primarycontentarea > .gardeningguider-themead:has(ins.adsbygoogle){min-height:600px;}
}
/* home leaderboard placeholder mobile pe 320x100 bhi le sake (inline min-height 90 override) */
@media (max-width:767px){
  .gg-ad[data-slot="home-leaderboard-1"]{min-height:100px !important;}
}
/* == gg-ad-slot-css == */
/* the gg_ads_box() wrapper (.gg-ad) — gg-home.php turns it into a flex ROW, which
   the "ADVERTISEMENT" label and the ad sat side by side and the ad's width was squeezed
   (728x90 → 217px). ALWAYS a column: label centred on top, ad below at its full, real width. */
.gg-ad{display:flex !important;flex-direction:column !important;align-items:stretch !important;
  justify-content:center !important;gap:5px;margin:20px 0}
/* .gg-ad had NO margin anywhere (unlike .gg-ad-slot's built-in 30px) — every gg_ads_box() slot
   (home1/2/3, tool1/2) sat flush against whatever content happened to be next to it, sometimes
   0-9px (audited 2026-07-29). 20px = policy floor (AdSense accidental-click asks 20-30px;
   site's own ad-gap convention is 15-20px) — kept at the minimum, not padded beyond it. */
@media(max-width:782px){.gg-ad{margin:16px 0}}
.gg-ad > .gg-ad-lbl{text-align:center;flex:0 0 auto}
.gg-ad-in{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}
/* 2026-09-04 (Gaurav): a 300px creative in a full-width slot was hugging the left edge and looked
   like a mistake. Centring belongs HERE, on the shared wrapper, not per-slot — gg-games.php had
   already added its own copy of this rule for one page, which is how it stayed unnoticed elsewhere. */
.gg-ad-in img,.gg-ad-in iframe{max-width:100%;height:auto}
.gg-ad-slot{margin:30px 0;padding:0;text-align:center;clear:both;box-sizing:border-box}
.gg-ad-slot-lbl{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  color:#9a9a9a;margin-bottom:5px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif}
.gg-ad-slot-in{display:block;max-width:100%;overflow:hidden}
.gg-ad-slot-in img,.gg-ad-slot-in iframe{max-width:100%;height:auto}
@media(max-width:782px){.gg-ad-slot{margin:24px 0}}
/* the half2 (300x600 sidebar) promise is "off automatically on mobile" — on mobile the sidebar
   stacks below, and a 600px ad has no place there */
/* specificity note: gg-ui-fixes' ".gardeningguider-sitemaincontent .gardeningguider-themead
   {display:block !important}" (0-2-0) was beating this, so a 0-3-0 selector is required */
@media(max-width:992px){
  .gg-sidebar-ad,
  .gardeningguider-sitemaincontent .gardeningguider-themead.gg-sidebar-ad{display:none !important}
}
/* The theme's .gardeningguider-afterheaderadleft is a flex ROW at width 72% —
   so the "ADVERTISEMENT" label sat alongside and the ad's width was squeezed
   (a 728x90 test collapsed to 217px). On EVERY screen: column layout at full width —
   label centred on top, ad centred below at its real size. */
.gardeningguider-afterheaderadleft{display:flex !important;flex-direction:column !important;
  align-items:stretch !important;width:100% !important;}
.gardeningguider-afterheaderadleft > .gg-ad-slot-lbl{text-align:center;margin-bottom:5px;}
.gardeningguider-afterheaderadright{display:none !important;}
/* == gg-comments-css == */
/* ===== COMPACT redesign (Gaurav 2026-07-12): ~50% smaller card, Name+Email on one row,
   checkbox+Submit on one row, textarea 60% smaller (expands on focus) ===== */

/* container heading */
.comment-respond .comment-reply-title,
#reply-title{font-size:1.1em !important;color:#1b5e20 !important;font-weight:800 !important;margin:0 0 .15em !important;}
.comment-notes{font-size:.78em !important;color:#7a8a78 !important;margin:0 0 10px !important;}

/* the form as a slim white card */
.comment-respond{background:#fff !important;border:1px solid #e7efe4 !important;border-radius:14px !important;
  box-shadow:0 3px 12px rgba(20,45,25,.06) !important;padding:14px 16px !important;margin-top:16px !important;}

/* hide the field labels — in a compact form the placeholders are enough */
.comment-form-comment > label,
.comment-form-author > label,
.comment-form-email > label{position:absolute !important;left:-9999px !important;}

/* inputs + textarea */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100% !important;box-sizing:border-box !important;background:#fff !important;
  border:1.5px solid #d8e2d4 !important;border-radius:10px !important;
  padding:8px 12px !important;font-size:14px !important;color:#23302a !important;
  transition:border-color .15s,box-shadow .15s,min-height .2s ease !important;}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus{
  border-color:#2e7d32 !important;box-shadow:0 0 0 3px rgba(46,125,50,.14) !important;outline:none !important;}
/* the textarea is 60% smaller (150px -> 60px) and grows smoothly as you type */
.comment-form textarea{min-height:60px !important;height:auto !important;resize:vertical !important;}
.comment-form textarea:focus{min-height:110px !important;}

/* ROW layout: comment full-width · Name+Email on one row · checkbox+Submit on one row.
   ⚠️ the specific rules MUST carry the `> p.` prefix, otherwise the generic `> p` (0,2,2) beats them and
   stacks everything full width (2026-07-12 bug). */
.comment-respond form.comment-form{display:flex !important;flex-wrap:wrap !important;
  gap:10px 12px !important;align-items:center !important;margin:0 !important;}
.comment-respond form.comment-form > p{margin:0 !important;flex:1 1 100% !important;}
.comment-respond form.comment-form > p.comment-form-comment,
.comment-respond form.comment-form > p.gardeningguider-comment-form-comment{flex:1 1 100% !important;}
.comment-respond form.comment-form > p.comment-form-author,
.comment-respond form.comment-form > p.comment-form-email{flex:1 1 calc(50% - 6px) !important;min-width:180px !important;}
.comment-respond form.comment-form > p.comment-form-cookies-consent{flex:0 1 auto !important;width:auto !important;}
.comment-respond form.comment-form > p.form-submit{flex:0 0 auto !important;margin-left:auto !important;}

/* cookie-consent = friendly pill chip (checkbox + smart text) */
.comment-form-cookies-consent{display:inline-flex !important;align-items:center !important;gap:7px !important;
  background:#f2f8f0 !important;border:1px solid #dcebd8 !important;border-radius:10px !important;
  padding:7px 12px !important;margin:0 !important;width:auto !important;}
.comment-form-cookies-consent input{margin:0 !important;width:15px !important;height:15px !important;accent-color:#2e7d32 !important;flex:none !important;}
.comment-form-cookies-consent label{display:inline !important;font-weight:600 !important;color:#2f5c33 !important;
  font-size:.82em !important;margin:0 !important;line-height:1.3 !important;cursor:pointer !important;}

/* submit button = site terracotta CTA (compact) */
.comment-form .submit,
.comment-form input#submit{
  background:#BC5028 !important;color:#fff !important;border:0 !important;border-radius:10px !important;
  padding:9px 20px !important;font-weight:700 !important;font-size:14px !important;cursor:pointer !important;
  box-shadow:0 3px 10px rgba(226,104,59,.26) !important;transition:background .15s,transform .15s,box-shadow .15s !important;}
.comment-form .submit:hover,
.comment-form input#submit:hover{background:#A64420 !important;transform:translateY(-2px) !important;
  box-shadow:0 6px 14px rgba(226,104,59,.32) !important;}

/* mobile: everything stacks full-width, submit takes a full row */
@media (max-width:599px){
  .comment-respond form.comment-form > p.comment-form-author,
  .comment-respond form.comment-form > p.comment-form-email{flex:1 1 100% !important;}
  .comment-respond form.comment-form > p.form-submit{flex:1 1 100% !important;margin-left:0 !important;}
  .comment-form .submit,.comment-form input#submit{width:100% !important;}
}

/* existing comments list: light readable cards */
.comment-list{list-style:none !important;margin:0 0 28px !important;padding:0 !important;}
.comment-list .comment-body{background:#f7faf5 !important;border:1px solid #e7efe4 !important;border-radius:12px !important;
  padding:16px 18px !important;margin:0 0 16px !important;}
.comment-list .comment-author .fn{color:#1b5e20 !important;font-weight:700 !important;}
.comment-list .comment-meta a{color:#7a8a78 !important;font-size:.85em !important;text-decoration:none !important;}
.comment-list .reply a{color:#BC5028 !important;font-weight:700 !important;text-decoration:none !important;}
/* == gg-empty-ad-fix-css == */
.gardeningguider-themead img[src=""]{display:none !important;}
.gardeningguider-themead a:has(> img[src=""]){display:none !important;}
.gardeningguider-themead:has(> a > img[src=""]):not(:has(img[src]:not([src=""]))){display:none !important;margin:0 !important;padding:0 !important;}
/* == gg-a11y-contrast-css == */
:root{--gg-terra:#BC5028;--gg-terra-d:#A64420;}
/* theme's global terra submit/buttons (same selector list as theme, later = wins) */
.reply a,.gardeningguider-top a,input[type="reset"],input[type="button"],input[type="submit"]{
  background:#BC5028;color:#fff;}
.reply a:hover,.gardeningguider-top a:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover{
  background:#A64420;color:#fff;}
/* buttons always in the site font (fixes the stray "Open Sans") */
button,input[type="submit"],input[type="button"],input[type="reset"]{font-family:inherit;}
/* category/tag/archive page title = brand heading */
h1.gardeningguider_archivetitle{
  color:#1B5E20 !important;font-weight:800 !important;font-size:30px !important;
  line-height:1.25 !important;margin:0 0 .4em !important;}
/* == gg-glass-css == */
/* ================= AURORA AMBIENT BG — soft light behind the glass so it reads as glass =================
   fixed plus static gradients means a single paint, no animation and no JS. The cream base is unchanged. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42% 34% at 12% 8%,  rgba(120,205,130,.16), transparent 70%),
    radial-gradient(38% 30% at 88% 16%, rgba(226,140,90,.10),  transparent 70%),
    radial-gradient(46% 36% at 78% 78%, rgba(110,195,125,.13), transparent 72%),
    radial-gradient(34% 28% at 18% 86%, rgba(255,214,150,.10), transparent 70%);}
/* ================= FROSTED STICKY HEADER — content glimmers faintly through it as you scroll ================= */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .gardeningguider-siteheader{
    background:rgba(255,255,255,.80) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
    border-bottom:1px solid rgba(255,255,255,.65);
    box-shadow:0 1px 0 rgba(46,125,50,.10),0 10px 30px -12px rgba(20,45,25,.18);}
}
/* ================= DARK STRIPS — glass plus GLOW, as if light were coming through ================= */
.gg-h-head,
.gg-post-strip,
#gg-announce,
.gardeningguider-widgettit .gardeningguider-widgetsbrtit,
h3.gardeningguider-widgetsbrtit{
  box-shadow:
    0 0 16px rgba(150,230,160,.50),
    0 0 36px rgba(150,230,160,.22),
    0 8px 22px rgba(20,45,25,.32),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 12px 18px -10px rgba(255,255,255,.28),
    inset 0 -8px 14px -10px rgba(0,0,0,.35) !important;
}
/* ================= DARK PANELS (newsletter, sowing-calendar optin) ================= */
.gg-news,.gg-postoptin{
  border-top:1px solid rgba(255,255,255,.30);
  box-shadow:
    0 0 20px rgba(150,230,160,.35),
    0 12px 30px rgba(20,45,25,.28),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 16px 26px -16px rgba(255,255,255,.22) !important;
}
/* ================= FOOTER — glass top edge + a glow directed upwards ================= */
.gg-footer{
  box-shadow:
    0 -4px 28px -4px rgba(150,230,160,.35),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 18px 34px -20px rgba(255,255,255,.20) !important;
}
/* ================= LIGHT/WHITE CARDS — TRANSLUCENT glass + sheen + a light glow =================
   an rgba background lets the aurora show through, giving a real glass feel without blur and cheaply on the GPU */
.gg-h-card,.gg-pick,.gg-affbox-card,.gg-fav-card,.gg-cat,
.gg-trust span,.ggw-pick,.gg-at,.gg-hero-card{
  position:relative;overflow:hidden;
  background-color:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.95);
  background-image:linear-gradient(165deg,rgba(255,255,255,.60),rgba(255,255,255,0) 46%);
  box-shadow:
    0 6px 18px rgba(20,45,25,.12),
    0 0 12px rgba(150,215,160,.28),
    inset 0 1px 0 rgba(255,255,255,.95);
}
/* newsletter popup card: form readability > transparency */
.gg-tpop-card{background-color:rgba(255,255,255,.94) !important;border:1px solid rgba(255,255,255,.95);
  box-shadow:0 24px 64px rgba(10,25,14,.4),0 0 22px rgba(150,215,160,.35),inset 0 1px 0 rgba(255,255,255,.95) !important;}
/* the glow gets a touch stronger on hover — the "light" feel */
.gg-h-card:hover,.gg-pick:hover,.gg-affbox-card:hover,.gg-fav-card:hover,.gg-cat:hover,.ggw-pick:hover{
  box-shadow:
    0 10px 24px rgba(20,45,25,.18),
    0 0 20px rgba(150,215,160,.45),
    inset 0 1px 0 rgba(255,255,255,.95);
}
/* ---- SHINE SWEEP — on hover a line of light passes across the card ---- */
@media (prefers-reduced-motion:no-preference){
  .gg-h-card::after,.gg-pick::after,.gg-cat::after,.gg-hero-card::after{
    content:"";position:absolute;top:-8%;bottom:-8%;left:-75%;width:46%;z-index:3;
    background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.42) 50%,transparent 100%);
    transform:skewX(-18deg);pointer-events:none;transition:left .55s ease;}
  .gg-h-card:hover::after,.gg-pick:hover::after,.gg-cat:hover::after,.gg-hero-card:hover::after{left:125%;}
}
/* ================= FROSTED POPOVERS / DROPDOWNS / MODALS (on-demand = perf-safe blur) ================= */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .gg-authorcard-share-pop,.ggmm-menu,.gg-hc-pop{
    background:rgba(255,255,255,.85) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
    border:1px solid rgba(255,255,255,.75) !important;
    box-shadow:0 18px 44px rgba(20,45,25,.22),0 0 18px rgba(150,215,160,.30),inset 0 1px 0 rgba(255,255,255,.9) !important;}
  .gg-tpop-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
}
/* The card-share popover only takes the FROSTED look from here (rule above). Its layout —
   size, tile grid, copy row, anchoring — belongs to mu-plugins/gg-share-pop.php, the one source.
   2026-08-19: the old `left:6px;right:6px` + `.gg-share-bar` overrides that used to live here were
   written for the previous 8-button design; they mis-anchored the new panel (it opened on the left
   of the author box) and are now gone. Do not re-add layout rules for .gg-hc-pop here. */
/* ================= LIGHT PANELS — sidebar widgets / author box / comments: frosted edge + glow ================= */
.widget,.gardeningguider-authorbox,#gardeningguider-commentbox,.gg-organic{
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:0 6px 20px rgba(20,45,25,.10),0 0 14px rgba(150,215,160,.20),inset 0 1px 0 rgba(255,255,255,.85) !important;
}
/* the trust-strip terracotta CTA and hero button keep their own colour and only gain the glow */
.gg-trust .gg-trust-cta,.gg-hero-btn,.gg-more-btn{
  box-shadow:0 5px 16px rgba(226,104,59,.35),0 0 14px rgba(255,170,120,.35) !important;
}

/* ================= NOTIFICATIONS: CENTRE OF SCREEN + GLASS =================
   Standing rule (Gaurav, 2026-08-14): "every notification appears in the centre of the screen, and
   it appears in the glass view." Every transient prompt is collected here so they cannot drift apart
   again — one place, one look.
     - The PWA install banner was pinned to the bottom, and its position is written as an INLINE
       style on the element, so these declarations need !important to win.
     - The push prompt slid down from the top; both its resting and its shown transform have to
       be replaced or it animates back to the top edge.
     - The product toast was already centred and only needed the glass.
   Deliberately NOT moved: the cookie-consent bar. It is shown to every first-time visitor, and a
   centred overlay on first paint is the shape Google treats as an intrusive interstitial. It
   stays a bottom bar and takes the glass in place. ================= */
#ggPwaBanner,#gg-push-prompt,.gg-pcard-toast{
  position:fixed !important;
  left:50% !important; top:50% !important;
  right:auto !important; bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  width:min(520px,calc(100vw - 28px)) !important;
  max-width:none !important;
  margin:0 !important;
  z-index:100060 !important;
  background:rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
  backdrop-filter:blur(16px) saturate(1.25);
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:16px !important;
  box-shadow:0 20px 55px rgba(27,94,32,.24),0 0 0 1px rgba(46,125,50,.07) !important;
}
/* the push prompt used to hide by sliding off-screen; keep it centred and fade instead */
#gg-push-prompt{opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
#gg-push-prompt.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1) !important}
.gg-pcard-toast{transform:translate(-50%,-50%) scale(.96) !important}
.gg-pcard-toast.on,.gg-pcard-toast.show{transform:translate(-50%,-50%) scale(1) !important}
/* text on frosted white has to stay readable */
#ggPwaBanner b,#gg-push-prompt b,.gg-pcard-toast b{color:var(--gg-forest,#1b5e20) !important}
/* the cookie bar keeps its place, takes the same glass */
#gg-cc,.gg-cc{
  background:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid rgba(255,255,255,.6) !important;
}
/* a reader who has asked for less transparency gets solid white, not unreadable frost */
@media (prefers-reduced-transparency:reduce){
  #ggPwaBanner,#gg-push-prompt,.gg-pcard-toast,#gg-cc,.gg-cc{
    background:#fff !important;-webkit-backdrop-filter:none;backdrop-filter:none;
  }
}
/* == gg-square-buttons == */
:root{--gg-btn-r:12px;}
button,
input[type="submit"], input[type="button"], input[type="reset"],
.button, a.button, .wp-block-button__link,
.gg-btn, a.gg-btn, .gg-cta, a.gg-cta,
[class*="-btn"], [class*="btn-"], [class*="_btn"], [class*="btn_"], [class$="btn"],
[class*="cta"],
/* 2026-07-12: icon "buttons" are squared too (the prev/next arrow chips had escaped and were showing as circles) */
.gardeningguider-prenext .nav-links a>span,
.gg-pcard-share,
/* 2026-07-12 full sweep (Gaurav): saare bache circle "buttons" → square.
   EXCEPTION: #ggReadBar (Listen player) ke round transport buttons — Gaurav-approved player look. */
.gg-hero-nav,                                        /* hero slider arrows            */
.gg-cm-x,                                            /* side-ad popup close           */
.gg-social-best a,                                   /* follow-us social icons        */
.gg-fsocial a,                                       /* footer social icons           */
.gardeningguider-headersearchform_tab .gardeningguider-header-search-close,
.gardeningguider-header2-social-icon,
.gardeningguider-header2-search-icon,
.post-navigation .nav-links a > span,                /* old post-nav arrow chips      */
.ggm-cat .ar,                                        /* mega-menu category arrow chip */
.gg-faq-item summary:after                           /* FAQ +/− toggle chip           */
{ border-radius: var(--gg-btn-r) !important; }
/* 2026-08-06 (Gaurav direct): MEGA MENU EXCEPTION — category row ka hover WHITE box aur uska
   the arrow chip is COMPLETELY square (0 radius), not 12px rounded. .ggm-cat is a <button>, so it was caught by the
   was caught by the global rule — this block comes after it, so it wins. */
.ggm-cat, .ggm-cat .ar{ border-radius: 0 !important; }

/* 2026-09-04 (Gaurav direct: "circle ka exception de do") — FLOATING CHAT LAUNCHER.
   The standing rule is "every button the same shape", and it is right for buttons that sit INSIDE
   the page: those are read as a set, so one odd corner radius looks like a mistake.
   This one is not in that set. It floats above the page, it is the only control of its kind, and a
   round launcher is the shape every messenger has trained people to recognise. MEASURED before this
   change: a 56px circle with the 12px rule applied rendered as a rounded square and lost that cue.
   Kept in THIS file on purpose — exceptions to the button-shape rule belong next to the rule, not
   hidden inside gg-ai-plus.php where the next person would fight it with a specificity hack.
   Covers both states: the collapsed 56px circle AND the expanded label pill (stadium shape). */
.ggaip-btn{ border-radius: 999px !important; }
/* == gg-search-style == */
/* ---- 1. ALL search buttons = green gradient + white icon (user-button look) ---- */
.ggmm-searchbtn,
#ggmm-searchbar form button[type="submit"],
.ggfc-search .go, .ggfc-side-search .go,
.ggf-hsearch button,
.gardeningguider-headersearchform_tab input[type="submit"],
.gardeningguider-headersearchform_tab button[type="submit"],
.search-form .search-submit,
.ggfc-acct-btn
{
  background: linear-gradient(135deg,#2e7d32,#1b5e20) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 3px 10px rgba(27,94,32,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition: transform .16s, box-shadow .16s, background .16s !important;
}

/* ---- 2. HOVER = solid Forest green + lift (search buttons AND the USER icon) ---- */
.ggmm-searchbtn:hover,
#ggmm-searchbar form button[type="submit"]:hover,
.ggfc-search .go:hover, .ggfc-side-search .go:hover,
.ggf-hsearch button:hover,
.gardeningguider-headersearchform_tab input[type="submit"]:hover,
.gardeningguider-headersearchform_tab button[type="submit"]:hover,
.search-form .search-submit:hover,
.ggfc-acct-btn:hover,
.gg-acct-guest .gg-acct-toggle:hover,
.gg-acct-member .gg-acct-toggle:hover
{
  background: #1B5E20 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(27,94,32,.4), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: none !important;
}
/* == gg-cta-hover-green == */
body .gardeningguider-entrycontent .gg-affbox a:hover,
body .gardeningguider-entrycontent .gg-affbox .button:hover,
body .gardeningguider-entrycontent .gg-buy-btn:not(.ghost):hover,
body .gardeningguider-entrycontent .gg-softcta-mid .b:hover,
body .gg-affbox .gg-affbox-btn:hover,
body .comment-form input#submit:hover,
body .gg-pick-btn:hover,
body #gg-top:hover,
body .ggw-pick-cta:hover, body .ggw-pick:hover .ggw-pick-cta,
body .gg-recbox-cta:hover,
body .ggfr-search button:hover, body .ggb-btn:hover, body .ggm-btn:hover, body .ggapp-btn:hover,
body .wpforms-form button[type="submit"]:hover, body .wpforms-form .wpforms-submit:hover,
body .ggauth-x:hover,
body #ggmm-searchbar .ggmm-sb-close:hover,
body .gardeningguider-prenext .nav-links a:hover>span
{
  background: #2E7D32 !important;
  color: #fff !important;
}
/* Gaurav 2026-09-02 ("green pe green hover"): a green hover is INVISIBLE on a button that sits on a
   green surface. Every CTA that lives on a dark-green card/box/strip hovers to WHITE with forest
   text instead — the change is unmissable in both directions, and the terra DEFAULT is untouched:
     .gg-h-more        — the "View all →" pill in every forest-green section header
     .gg-rail-cta      — both side-rail cards (green gradient), incl. card-hover highlight
     .gg-news-form     — newsletter box (green gradient)
     .gg-po-form       — post-bottom opt-in box (dark green)
     .gg-optin2-form   — inline gift opt-in box (its own green-gradient hover rule loses here) */
body .gg-h-more:hover,
body .gg-rail-cta:hover, body .gg-rail-ad:hover .gg-rail-cta,
body .gg-news-form button:hover,
body .gg-po-form button:hover,
body .gg-optin2-form button:hover,
body .gg-fcards .ggfc-askcard a:hover
{
  background: #fff !important;
  background-image: none !important;
  color: #1B5E20 !important;
}
/* == gg-tc-css == */
.gg-tc{margin:34px 0 6px}
.gg-tc h2{font-size:1.35rem;color:var(--gg-forest,#1b5e20);margin:26px 0 10px}
.gg-tc h3{font-size:1.05rem;color:var(--gg-forest,#1b5e20);margin:18px 0 6px}
.gg-tc p,.gg-tc li{font-size:.98rem;line-height:1.7;color:var(--gg-text,#2d2d2d)}
.gg-tc ul,.gg-tc ol{padding-left:22px}
.gg-tc .gg-tc-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9rem;background:#fff}
.gg-tc .gg-tc-table th{background:var(--gg-forest,#1b5e20);color:#fff;text-align:left;padding:8px 10px}
.gg-tc .gg-tc-table td{border:1px solid var(--gg-line,#dce3dc);padding:7px 10px}
.gg-tc .gg-tc-table tr:nth-child(even) td{background:var(--gg-green-050,#eaf4ea)}
.gg-tc .gg-tc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* MOBILE (fix 2026-07-26, UI seat): because the table was width:100%, the wrapper never overflowed,
   so it never scrolled and the second column was cut off (at 360px, "Mag…" and "Und…" were clipped).
   giving it a min-width makes the table genuinely wider, so the wrapper scrolls and the full text is visible.
   There is no page-level horizontal scroll because the wrapper clips it itself. */
@media (max-width:600px){
  .gg-tc .gg-tc-table{min-width:520px}
  .gg-tc .gg-tc-table th,.gg-tc .gg-tc-table td{padding:8px 9px;font-size:.88rem}
  /* show a scroll cue, otherwise the user never realises the table slides sideways */
  .gg-tc .gg-tc-scroll{scrollbar-width:thin;scrollbar-color:var(--gg-green,#2e7d32) transparent}
  .gg-tc .gg-tc-scroll::-webkit-scrollbar{-webkit-appearance:none;height:5px}
  .gg-tc .gg-tc-scroll::-webkit-scrollbar-thumb{background:var(--gg-green,#2e7d32);border-radius:3px}
}
.gg-tc details.gg-tc-formula{background:#fff;border:1px solid var(--gg-line,#dce3dc);border-radius:12px;margin:10px 0;overflow:hidden}
.gg-tc details.gg-tc-formula summary{cursor:pointer;padding:12px 15px;font-weight:800;color:var(--gg-forest,#1b5e20);list-style:none}
.gg-tc details.gg-tc-formula summary::-webkit-details-marker{display:none}
.gg-tc details.gg-tc-formula .fx{padding:0 15px 12px;font-size:.93rem;line-height:1.65}
.gg-tc .gg-tc-example{background:var(--gg-green-050,#eaf4ea);border:1px solid #d4e8d5;border-left:4px solid var(--gg-green,#2e7d32);border-radius:10px;padding:12px 16px;margin:12px 0}
.gg-tc .gg-tc-src{font-size:.82rem;color:var(--gg-text-muted,#5c6b5c);margin:10px 0 0}
.gg-tc .gg-tc-src a{color:var(--gg-terra-text,#bc5028);font-weight:700;display:inline-flex;align-items:center;min-height:24px} /* 2026-08-16 audit: 22px tap targets on all 16 tools' source lists */
.gg-tc-eeat{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:26px 0 0;padding:12px 16px;
  background:#fff;border:1px solid var(--gg-line,#dce3dc);border-radius:12px;font-size:.86rem;color:var(--gg-text-muted,#5c6b5c)}
.gg-tc-eeat b{color:var(--gg-forest,#1b5e20)}
/* == gg-tcards-css == */
/* 2026-08-13 (Gaurav: "compact + professional"). This grid is now an EXACT copy of the /tools/ hub
   tile, so the whole site speaks one tool-tile language. Changes: the emoji now sits in a 34px chip
   (which evens out the optical weight of the emoji), the blurb is clamped to 2 lines (so all tiles in
   a row are the same height), and "Open →" is ALWAYS visible (it used to appear only on hover, a
   hidden affordance that on touch was never visible at all). */
.ggtc-wrap{margin:30px 0 8px}
.ggtc-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px}
/* !important — gg-article-style.php ka `.gardeningguider-entrycontent h2{font-size:26px!important;
   border-bottom:2px solid;margin:1.9em 0}` would otherwise turn this UI heading into a prose heading */
.gardeningguider-entrycontent .ggtc-head h2,
.ggtc-head h2{display:flex !important;align-items:center;gap:9px;margin:0 !important;padding:0 !important;border:0 !important;font-size:18px !important;line-height:1.3 !important;font-weight:800 !important;color:var(--gg-forest,#1b5e20) !important}
.ggtc-head h2::before{content:"";flex:0 0 auto;width:5px;height:19px;border-radius:3px;background:var(--gg-terra-cta,#bc5028)}
/* 2026-08-14 (UI seat): "Tools hub →" measured 23px — one pixel short, which is still a miss. */
.ggtc-head .all,.gardeningguider-entrycontent .ggtc-head .all{margin-left:auto;display:inline-flex;align-items:center;min-height:24px;font-weight:800;font-size:.85rem;color:var(--gg-terra-cta,#bc5028) !important;text-decoration:underline;text-underline-offset:3px}
.ggtc-head .all:hover{color:var(--gg-terra-cta-hover,#a64420)}
.ggtc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:11px}
@media(max-width:430px){.ggtc-grid{grid-template-columns:1fr 1fr;gap:9px}}
.ggtc-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--gg-line,#dce3dc);border-radius:12px;padding:13px 14px 11px;text-decoration:none!important;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}
.ggtc-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gg-green,#2e7d32),var(--gg-terra,#e2683b));opacity:0;transition:opacity .16s}
.ggtc-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(27,94,32,.10);border-color:var(--gg-green,#2e7d32)}
.ggtc-card:hover::before{opacity:1}
.ggtc-card:focus-visible{outline:3px solid rgba(46,125,50,.38);outline-offset:2px}
.ggtc-top{display:flex;align-items:flex-start;gap:10px;margin:0 0 7px}
.ggtc-em{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:var(--gg-green-050,#eaf4ea);border:1px solid var(--gg-green-100,#d4e8d5);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}
.ggtc-name{align-self:center;font-weight:800;font-size:14.5px;line-height:1.28;color:var(--gg-forest,#1b5e20)}
.ggtc-card:hover .ggtc-name{color:var(--gg-green,#2e7d32)}
.ggtc-blurb{margin:0 0 10px;font-size:12.8px;line-height:1.45;color:var(--gg-text-muted,#5c6b5c);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ggtc-card .go{margin-top:auto;padding-top:8px;border-top:1px solid var(--gg-gray-100,#ecefec);font-size:12px;font-weight:800;color:var(--gg-terra-cta,#bc5028);letter-spacing:.01em}
.ggtc-card:hover .go{color:var(--gg-terra-cta-hover,#a64420)}
.ggtc-card.here{background:linear-gradient(160deg,var(--gg-green,#2e7d32),var(--gg-forest,#1b5e20));border-color:var(--gg-forest,#1b5e20);cursor:default}
.ggtc-card.here .ggtc-name{color:#fff}
.ggtc-card.here .ggtc-blurb{color:rgba(255,255,255,.86)}
.ggtc-card.here .ggtc-em{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.22)}
.ggtc-card.here .go{color:#fff;border-top-color:rgba(255,255,255,.2)}
.ggtc-card.here:hover{transform:none;box-shadow:none}
.ggtc-here-tag{position:absolute;top:11px;right:11px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:rgba(255,255,255,.2);border-radius:99px;padding:2px 8px}
/* == gg-brand-mark-css == */
.gg-mark{display:block;flex:0 0 auto}
.gg-mark-link{display:inline-flex;line-height:0;text-decoration:none}
.gg-mark-pop{margin:0 auto 8px}
/* the AI bubble: the leaf emoji becomes the mark */
.ggaip-btn .gg-mark{width:22px;height:22px}
.ggaip-head .gg-mark{width:20px;height:20px;display:inline-block;vertical-align:-4px;margin-right:5px}
/* footer + side-rail brand lines: the mark replaces the little leaf emoji */
.gg-mark-brandline{display:inline-flex!important;align-items:center;gap:7px}
.gg-mark-brandline .gg-mark{width:22px;height:22px}
.gg-rail .gg-mark-brandline .gg-mark,[class*=rail] .gg-mark-brandline .gg-mark{width:20px;height:20px}
.ggauth-head .gg-mark{margin:0 auto 6px}
/* == gg-side-ads-css == */
/* rails fill the side GUTTER only (never overlap the content container); fixed on scroll;
     flush from below the header (top) to the screen bottom — stretches on every screen height.
     2026-07-12 AdSense-compliance (Gemini research verified): rail-to-content gap raised from
     ~2px to 18px (accidental-click rule wants 15-20px min) and show-breakpoint raised
     1300->1366px so the rail is never a sliver glued to the content edge. */
  #gg-rail-l,#gg-rail-r{
    position:fixed !important; top:88px; bottom:2px;
    width:min(195px, calc((100vw - var(--gg-maxw, 1170px)) / 2 - 20px));
    z-index:120 !important; display:none;
    container-type:inline-size; /* the inner content scales with the rail width (cqw units) */
  }
  #gg-rail-l{left:2px !important; right:auto !important;}
  #gg-rail-r{right:2px !important; left:auto !important;}
  /* 2026-07-20 (Gaurav): a 1366x768 laptop viewport was left at about 1349px after the scrollbar —
     below the 1366 breakpoint both rails vanished. They now appear from 1280px (the container between 1280 and 1365
     drops to 1000px in gg-redesign.php, so a 120px+ rail fits without overlapping the content). */
  /* 2026-08-15 (Gaurav: "the side ads do not appear on a laptop; they must always be on every page") —
     breakpoint 1280 → 1024. The real cause is WINDOWS DISPLAY SCALING, not a bug:
       1366px laptop @125% = 1093 CSS px · 1440 @125% = 1152 · 1280 @125% = 1024 · 1920 @150% = 1280.
     So laptops fell below 1280 and the rails disappeared, while large monitors at 100% scaling
     still showed them. The most common laptop (1366 @125% = 1093) sat exactly in that hole —
     so 1100 was not enough and we had to go down to 1024.
     Between 1024 and 1279, gg-redesign.php sets `--gg-maxw` to `calc(100vw - 300px)`, so the rail
     is still 130px wide here (Google's minimum is 120px) and never rides over the content —
     measured: 6 pages at 1024/1093/1152, the content box always BETWEEN both rails.
     Below 1024 it is off on purpose: at 992px the site's mobile/tablet layout begins. */
  @media (min-width:1024px){#gg-rail-l,#gg-rail-r{display:block !important;}}
  /* the creative: full-height flex column -> top brand, centred pitch, bottom CTA */
  /* CONTENT SCALES WITH RAIL: --grf = (100vw - 1170px) = 2x rail-width approx.
     every size = clamp(min, --grf * (fullSize/390), fullSize) → full size on a 195px rail,
     proportionally smaller on a thin rail. px fallback first, then calc. */
  #gg-rail-l,#gg-rail-r{--grf:calc(100vw - var(--gg-maxw, 1170px));}
  .gg-rail-ad{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;box-sizing:border-box;
    padding:14px 10px;padding:clamp(8px,calc(var(--grf)*.0359),14px) clamp(5px,calc(var(--grf)*.0256),10px);
    text-align:center;text-decoration:none;border-radius:12px;overflow:hidden;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#2E7D32 0%,#1B5E20 55%,#14361c 100%); /* random dots (Gaurav 2026-07-17) */
    background-size:auto,100% 100%;background-repeat:repeat,no-repeat;
    box-shadow:0 6px 18px rgba(20,45,25,.30),inset 0 1px 0 rgba(255,255,255,.25);
    transition:transform .18s,box-shadow .18s;}
  .gg-rail-ad:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,45,25,.42);}
  .gg-rail-top{display:block;width:100%}
  .gg-rail-top b{display:block;color:#fff;font-weight:800;letter-spacing:.2px;line-height:1.3;
    overflow-wrap:normal;word-break:keep-all;
    font-size:15px;font-size:clamp(10px,calc(var(--grf)*.0385),15px)}
  .gg-rail-top em{display:inline-block;max-width:100%;box-sizing:border-box;background:#fff;color:#C7552C;font-style:normal;font-weight:800;
    line-height:1.6;border-radius:10px;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;
    letter-spacing:.2px;
    margin-top:7px;margin-top:clamp(4px,calc(var(--grf)*.0179),7px);
    font-size:11px;font-size:clamp(7px,calc(var(--grf)*.0282),11px);
    padding:3px 12px;padding:3px clamp(4px,calc(var(--grf)*.0308),12px)}
  /* mid content spread EVENLY over the full height — it used to be a small cluster in the centre,
     with empty green space above and below that drew no attention (Gaurav 2026-07-20) */
  .gg-rail-mid{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex:1;
    gap:0;padding:6px 0;width:100%}
  .gg-rail-stars{display:block;color:#FFD54F;font-size:16px;font-size:clamp(11px,calc(var(--grf)*.041),16px);letter-spacing:2px;line-height:1.2}
  /* a fact chip now replaces the fake star rating — letter-spacing removed (it was for the stars) */
  .gg-rail-fact{letter-spacing:0}
  .gg-rail-stars i{display:block;font-style:normal;color:#d9efd9;letter-spacing:.2px;font-weight:600;
    font-size:11.5px;font-size:clamp(8.5px,calc(var(--grf)*.0295),11.5px);margin-top:3px}
  .gg-rail-extra{display:block;color:#ffe9de;font-weight:600;line-height:1.7;
    font-size:12px;font-size:clamp(8.5px,calc(var(--grf)*.0308),12px)}
  .gg-rail-sheet{display:block;background:repeating-linear-gradient(#fff 0 9px,#e9f1e7 9px 12px);border-radius:5px;
    box-shadow:0 8px 14px rgba(0,0,0,.35);transform:rotate(-5deg);position:relative;overflow:hidden;
    width:76px;width:clamp(42px,calc(var(--grf)*.1949),76px);height:98px;height:clamp(54px,calc(var(--grf)*.2513),98px)}
  .gg-rail-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:16px;height:clamp(9px,calc(var(--grf)*.041),16px);background:#BC5028}
  .gg-rail-sheet b{position:absolute;top:28px;top:clamp(15px,calc(var(--grf)*.0718),28px);left:0;right:0;text-align:center;line-height:1;
    font-size:26px;font-size:clamp(15px,calc(var(--grf)*.0667),26px)}
  .gg-rail-mid strong{color:#fff;line-height:1.22;font-weight:800;overflow-wrap:normal;word-break:keep-all;
    font-size:20px;font-size:clamp(12px,calc(var(--grf)*.0513),20px)}
  .gg-rail-sub{color:#d9efd9;line-height:1.5;font-size:13px;font-size:clamp(9px,calc(var(--grf)*.0333),13px)}
  .gg-rail-ticks{color:#ffe9de;line-height:1.85;font-weight:600;font-size:12.5px;font-size:clamp(8.5px,calc(var(--grf)*.0321),12.5px)}
  .gg-rail-cta{display:block;width:100%;box-sizing:border-box;background:#BC5028;color:#fff;font-weight:800;
    font-size:15.5px;font-size:clamp(10px,calc(var(--grf)*.0397),15.5px);
    padding:13px 6px;padding:clamp(6px,calc(var(--grf)*.0333),13px) clamp(2px,calc(var(--grf)*.0154),6px);
    border-radius:9px;box-shadow:0 4px 12px rgba(0,0,0,.30)}
  .gg-rail-ad:hover .gg-rail-cta{background:#A64420}
  @media (prefers-reduced-motion:no-preference){
    .gg-rail-cta{animation:gg-rail-pulse 3.5s ease-out infinite}
    @keyframes gg-rail-pulse{0%,80%{box-shadow:0 4px 12px rgba(0,0,0,.30)}84%{box-shadow:0 0 0 0 rgba(226,104,59,.6)}100%{box-shadow:0 0 0 10px rgba(226,104,59,0)}}
  }
  /* RIGHT RAIL (Plant Doctor) — same structure, different identity: the card's strip swaps green
     and terracotta, so at a glance they read as two distinct offers rather than a duplicate. */
  .gg-rail-pd .gg-rail-sheet:before{background:#2E7D32}
  .gg-rail-pd .gg-rail-top em{color:#1B5E20}
  /* short screens: hide the ticks so nothing ever clips */
  @media (max-height:760px){.gg-rail-ticks{display:none}}
  @media (max-height:640px){.gg-rail-sub{display:none}.gg-rail-sheet{width:46px;height:60px}}
  /* NARROW RAILS (<~135px): the FREE-DOWNLOAD pill and ticks do not fit — hide them, and the rest stays clean */
  @media (max-width:1449px){
    .gg-rail-top em{display:none}
    .gg-rail-ticks{display:none}
    .gg-rail-top b{font-size:11.5px}
    .gg-rail-mid strong{font-size:13.5px}
    .gg-rail-sub{font-size:10px}
    .gg-rail-cta{font-size:11.5px;padding:9px 3px}
    .gg-rail-sheet{width:48px;height:62px}
    .gg-rail-sheet b{top:17px;font-size:16px}
  }
/* == gg-rail-modal-css == */
#gg-cheat-modal{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:18px;
    background:rgba(15,35,20,.6);backdrop-filter:blur(3px)}
  #gg-cheat-modal.open{display:flex}
  .gg-cm-card{position:relative;width:100%;max-width:380px;border-radius:16px;padding:22px 20px 16px;text-align:center;color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='white'%3E%3Cg transform='translate(14,8)' opacity='.20'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(52,16)' opacity='.16'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(92,8) rotate(40)' opacity='.15'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(128,18) rotate(-12)' opacity='.18'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3Cpath d='M3 6.4L1.8 8.6M3 6.4L4.2 8.6' stroke='white' stroke-width='.8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(34,36) rotate(25)' opacity='.14'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(66,44) rotate(-35)' opacity='.17'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(110,48) rotate(10) scale(.8)' opacity='.15'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(14,66) scale(.8)' opacity='.14'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(48,72) rotate(30) scale(.85)' opacity='.16'%3E%3Cpath d='M3 0C5.2 1.6 5.6 4.4 3 6.4 .4 4.4 .8 1.6 3 0Z'/%3E%3C/g%3E%3Cg transform='translate(86,78) rotate(65)' opacity='.14'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(126,84) rotate(-20)' opacity='.15'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3Cg transform='translate(24,98) rotate(-6) scale(.9)' opacity='.18'%3E%3Cpath d='M4 9L4 4' stroke='white' stroke-width='1' fill='none'/%3E%3Cpath d='M4 4C2.2 4 .6 2.6 0 .6 2.2 .9 3.7 2 4 4Z'/%3E%3Cpath d='M4 4C5.8 4 7.4 2.6 8 .6 5.8 .9 4.3 2 4 4Z'/%3E%3C/g%3E%3Cg transform='translate(98,104) scale(.7)' opacity='.13'%3E%3Ccircle cx='0' cy='-3' r='1.6'/%3E%3Ccircle cx='2.85' cy='-.93' r='1.6'/%3E%3Ccircle cx='1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-1.76' cy='2.43' r='1.6'/%3E%3Ccircle cx='-2.85' cy='-.93' r='1.6'/%3E%3Ccircle r='1.1'/%3E%3C/g%3E%3Cg transform='translate(138,102) rotate(-50)' opacity='.16'%3E%3Cpath d='M0 7C0 2.6 2.6 .4 6.2 0 5.8 3.5 3.5 6.2 0 7Z'/%3E%3C/g%3E%3Cg transform='translate(64,106) rotate(45)' opacity='.13'%3E%3Cellipse rx='1.3' ry='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 82% 10%,rgba(255,255,255,.20),transparent 40%),linear-gradient(160deg,#E2683B,#c2542c 60%,#a84722); /* random dots (Gaurav 2026-07-17) */
    background-size:auto,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;
    box-shadow:0 24px 60px rgba(0,0,0,.45);animation:ggcmin .28s cubic-bezier(.22,1,.36,1)}
  @keyframes ggcmin{from{transform:translateY(14px) scale(.96);opacity:0}to{transform:none;opacity:1}}
  .gg-cm-x{position:absolute;top:10px;right:12px;background:#1B5E20;border:0;color:#fff;width:30px;height:30px;
    display:flex;align-items:center;justify-content:center;padding:0;
    border-radius:50%;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.25);transition:.15s}
  .gg-cm-x:hover{background:#14491a}
  .gg-cm-sheet{display:block;width:64px;height:82px;margin:0 auto 10px;background:repeating-linear-gradient(#fff 0 10px,#e9f1e7 10px 13px);
    border-radius:6px;box-shadow:0 10px 18px rgba(0,0,0,.32);transform:rotate(-5deg);position:relative;overflow:hidden}
  .gg-cm-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:13px;background:#2E7D32}
  .gg-cm-sheet b{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:21px;line-height:1}
  .gg-cm-badge{display:inline-block;background:#fff;color:#C7552C;font-weight:800;font-size:10.5px;letter-spacing:.5px;
    text-transform:uppercase;padding:3px 12px;border-radius:20px;margin:0 0 8px}
  /* !important needed (2026-09-02, Gaurav popup sweep): the site carries a global
     `body h3{font-size:22px !important}` (customizer-era), so at 360px the title rendered 22px and
     its text ran UNDER the ✕ ("…Cheat Sheet" clipped). Only an !important at higher specificity wins. */
  #gg-cheat-modal .gg-cm-card h3{margin:0 0 5px;font-size:19px !important;line-height:1.25;color:#fff;font-weight:800;font-family:inherit}
  .gg-cm-sub{margin:0 auto 12px;font-size:12.5px;line-height:1.5;color:#ffe9de;max-width:280px}
  .gg-cm-form{display:flex;flex-direction:column;gap:8px}
  .gg-cm-form input{padding:11px 12px;border:0;border-radius:9px;font-size:13.5px;width:100%;box-sizing:border-box;color:#222;text-align:center}
  .gg-cm-form input:focus{outline:2px solid #ffd9a8}
  .gg-cm-form button{width:100%;box-sizing:border-box;padding:12px 8px;border:0;border-radius:9px;background:#1B5E20;color:#fff;
    font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.28);transition:.15s}
  .gg-cm-form button:hover{background:#14491a;transform:translateY(-1px)}
  .gg-cm-fine{margin:8px 0 0;font-size:10.5px;color:#ffe3d5}
  #gg-cheat-modal .ggw-news-ok{color:#fff;font-weight:800;font-size:16px;padding:14px 4px;margin:0}

  /* ---- PHONE SHAPE (2026-08-21, Gaurav: "mobile pe bhi sahi dikhna chahiye") ----
     This modal never opened on a phone at all: its own timer was gated at innerWidth>=1024, and the
     popup warden blocked big centred modals on phones as well. That hid our biggest email collector
     from most of the traffic. It now opens on phones as a BOTTOM SHEET — docked to the bottom edge
     so the article stays readable above it, which is what Google's intrusive-interstitial rule is
     actually about. The decorative paper-sheet graphic and some padding go, because on a phone the
     height is the entire budget (the warden refuses anything over 55% of the screen). */
  @media (max-width:1023px){
    #gg-cheat-modal{align-items:flex-end;padding:0;background:rgba(15,35,20,.5);backdrop-filter:blur(5px)}
    .gg-cm-card{max-width:none;border-radius:18px 18px 0 0;padding:16px 18px 14px;
      animation:ggcmup .28s cubic-bezier(.22,1,.36,1)}
    .gg-cm-sheet{display:none}
    .gg-cm-badge{margin-bottom:6px}
    #gg-cheat-modal .gg-cm-card h3{font-size:17px !important;padding:0 26px} /* stay clear of the ✕ */
    .gg-cm-sub{margin-bottom:10px;font-size:12px}
    .gg-cm-form{gap:7px}
    /* The form is a flex column with gap:7px, but the theme also gives every form control
       margin-bottom:25px — measured on a 390px phone that stray margin was FOUR of the 552px card's
       pixels times twenty-five, i.e. 100px, a fifth of the whole sheet, spent on nothing visible.
       Zeroed here only (the approved desktop card is not touched). */
    /* the #id is needed, not decoration: the theme's own input rule has the same class-level weight
       and lands later in the combined stylesheet, so a plain `.gg-cm-form input` lost the tie and
       only 25 of the 100 stray pixels went away. */
    #gg-cheat-modal .gg-cm-form input{margin:0;padding:10px 12px}
    #gg-cheat-modal .gg-cm-form button{margin:0;padding:12px 8px}
    .gg-cm-fine{margin-top:6px}
  }
  /* SHORT phones (a 360x640 screen is still very common). The 55% cap is a share of the screen, not
     a pixel count, so a sheet that fits comfortably on a 915px-tall phone is 73% of a 640px one and
     the warden refuses it — which would have meant "no popup on the small phones" all over again.
     Everything decorative goes here; the headline, the three fields, the button and the trust line
     stay, because those are the popup. */
  @media (max-width:1023px) and (max-height:740px){
    .gg-cm-card{padding:12px 16px 12px}
    #gg-cheat-modal .gg-mark-pop,.gg-cm-badge{display:none}
    #gg-cheat-modal .gg-cm-card h3{font-size:15.5px !important;line-height:1.2;padding:0 24px}
    .gg-cm-sub{font-size:11.5px;line-height:1.4;margin-bottom:8px}
    #gg-cheat-modal .gg-cm-form input{padding:8px 11px;font-size:13px}
    #gg-cheat-modal .gg-cm-form button{padding:10px 8px}
    .gg-cm-form{gap:6px}
    .gg-cm-fine{margin-top:5px;font-size:10px}
    .gg-cm-x{top:6px;right:8px;width:26px;height:26px}
  }
  /* landscape phone (2026-09-02, Gaurav popup sweep): the vertical sheet measured 81% of a
     375px-tall screen — the warden never showed it there. Fields go side by side; all three stay. */
  @media (max-width:1023px) and (max-height:459px){
    #gg-cheat-modal .gg-cm-form{display:grid;grid-template-columns:1fr 1fr;gap:6px}
    #gg-cheat-modal .gg-cm-form input,#gg-cheat-modal .gg-cm-form button{min-height:40px;padding:6px 10px}
    #gg-cheat-modal .gg-cm-card h3{font-size:14px !important;margin-bottom:3px;padding:0 24px}
    .gg-cm-sub,.gg-cm-badge,#gg-cheat-modal .gg-mark-pop{display:none}
    .gg-cm-card{padding:8px 14px 8px}
    .gg-cm-fine{margin-top:4px;font-size:9.5px}
  }
  @keyframes ggcmup{from{transform:translateY(100%)}to{transform:none}}
/* == gg-units-css == */
.gg-units{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px;font-size:13.5px;color:#4a5148}
.gg-units b{color:#1B5E20;font-weight:700}
.gg-units-sw{display:inline-flex;border:1.5px solid #dce3dc;border-radius:999px;overflow:hidden;background:#fff}
.gg-units-sw button{appearance:none;border:0;background:#fff;color:#4a5148;font:inherit;font-weight:700;
  padding:7px 16px;cursor:pointer;min-height:36px;transition:.15s}
.gg-units-sw button[aria-pressed="true"]{background:#2E7D32;color:#fff}
.gg-units-sw button:focus-visible{outline:3px solid #BC5028;outline-offset:-3px}
@media (max-width:420px){.gg-units-sw button{padding:7px 13px}}
/* == gg-cmenu-css == */
/* the rainbow is one gradient across the whole word (per-letter spans are BANNED — they break translation).
   ⚠️ the gradient and clip are applied as an INLINE style (JS below) — in a stylesheet the theme's
   the `background` shorthand was killing it (background-clip reset -> invisible text). */
.gg-cmenu-rainbow{font-weight:800!important;display:inline-block!important;
  transform-origin:center bottom;animation:ggcmPulse 5s ease-in-out infinite;will-change:transform}
/* a CLEAR bounce + wiggle every 5s — draws attention (still the rest of the time) */
@keyframes ggcmPulse{
  0%,68%,100%{transform:none}
  74%{transform:translateY(-5px) scale(1.2) rotate(-6deg)}
  80%{transform:translateY(0) scale(1.24) rotate(6deg)}
  86%{transform:translateY(-3px) scale(1.16) rotate(-3deg)}
  92%{transform:translateY(0) scale(1.08) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.gg-cmenu-rainbow{animation:none}}
/* == gg-home-widgets-left-css == */
@media (min-width:993px){
  /* once moved, render the secondary widgets as a normal block in the left rail */
  .gardeningguider-primarycontentarea #gardeningguider-secondarysidebar{
    width:100% !important; float:none !important; margin:14px 0 0 0 !important; padding:0 !important; clear:both !important;}
}
/* == gg-sg-css == */
#gg-sg-tab{position:fixed;left:12px;bottom:var(--gg-fab-b,23px);z-index:9960;display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid #dce3dc;border-radius:999px;padding:9px 15px;min-height:24px;font-weight:800;
  font-size:13px;color:#1B5E20;box-shadow:0 6px 20px rgba(27,94,32,.22);cursor:pointer;font-family:inherit;
  transition:opacity .15s,transform .15s}
#gg-sg-tab:hover{background:#EAF4EA;transform:translateY(-1px)}
@media(max-width:1023px){html.ggpr-sheet-open #gg-sg-tab{opacity:0;pointer-events:none}}
@media(max-width:520px){#gg-sg-tab span{display:none}#gg-sg-tab{padding:9px 12px;font-size:15px}}
/* wide screens: the decorated side rails own the far-left corner (measured: the tab sat on the
   rail's "Get it FREE" button) — step inside, past the ~130px rail */
@media(min-width:1100px){#gg-sg-tab{left:150px}#gg-sg-panel{left:150px}}
#gg-sg-panel{position:fixed;left:12px;bottom:calc(var(--gg-fab-b,23px) + 46px);z-index:9961;width:min(330px,calc(100vw - 24px));
  background:#fff;border:1px solid #dce3dc;border-radius:16px;box-shadow:0 18px 50px rgba(20,45,25,.35);
  padding:18px;display:none}
#gg-sg-panel.on{display:block}
#gg-sg-panel h3{margin:0 26px 2px 0;font-size:15px !important;color:#1B5E20;line-height:1.3;font-family:inherit}
.gg-sg-ctx{font-size:11px;color:#5C6B5C;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gg-sg-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;
  background:#eef2ed;color:#5C6B5C;font-size:15px;line-height:1}
.gg-sg-moods{display:flex;gap:7px;margin:0 0 10px}
.gg-sg-mood{flex:1;min-height:44px;border:1px solid #dce3dc;border-radius:9px;background:#fff;font-size:20px;cursor:pointer;padding:0}
.gg-sg-mood.on,.gg-sg-mood:hover{background:#EAF4EA;border-color:#2E7D32}
#gg-sg-txt{width:100%;box-sizing:border-box;border:1px solid #dce3dc;border-radius:9px;padding:10px 12px;
  font:inherit;font-size:13px;min-height:70px;resize:vertical;margin:0}
.gg-sg-mailrow{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#5C6B5C;margin:9px 0}
#gg-sg-mail{width:100%;box-sizing:border-box;border:1px solid #dce3dc;border-radius:9px;padding:8px 12px;
  font:inherit;font-size:13px;margin:0 0 9px;display:none}
#gg-sg-mail.on{display:block}
#gg-sg-send{width:100%;min-height:44px;border:0;border-radius:10px;background:#BC5028;color:#fff;font-weight:800;
  font-size:14px;cursor:pointer;font-family:inherit;transition:background .15s}
#gg-sg-send:hover{background:#A64420}
#gg-sg-send[disabled]{opacity:.6;cursor:wait}
.gg-sg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#gg-sg-thanks{display:none;align-items:center;gap:10px;background:#EAF4EA;border:1px solid #2E7D32;border-radius:10px;
  padding:12px 14px;color:#1B5E20;font-weight:700;font-size:13.5px}
#gg-sg-panel.done form{display:none}
#gg-sg-panel.done #gg-sg-thanks{display:flex}
.gg-sg-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#EAF4EA;border:1px solid #dce3dc;
  border-radius:12px;padding:12px 16px;margin:26px 0 6px}
.gg-sg-inline b{color:#1B5E20;font-size:14.5px}
.gg-sg-yn{display:inline-flex;gap:8px}
.gg-sg-yn button{min-width:48px;min-height:40px;border:1px solid #dce3dc;border-radius:9px;background:#fff;
  font-size:17px;cursor:pointer;transition:border-color .15s,background .15s}
.gg-sg-yn button:hover{border-color:#2E7D32;background:#fff}
.gg-sg-inline .gg-sg-ty{display:none;color:#1B5E20;font-weight:700;font-size:13px}
.gg-sg-inline.done .gg-sg-yn,.gg-sg-inline.done b{display:none}
.gg-sg-inline.done .gg-sg-ty{display:inline}
/* == gg-consent-css == */
/* 2026-08-20 (Gaurav): the three choices used to sit in ONE row, which forced the card to span the
   full 1120px content width — a full-width wall on the very first screen a new visitor sees. The
   buttons are now stacked one under the other, so the card only needs ~420px. */
#gg-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:99998;max-width:420px;margin:0 auto;
  background:linear-gradient(165deg,#ffffff,#f4faf2);border:1px solid rgba(46,125,50,.28);border-radius:16px;
  box-shadow:0 18px 50px rgba(12,32,16,.25);padding:16px 20px;display:none;
  font-family:system-ui,Segoe UI,Arial,sans-serif;color:#2d2d2d;
  transform:translateY(12px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;}
#gg-consent.gg-show{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;transform:none;opacity:1;}
#gg-consent .gg-cc-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;
  background:linear-gradient(135deg,#2E7D32,#1B5E20);box-shadow:0 6px 16px rgba(27,94,32,.35);}
#gg-consent .gg-cc-txt{flex:1 1 240px;font-size:13.5px;line-height:1.55;}
#gg-consent .gg-cc-txt b{display:block;color:#153f1a;font-size:14.5px;margin-bottom:2px;}
#gg-consent .gg-cc-txt a{color:#2E7D32;font-weight:700;text-decoration:underline;}
#gg-consent .gg-cc-btns{display:flex;flex-direction:column;gap:8px;flex:1 1 100%;}
/* EQUAL PROMINENCE (EDPB rule): all three buttons share size and weight, only the brand tint differs */
/* min-height: Lighthouse measured the Accept button's clear space at 23px — one pixel under the
   WCAG 2.5.8 target, on the very first control every visitor is asked to press (TESTING, 18 Aug
   2026). Padding is unchanged, so nothing moves visually; only the guaranteed height goes up. */
#gg-consent .gg-cc-btns button{cursor:pointer;font-weight:700;font-size:13.5px;border-radius:9px;padding:11px 16px;border:0;transition:.15s;font-family:inherit;min-height:28px;width:100%;text-align:center;
  margin:0;/* the theme's button rule adds a bottom margin — in a stacked column that showed up as a gap */}
#gg-consent .gg-cc-accept{background:#2E7D32;color:#fff;}
#gg-consent .gg-cc-accept:hover{background:#1B5E20;}
#gg-consent .gg-cc-reject{background:#1B5E20;color:#fff;opacity:.92;}
#gg-consent .gg-cc-reject:hover{opacity:1;}
#gg-consent .gg-cc-prefs{background:#eef2ed;color:#25452a;border:1px solid #cfdccf;}
#gg-consent .gg-cc-prefs:hover{background:#e2eae1;}
@media(max-width:640px){#gg-consent{left:10px;right:10px;bottom:10px;padding:14px;}
  #gg-consent .gg-cc-ic{display:none}
  #gg-consent .gg-cc-btns{width:100%;} #gg-consent .gg-cc-btns button{flex:1;min-width:0;padding:11px 8px;}}

/* --- preferences modal --- */
#gg-cc-modal{position:fixed;inset:0;z-index:100060;display:none;align-items:center;justify-content:center;padding:18px;
  background:rgba(12,28,16,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-family:system-ui,Segoe UI,Arial,sans-serif;}
#gg-cc-modal.on{display:flex;}
#gg-cc-modal .gg-cm-card{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:88vh;overflow:auto;
  box-shadow:0 30px 90px rgba(0,0,0,.4);}
#gg-cc-modal .gg-cm-head{position:sticky;top:0;background:linear-gradient(135deg,#2E7D32,#1B5E20);color:#fff;padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1;}
#gg-cc-modal .gg-cm-head h2{margin:0;font-size:16.5px;color:#fff;}
#gg-cc-modal .gg-cm-x{background:rgba(255,255,255,.16);border:0;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;line-height:1;}
#gg-cc-modal .gg-cm-x:hover{background:rgba(255,255,255,.3);}
#gg-cc-modal .gg-cm-body{padding:14px 20px 6px;}
#gg-cc-modal .gg-cm-intro{font-size:12.5px;color:#5c6b5c;line-height:1.55;margin:0 0 12px;}
#gg-cc-modal .gg-cm-cat{border:1px solid #e2eae0;border-radius:12px;padding:12px 14px;margin:0 0 10px;}
#gg-cc-modal .gg-cm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#gg-cc-modal .gg-cm-row b{font-size:14px;color:#1B5E20;}
#gg-cc-modal .gg-cm-cat p{margin:6px 0 0;font-size:12.5px;color:#5c6b5c;line-height:1.5;}
#gg-cc-modal .gg-cm-lock{font-size:11.5px;font-weight:800;color:#2E7D32;background:#eaf4ea;border-radius:99px;padding:4px 11px;white-space:nowrap;}
/* toggle switch */
.gg-sw{position:relative;display:inline-block;width:44px;height:24px;flex:none;}
.gg-sw input{opacity:0;width:0;height:0;}
.gg-sw i{position:absolute;cursor:pointer;inset:0;background:#cdd6cc;border-radius:99px;transition:.2s;}
.gg-sw i:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.gg-sw input:checked + i{background:#2E7D32;}
.gg-sw input:checked + i:before{transform:translateX(20px);}
.gg-sw input:focus-visible + i{outline:2px solid #2E7D32;outline-offset:2px;}
#gg-cc-modal .gg-cm-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid #e6ede4;padding:12px 20px;display:flex;flex-wrap:wrap;gap:9px;}
#gg-cc-modal .gg-cm-foot button{cursor:pointer;font-weight:700;font-size:13.5px;border-radius:9px;padding:11px 16px;border:0;flex:1;min-width:120px;font-family:inherit;transition:.15s;}
#gg-cc-modal .gg-cm-save{background:#BC5028;color:#fff;}
#gg-cc-modal .gg-cm-save:hover{background:#2E7D32;}
#gg-cc-modal .gg-cm-all{background:#2E7D32;color:#fff;}
#gg-cc-modal .gg-cm-all:hover{background:#1B5E20;}
#gg-cc-modal .gg-cm-none{background:#eef2ed;color:#25452a;border:1px solid #cfdccf;}
#gg-cc-modal .gg-cm-gpc{font-size:11.5px;color:#8a9a88;margin:4px 20px 14px;}

/* --- 🍪 reopen badge (after a choice has been made; stacks above the push bell) --- */
#gg-cc-badge{position:fixed;left:16px;bottom:70px;z-index:99990;width:38px;height:38px;border-radius:50%;border:1px solid rgba(46,125,50,.3);
  background:#fff;box-shadow:0 6px 18px rgba(12,32,16,.22);cursor:pointer;display:none;place-items:center;font-size:17px;transition:transform .15s;}
#gg-cc-badge:hover{transform:translateY(-2px);}
#gg-cc-badge.on{display:grid;}
@media(max-width:782px){#gg-cc-badge{display:none !important;}} /* mobile: the footer link is enough, no floating clutter */
@media print{#gg-consent,#gg-cc-modal,#gg-cc-badge{display:none !important;}}
/* == gg-push-css == */
#gg-push-prompt{position:fixed;top:14px;left:50%;transform:translate(-50%,-130%);z-index:100050;width:min(420px,calc(100vw - 24px));
  background:linear-gradient(160deg,#ffffff,#f2f8f0);border:1px solid rgba(46,125,50,.25);border-radius:16px;
  box-shadow:0 18px 50px rgba(12,32,16,.28);padding:16px 16px 14px;display:flex;gap:13px;align-items:flex-start;
  transition:transform .45s cubic-bezier(.22,1,.36,1);font-family:system-ui,Segoe UI,Arial}
#gg-push-prompt.on{transform:translate(-50%,0)}
#gg-push-prompt .ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:23px;
  background:linear-gradient(135deg,#2E7D32,#1B5E20);box-shadow:0 6px 16px rgba(27,94,32,.35)}
#gg-push-prompt .tx b{display:block;color:#153f1a;font-size:14.5px;line-height:1.35;margin:0 0 3px}
#gg-push-prompt .tx span{color:#4a6350;font-size:12.5px;line-height:1.5;display:block}
#gg-push-prompt .bt{display:flex;gap:8px;margin-top:11px}
#gg-push-prompt .yes{background:#2E7D32;color:#fff;border:0;border-radius:9px;padding:9px 18px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
#gg-push-prompt .yes:hover{background:#1B5E20}
#gg-push-prompt .no{background:#eef2ed;color:#5c7361;border:0;border-radius:9px;padding:9px 14px;font-weight:600;font-size:13px;cursor:pointer}
/* Bare bell, no green pill (Gaurav 2026-08-20: just the yellow bell). The 46px box stays for the
   24px+ tap target; the drop-shadow keeps the glyph readable on light AND dark backgrounds.
   Bottom-LEFT was a dead corner -- nobody saw the bell there. It now rides immediately to the LEFT
   of the "AI Help" button (Gaurav 2026-08-20), so the two float as one action cluster. These CSS
   numbers are only the pre-paint fallback; the JS below measures the AI button and snaps the bell
   to it (its width changes with the label), and falls back to the plain corner if it is absent. */
/* 2026-08-20 (Gaurav: "bell ko AI Help ke bilkul bagal me, ek hi row me"): the old 138px offset left
   a 25px hole, and the vertical match relied on the JS below -- which never runs on an insecure
   origin (no serviceWorker), so on gardeningguider.local the bell simply sat off the row. Both
   numbers are now pure CSS: 113px is the AI button's measured width, + 8px gap = 121px, and the
   height is read from --gg-fab-b, the same variable the AI button uses (-1px centres 46 against 44). */
#gg-push-bell{position:fixed;bottom:var(--gg-fab-b,23px);z-index:100040;width:46px;height:46px;border:0;cursor:pointer;
  right:calc(max(9px, calc((100vw - var(--gg-maxw,1170px))/2 + 13px)) + 121px);
  background:none;padding:0;font-size:30px;line-height:1;display:none;place-items:center;
  filter:drop-shadow(0 2px 4px rgba(12,32,16,.45));transition:transform .15s}
#gg-push-bell:hover{transform:translateY(-2px) scale(1.06)}
#gg-push-bell:focus-visible{outline:2px solid #2E7D32;outline-offset:3px;border-radius:10px}
/* Mobile ON too (Gaurav 2026-08-20). Android Chrome supports web push and most traffic is mobile,
   so hiding the bell there meant we collected no subscribers at all from the bigger half of the
   audience. (On iOS Safari the JS never renders the bell -- there is no PushManager.) */
@media(max-width:782px){#gg-push-bell{width:44px;height:44px;font-size:27px;bottom:var(--gg-fab-b,23px);
  right:calc(max(9px, calc((100vw - var(--gg-maxw,1170px))/2 + 13px)) + 121px)}}
@media(max-width:520px){#gg-push-bell{bottom:var(--gg-fab-b,19px);right:130px}} /* AI button: right:9px + 113 + 8 */
/* == gg-lc-css == */
#gg-lc[hidden]{display:none}
/* ===== 2026-08-19 (Gaurav: "ye popup center me kyun nahi aata aur glass view nahi hai") =====
   DESKTOP: a proper centred card on a frosted backdrop — centre + glass converts better than a
   corner box, and on a desktop screen it is NOT an intrusive interstitial (Google's penalty is
   about mobile search landings).
   PHONE  : deliberately NOT centred and NOT full-screen — it docks to the bottom as a sheet that
   never covers more than ~45% of the screen, because a big centred box on a phone landing IS the
   interstitial Google penalises. Measured before this change: 61% of the phone screen. */
#gg-lc{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;
  padding:20px;pointer-events:none;background:rgba(20,45,25,0);transition:background .3s}
#gg-lc.gg-lc-in{pointer-events:auto;background:rgba(20,45,25,.42);
  -webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2)}
.gg-lc-box{position:relative;right:auto;bottom:auto;width:min(420px,calc(100dvw - 40px));
  background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-top:4px solid #BC5028;
  border-radius:18px;box-shadow:0 24px 60px rgba(20,45,25,.34);padding:26px 26px 20px;
  transform:translateY(18px) scale(.97);opacity:0;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s}
#gg-lc.gg-lc-in .gg-lc-box{transform:translateY(0) scale(1);opacity:1}
/* ⚠️ The phone rules USED TO SIT HERE, and most of them never applied. A media query does not raise
   specificity — it only narrows when a rule is considered — so `.gg-lc-badge{margin-bottom:6px}`
   inside the query lost, at equal specificity, to the plain `.gg-lc-badge{margin:0 0 10px}` written
   further down the same stylesheet. The compaction added on 2026-08-19 was therefore half dead from
   the day it was written: the sheet docked to the bottom (that rule had an #id and won) but kept
   desktop spacing and kept the "No thanks" link, and so it scrolled. The block now lives at the END
   of this stylesheet — see "PHONE SHEET" below. */
.gg-lc-badge{display:inline-block;background:#EAF4EA;color:#256C29;font-weight:800;font-size:11px;
  letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:8px;margin:0 0 10px}
.gg-lc-h{margin:0 0 6px !important;font-size:19px !important;line-height:1.25;color:#1B5E20 !important;
  font-weight:800;border:0 !important;padding:0 !important;background:none !important}
.gg-lc-h::before,.gg-lc-h::after{display:none !important}
.gg-lc-p{margin:0 0 14px;font-size:14px;line-height:1.55;color:#5C6B5C}
.gg-lc-form{display:flex;flex-direction:column;gap:9px;margin:0}
.gg-lc-form select{width:100%;padding:12px 14px;border:1.5px solid #dce3dc;border-radius:10px;
  font:inherit;font-size:14px;color:#2D2D2D;background:#fff;margin:0}
.gg-lc-form input[type=email],.gg-lc-form input[type=text]{width:100%;padding:12px 14px;
  border:2px solid #DCE3DC;border-radius:12px;font-size:16px;color:#2D2D2D;background:#fff;min-height:48px}
.gg-lc-form input:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
.gg-lc-form button{min-height:48px;background:#BC5028;color:#fff;border:0;border-radius:12px;
  font-size:16px;font-weight:800;cursor:pointer;transition:background .18s ease}
.gg-lc-form button:hover{background:#2E7D32;color:#fff}       /* Gaurav rule 2026-07-14 */
.gg-lc-form button:focus-visible{outline:3px solid #1B5E20;outline-offset:2px}
.gg-lc-x{position:absolute;top:6px;right:6px;width:32px;height:32px;display:grid;place-items:center;
  border:0;background:transparent;cursor:pointer;color:#5C6B5C;font-size:15px;border-radius:8px;line-height:1}
.gg-lc-x:hover{background:#ECEFEC;color:#2D2D2D}
.gg-lc-x:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
/* The theme forces its orange CTA styling onto every <button> — caught on a screenshot: the light
   "No thanks" link had turned into a full orange button, and two CTAs side by side destroy the
   real CTA's pull. That is why !important is needed here. */
.gg-lc-box .gg-lc-no{display:block !important;width:100% !important;margin:10px 0 0 !important;
  min-height:24px;padding:4px 0 !important;font-size:12.5px !important;font-weight:400 !important;
  color:#5C6B5C !important;background:none !important;border:0 !important;box-shadow:none !important;
  cursor:pointer;text-decoration:underline !important;text-align:center;font-family:inherit;
  border-radius:0 !important;letter-spacing:normal !important;text-transform:none !important}
.gg-lc-box .gg-lc-no:hover{color:#2D2D2D !important;background:none !important}
.gg-lc-no:focus-visible{outline:3px solid #2E7D32;outline-offset:2px}
.gg-lc-trust{margin:10px 0 0;font-size:12px;color:#5C6B5C;text-align:center}
.gg-lc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.gg-lc-box .ggw-news-ok{margin:0;color:#1B5E20;font-weight:700;font-size:15px;line-height:1.5}
/* 2026-09-02 (Gaurav popup sweep) — the corner-era rule that lived here
   (`right:8px;left:8px;bottom:97px;width:auto`) was NOT inert on the flex-end sheet: on a
   position:relative box `left:8px` shifts the whole 100%-wide sheet 8px right (measured: right
   edge 368 on a 360px screen — the ✕ clipped off) and `bottom:97px` floated the sheet 97px above
   the screen bottom. The AI bubble it once dodged already hides itself while a sheet is open
   (ggpr-sheet-open in gg-popup-rules.php). Padding is owned by the phone-sheet block below. */
/* the theme applies capitalize to h2 — it became "Want The Sowing Calendar?", different from desktop. */
.gg-lc-box .gg-lc-h{text-transform:none !important}
/* ================= PHONE SHEET — must stay LAST in this stylesheet =================
   Docks to the bottom instead of sitting in the middle: a big centred box on a phone landing is the
   interstitial Google penalises (measured before the 2026-08-19 redesign: 61% of the screen).
   The CTA must be visible WITHOUT scrolling inside the sheet — everything below is spent on that one
   requirement. All three standard lead fields stay (Gaurav's 2026-08-14 rule); what goes is spacing,
   and the "No thanks" link, whose job the ✕ already does.
   Anything added AFTER this block at plain class specificity will silently switch it back off. */
@media (max-width:1023px){
  #gg-lc{align-items:flex-end;padding:0}
  #gg-lc.gg-lc-in{background:rgba(20,45,25,.28);
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .gg-lc-box{width:100%;max-height:52dvh;overflow:auto;border-radius:18px 18px 0 0;
    padding:14px 16px 12px;transform:translateY(100%);box-shadow:0 -14px 40px rgba(20,45,25,.3)}
  .gg-lc-h{font-size:17px !important;margin-bottom:4px !important}
  .gg-lc-p{margin:0 0 9px;font-size:13px;line-height:1.4}
  .gg-lc-badge{margin:0 0 6px;padding:2px 8px;font-size:10px}
  .gg-lc-form{gap:7px}
  /* The theme gives every form control `margin-bottom:25px`, and the form is a flex column with its
     own gap — four invisible 25px bands, 100px, inside a sheet capped at 52dvh with overflow:auto.
     The sheet never looked broken; it just scrolled, and "Send it my way" sat below its own fold.
     The #id is needed to beat the theme's own input rule, which has the same class-level weight. */
  #gg-lc .gg-lc-form input,#gg-lc .gg-lc-form button,#gg-lc .gg-lc-form select{margin:0}
  .gg-lc-form input[type=email],.gg-lc-form input[type=text],.gg-lc-form select{padding:10px 12px}
  .gg-lc-form button{min-height:46px}
  .gg-lc-box .gg-lc-no{display:none !important}
  .gg-lc-trust{margin:7px 0 0;font-size:11px}
  /* the brand mark is decoration, and decoration is what the height budget buys back */
  #gg-lc .gg-mark-pop{display:none}
  /* Left over from the old corner-box design (right/left/bottom/width mean nothing to a flex-end
     sheet) — but its padding did still apply and undid the compact padding above. */
  #gg-lc .gg-lc-box{padding:14px 16px 12px}
}
@media (max-width:1023px) and (max-height:740px){
  /* 54dvh, not 56 (2026-09-02): 56dvh is past the warden's 55% cap — measured 56% on 320x568,
     which means the warden refused the popup on exactly the phones this block exists for */
  .gg-lc-box{max-height:54dvh}
  .gg-lc-h{font-size:15.5px !important}
  .gg-lc-p{font-size:12px;margin:0 0 7px}
  .gg-lc-badge{display:none}
  .gg-lc-form{gap:6px}
  .gg-lc-form input[type=email],.gg-lc-form input[type=text],.gg-lc-form select{padding:7px 11px;min-height:38px;font-size:14px}
  .gg-lc-form button{min-height:40px}
  .gg-lc-form{gap:5px}
  .gg-lc-trust{margin:3px 0 0;font-size:9px} /* tiny, but the unsubscribe promise stays visible */
  .gg-lc-trust{margin:5px 0 0;font-size:10px}
  #gg-lc .gg-lc-box{padding:10px 14px 10px}
}
/* landscape phone (2026-09-02, Gaurav popup sweep): 54dvh of a 390px-tall screen is 210px — the
   vertical form put "Send it my way" below the sheet's own fold (measured: CTA-IN-SCROLLBOX at
   844x390). All three fields STAY (Gaurav 2026-08-14) — they go side by side instead. */
@media(max-width:1023px) and (max-height:459px){
  #gg-lc .gg-lc-form{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  #gg-lc .gg-lc-form input,#gg-lc .gg-lc-form button,#gg-lc .gg-lc-form select{min-height:40px;padding:6px 10px}
  #gg-lc .gg-lc-form button[type=submit]{grid-column:1/-1} /* 5 controls now — the button gets its own full row */
  .gg-lc-h{font-size:14px !important;margin-bottom:2px !important}
  .gg-lc-p,.gg-lc-badge{display:none}
  .gg-lc-trust{margin:4px 0 0;font-size:9.5px}
  #gg-lc .gg-lc-box{padding:8px 14px 8px}
}
@media(prefers-reduced-motion:reduce){.gg-lc-box{transition:none;transform:none}}
@media print{#gg-lc{display:none !important}}
/* == gg-pwa-narrow-css == */
/* 2026-09-02 (Gaurav popup sweep): at 320px the fixed-width buttons left the text column ~50px
   wide — the title wrapped one LETTER per line and the banner grew to 62% of the screen. Below
   380px the button row drops to its own full-width line instead. */
@media(max-width:379px){
  #ggPwaBanner{flex-wrap:wrap}
  /* !important: the span carries an inline flex:none, which beats any plain stylesheet rule */
  #ggPwaBanner>span:last-child{flex:1 0 100% !important;justify-content:flex-end}
}