@import url("dark-mode.css?v=20261015-darkicons1");
/* Global visual theme: change these variables here to update every page. */
:root {
  --page-background: #f8faf7;
  --brand-mark-background: #b8fd10;
  --brand: #b8fd10;
  --brand-hover: #a6e50e;
  --brand-dark: #4b6f00;
  --brand-soft: #f4ffd6;
  --brand-border: #d9f38b;
  --brand-ink: #000;
  --accent: #b8fd10;
}

/* Brand-green SweetAlert buttons need dark text for contrast. */
.swal2-popup .swal2-confirm { color:#111 !important; }

/* Lime remains a surface/accent color; small text on light surfaces uses the
   darker brand shade so it meets readable contrast expectations. */
:is(.hero-stat,.view-link,.category-stat,.category-count-label) { color:#4b6f00 !important; }
.view-link :is(.icon-png,svg) { color:#4b6f00 !important; fill:currentColor; }
.view-link img.icon-png { filter:brightness(0) saturate(100%) invert(29%) sepia(81%) saturate(700%) hue-rotate(42deg) brightness(78%) contrast(105%) !important; }

/* Keep the canvas neutral so pale brand surfaces remain accents. */
body {
  background: var(--page-background) !important;
}

/* Canonical ShareAnyApp primary actions: homepage lime, black text and icons. */
:is(.primary-btn,.btn-primary,.signup-btn,.login-btn,.submit-btn,.contact-btn,
    .hero-link,.ah-btn-primary,.trend-primary,.msg-btn-primary,.category-explore,
    .common-submit,.common-home-search button,.newsletter-form button,
    .apphunt-cookie-accept,.dashboard-action-btn.primary,.saved-btn.primary,
    .search-form button,.search-form .view,.search-form .empty a,
    .blog-page .hero-link,.blog-page .newsletter-form button,
    .article-page .share-btn,.how-simple .ah-btn-primary,
    .submission-onboarding__next,.community-btn.primary,.discussion-btn.primary,
    .action-btn.primary,.side-link.primary,.about-btn.primary,.not-found-btn.primary,
    .admin-primary-btn,.btn[class*="primary"],button.primary,a.primary,
    button[class*="-primary"],a[class*="-primary"],button[class*="_primary"],a[class*="_primary"],
    input[type="submit"]:not(.btn-danger):not(.danger-btn)) {
  background: #b8fd10 !important;
  border-color: #b8fd10 !important;
  color: #000 !important;
}
:is(.primary-btn,.btn-primary,.signup-btn,.login-btn,.submit-btn,.contact-btn,
    .hero-link,.ah-btn-primary,.trend-primary,.msg-btn-primary,.category-explore,
    .common-submit,.common-home-search button,.newsletter-form button,
    .apphunt-cookie-accept,.dashboard-action-btn.primary,.saved-btn.primary,
    .search-form button,.search-form .view,.search-form .empty a,
    .blog-page .hero-link,.blog-page .newsletter-form button,
    .article-page .share-btn,.how-simple .ah-btn-primary,
    .submission-onboarding__next,.community-btn.primary,.discussion-btn.primary,
    .action-btn.primary,.side-link.primary,.about-btn.primary,.not-found-btn.primary,
    .admin-primary-btn,.btn[class*="primary"],button.primary,a.primary,
    button[class*="-primary"],a[class*="-primary"],button[class*="_primary"],a[class*="_primary"],
    input[type="submit"]:not(.btn-danger):not(.danger-btn)):hover {
  background: #a6e50e !important;
  border-color: #a6e50e !important;
  color: #000 !important;
}
:is(.primary-btn,.btn-primary,.signup-btn,.login-btn,.submit-btn,.contact-btn,
    .hero-link,.ah-btn-primary,.trend-primary,.msg-btn-primary,.category-explore,
    .common-submit,.common-home-search button,.newsletter-form button,
    .apphunt-cookie-accept,.dashboard-action-btn.primary,.saved-btn.primary,
    .search-form button,.search-form .view,.search-form .empty a,
    .blog-page .hero-link,.blog-page .newsletter-form button,
    .article-page .share-btn,.how-simple .ah-btn-primary,
    .submission-onboarding__next,.community-btn.primary,.discussion-btn.primary,
    .action-btn.primary,.side-link.primary,.about-btn.primary,.not-found-btn.primary,
    .admin-primary-btn,.btn[class*="primary"],button.primary,a.primary,
    button[class*="-primary"],a[class*="-primary"],button[class*="_primary"],a[class*="_primary"],
    input[type="submit"]:not(.btn-danger):not(.danger-btn))
    :is(.icon-png,.material-symbols-rounded,svg) {
  color:#000 !important;
  fill:currentColor;
}
:is(.primary-btn,.btn-primary,.signup-btn,.login-btn,.submit-btn,.contact-btn,
    .hero-link,.ah-btn-primary,.trend-primary,.msg-btn-primary,.category-explore,
    .common-submit,.common-home-search button,.newsletter-form button,
    .apphunt-cookie-accept,.dashboard-action-btn.primary,.saved-btn.primary,
    .search-form button,.search-form .view,.search-form .empty a,
    .blog-page .hero-link,.blog-page .newsletter-form button,
    .article-page .share-btn,.how-simple .ah-btn-primary,
    .submission-onboarding__next,.community-btn.primary,.discussion-btn.primary,
    .action-btn.primary,.side-link.primary,.about-btn.primary,.not-found-btn.primary,
    .admin-primary-btn,.btn[class*="primary"],button.primary,a.primary,
    button[class*="-primary"],a[class*="-primary"],button[class*="_primary"],a[class*="_primary"],
    input[type="submit"]:not(.btn-danger):not(.danger-btn)) img.icon-png {
  filter:brightness(0) saturate(100%) !important;
}

/* Primary actions use black foregrounds even when page-local CSS declares white. */
:is(button,a,[role="button"]):is(.primary,[class*="primary"],[class*="-primary"],[class*="_primary"]),
button[type="submit"]:not(.btn-danger):not(.danger-btn) {
  color:#000 !important;
}
:is(button,a,[role="button"]):is(.primary,[class*="primary"],[class*="-primary"],[class*="_primary"]) :is(.icon-png,svg),
button[type="submit"]:not(.btn-danger):not(.danger-btn) :is(.icon-png,svg) {
  color:#000 !important;
  fill:currentColor;
}
:is(button,a,[role="button"]):is(.primary,[class*="primary"],[class*="-primary"],[class*="_primary"]) img.icon-png,
button[type="submit"]:not(.btn-danger):not(.danger-btn) img.icon-png {
  filter:brightness(0) saturate(100%) !important;
}

/* Shared ShareAnyApp logo mark for every header, including legacy page markup. */
.brand-mark {
  background: var(--brand-mark-background) !important;
  color: #000 !important;
  font-size: 0 !important;
}

/* Shared header submit/menu action follows the same homepage lime palette. */
.apphunt-common-header .common-submit,
.apphunt-common-header .common-home-search button,
.apphunt-common-header .common-submit:not(.open) {
  background: #b8fd10 !important;
  color: #000 !important;
}
.apphunt-common-header .common-submit:hover,
.apphunt-common-header .common-home-search button:hover {
  background: #a6e50e !important;
  color: #000 !important;
}
.apphunt-common-header .common-submit .icon-png,
.apphunt-common-header .common-home-search button .icon-png {
  filter: brightness(0) !important;
}

/* Replace legacy letter/rocket marks with the ShareAnyApp share symbol. */
.brand-mark::before { content: none; }
.brand-mark > .icon-png { display: none !important; }
.brand-mark::after {
  content: "";
  display: block;
  width: 62%;
  height: 62%;
  background: url('../icons/share.png') center / contain no-repeat;
}

.verified-badge { color: #2563eb; vertical-align: middle; }
.verified-badge .icon-png { font-size: 16px; }

/* ShareAnyApp form controls: consistent surfaces, focus states, and native control accents. */
:root { color-scheme: light; --control-border:#d5dbe2; --control-text:#202124; --control-muted:#687385; }
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
textarea,select {
  box-sizing:border-box;
  border:1px solid var(--control-border);
  border-radius:11px;
  background-color:#fff;
  color:var(--control-text);
  font:inherit;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),textarea { padding:11px 13px; }
select {
  min-height:42px;
  padding:10px 40px 10px 13px;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233e4650' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  cursor:pointer;
}
textarea { min-height:110px; line-height:1.55; resize:vertical; }
input::placeholder,textarea::placeholder { color:var(--control-muted); opacity:1; }
input:focus,textarea:focus,select:focus { outline:none; border-color:#91bf00; box-shadow:0 0 0 4px rgba(184,253,16,.2); }
input[type="checkbox"],input[type="radio"] { accent-color:#75a900; }
input[type="file"] { max-width:100%; color:#3e4650; font:inherit; }
input[type="file"]::file-selector-button {
  margin-right:12px; padding:9px 13px; border:1px solid #d9f38b; border-radius:9px;
  background:#f4ffd6; color:#263400; font:inherit; font-size:13px; font-weight:700; line-height:1.2; cursor:pointer;
}
input[type="file"]::file-selector-button:hover { background:#eaffb8; }
button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"] {
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible {
  outline:3px solid rgba(117,169,0,.48); outline-offset:2px;
}
button:disabled,input:disabled,select:disabled,textarea:disabled { cursor:not-allowed; opacity:.62; }

/* Custom, non-native hover/focus tooltips. */
.apphunt-tooltip {
  position:fixed; z-index:2147483000; max-width:min(280px,calc(100vw - 24px));
  isolation:isolate; padding:8px 11px; border:1px solid #dce3e8; border-radius:10px;
  background:#fff; color:#202124; box-shadow:0 8px 24px rgba(20,30,38,.14);
  font:600 12px/1.45 Inter,Arial,sans-serif; letter-spacing:.01em; text-align:left;
  pointer-events:none; opacity:0; transform:translateY(4px); transition:opacity .12s ease,transform .12s ease;
  overflow:visible;
}
.apphunt-tooltip::after { content:""; position:absolute; z-index:-1; width:10px; height:10px; background:#fff; border:0; transform:rotate(45deg); }
.apphunt-tooltip.is-above::after { left:calc(50% - 6px); bottom:-6px; border-right:1px solid #dce3e8; border-bottom:1px solid #dce3e8; }
.apphunt-tooltip.is-below::after { left:calc(50% - 6px); top:-6px; border-top:1px solid #dce3e8; border-left:1px solid #dce3e8; }
.apphunt-tooltip.is-right::after { left:-6px; top:calc(50% - 6px); border-left:1px solid #dce3e8; border-bottom:1px solid #dce3e8; }
.apphunt-tooltip.is-left::after { right:-6px; top:calc(50% - 6px); border-right:1px solid #dce3e8; border-top:1px solid #dce3e8; }
.apphunt-tooltip.is-visible { opacity:1; transform:translateY(0); }
html[data-theme="dark"] .apphunt-tooltip { background:#1b2229; color:#edf2f6; border-color:#3d4a56; box-shadow:0 8px 24px rgba(0,0,0,.32); }
html[data-theme="dark"] .apphunt-tooltip::after { background:#1b2229; border-color:#3d4a56; }
html[data-theme="dark"] .apphunt-tooltip.is-above::after,html[data-theme="dark"] .apphunt-tooltip.is-below::after,html[data-theme="dark"] .apphunt-tooltip.is-left::after,html[data-theme="dark"] .apphunt-tooltip.is-right::after { border-color:#3d4a56; }
@media (prefers-reduced-motion:reduce) { .apphunt-tooltip { transition:none; } }

/* Keep mobile pages focused on the app screen and its navigation. */
@media (max-width:820px) {
  body > footer, body > .apphunt-common-footer, body > .site-footer, body > #footer { display:none !important; }
}