@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ===========================================================
   Hero Dispatch — Help Scout Docs custom theme
   Palette: paper #FBFBF8 · ink #15171A · coral #DC4F3F ·
            muted #6A6F66 · line #E6E5DE
   Body = Inter · Headings = Helvetica Neue
   =========================================================== */
:root{
  --hd-coral:#DC4F3F; --hd-coral2:#C13E30;
  --hd-paper:#FBFBF8; --hd-mint:#EDECE3;
  --hd-ink:#15171A; --hd-muted:#6A6F66; --hd-line:#E6E5DE; --hd-line2:#EDECE3;
  --hd-display:"Helvetica Neue",Helvetica,"Liberation Sans",Arial,sans-serif;
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif !important;color:var(--hd-ink) !important;background:var(--hd-paper) !important;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:var(--hd-display) !important;letter-spacing:-.02em !important;color:var(--hd-ink);}
a{color:var(--hd-coral);} a:hover{color:var(--hd-coral2);}

/* ---------- Top nav ---------- */
#mainNav.navbar .navbar-inner,#mainNav .navbar-inner{background:var(--hd-ink) !important;background-image:none !important;border:none !important;box-shadow:0 1px 0 rgba(0,0,0,.06) !important;border-radius:0 !important;}
#mainNav .nav > li > a,#mainNav a.brand,#mainNav .nav > li > a:focus{color:#fff !important;font-family:var(--hd-display) !important;font-weight:600 !important;text-shadow:none !important;}
#mainNav .nav > li > a:hover{color:var(--hd-coral) !important;background:transparent !important;}
#mainNav .btn-navbar{background:transparent !important;border-color:rgba(255,255,255,.4) !important;box-shadow:none !important;}
/* logo sizing + tighter bar */
#mainNav .navbar-inner{min-height:0 !important;}
#mainNav .brand{padding:12px 0 12px 0 !important;height:auto !important;}
#mainNav .brand img{height:84px !important;max-height:84px !important;width:auto !important;}
#mainNav .nav{margin:0 !important;}
#mainNav .nav > li > a{padding-top:0 !important;padding-bottom:0 !important;line-height:108px !important;}

/* ---------- Hero / search ----------
   HERO IMAGE: set via the url() in the #docsSearch background below.
   Overlay is light because the supplied image already has a dark, empty centre. */
#docsSearch{
  background:
    linear-gradient(180deg, rgba(12,13,9,.28) 0%, rgba(11,12,8,.52) 100%),
    url('https://cdn.shopify.com/s/files/1/0727/1288/0445/files/Gemini_Generated_Image_5o8cqa5o8cqa5o8c-clean.png?v=1784132397') center center / cover no-repeat,
    linear-gradient(135deg,#181c12 0%,#101109 58%,#0b0c08 100%) !important;
  background-color:#101109 !important;border:none !important;
}
#docsSearch img{display:none !important;}
#docsSearch h1{color:#fff !important;font-weight:700 !important;font-size:46px !important;line-height:1.05 !important;letter-spacing:-.03em !important;text-shadow:0 2px 18px rgba(0,0,0,.4) !important;}
#docsSearch,#docsSearch label,#docsSearch p{color:#fff !important;}
#docsSearch .search-query,input.search-query{font-family:'Inter',sans-serif !important;font-size:15px !important;color:var(--hd-ink) !important;background:#fff !important;border:1px solid var(--hd-line) !important;border-radius:10px !important;box-shadow:0 8px 24px rgba(0,0,0,.18) !important;padding:14px 16px !important;height:auto !important;}
#docsSearch .search-query:focus,input.search-query:focus{border-color:var(--hd-coral) !important;box-shadow:0 0 0 3px rgba(220,79,63,.2) !important;outline:none !important;}
#docsSearch .btn,#docsSearch button[type="submit"]{background:var(--hd-coral) !important;background-image:none !important;color:#fff !important;border:none !important;border-radius:10px !important;font-family:var(--hd-display) !important;font-weight:700 !important;text-shadow:none !important;box-shadow:0 8px 22px rgba(220,79,63,.3) !important;}
#docsSearch .btn:hover,#docsSearch button[type="submit"]:hover{background:var(--hd-coral2) !important;}
/* search bar: input + button as one equal-height row (no white gap under button) */
#docsSearch form{display:flex !important;align-items:stretch !important;gap:8px !important;max-width:640px !important;margin:0 auto !important;}
#docsSearch input.search-query{flex:1 1 auto !important;width:auto !important;min-width:0 !important;margin:0 !important;height:56px !important;box-sizing:border-box !important;}
#docsSearch .btn,#docsSearch button[type="submit"]{flex:0 0 auto !important;margin:0 !important;height:56px !important;padding:0 26px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;}

/* ---------- Headings ---------- */
.category-list-title,#main h2,.container > h2,h2 a{font-family:var(--hd-display) !important;color:var(--hd-ink) !important;font-weight:700 !important;letter-spacing:-.02em !important;text-transform:none !important;}

/* ---------- Section cards ---------- */
.category-list{display:flex !important;flex-wrap:wrap !important;gap:20px !important;margin:0 !important;}
.category-list:before,.category-list:after{display:none !important;}
a.category,.category{flex:1 1 280px !important;width:auto !important;margin:0 !important;background-color:#fff !important;border:1px solid var(--hd-line2) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(21,23,26,.04) !important;padding:128px 26px 30px !important;transition:transform .15s,box-shadow .15s,border-color .15s !important;text-align:center !important;}
a.category:hover,.category:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(21,23,26,.10) !important;border-color:var(--hd-line) !important;}
.category h3{font-family:var(--hd-display) !important;font-weight:700 !important;font-size:18px !important;color:var(--hd-ink) !important;letter-spacing:-.01em !important;margin:0 0 6px !important;}
.category p{color:var(--hd-muted) !important;font-size:14px !important;line-height:1.55 !important;}
.category .article-count,.category .article-count .notranslate{color:var(--hd-coral) !important;font-weight:600 !important;font-size:13px !important;}

/* ---------- Buttons ---------- */
.btn,.btn-primary{background:var(--hd-coral) !important;background-image:none !important;border:none !important;color:#fff !important;border-radius:9px !important;font-family:var(--hd-display) !important;font-weight:600 !important;text-shadow:none !important;box-shadow:none !important;}
.btn:hover,.btn-primary:hover{background:var(--hd-coral2) !important;}

/* ---------- Article & collection pages ---------- */
#fullArticle,#artBody,.article,.content-body{font-family:'Inter',sans-serif !important;color:var(--hd-ink) !important;font-size:16px !important;line-height:1.7 !important;}
#fullArticle h1,#fullArticle h2,#fullArticle h3,.article h1,.article h2,.article h3{font-family:var(--hd-display) !important;color:var(--hd-ink) !important;}
#fullArticle a,.article a,.sidebar a{color:var(--hd-coral) !important;}
.sidebar .active > a,#sidebar .active > a{color:var(--hd-coral) !important;font-weight:600 !important;}
.breadcrumb,#pageHeader .breadcrumb{background:transparent !important;}
.breadcrumb a{color:var(--hd-muted) !important;} .breadcrumb a:hover{color:var(--hd-coral) !important;}
.article-list li a,ul.article-list a{color:var(--hd-ink) !important;}
.article-list li a:hover{color:var(--hd-coral) !important;}
.article-list i.icon-article-doc,.article-list .icon{color:var(--hd-coral) !important;}

/* ---------- Footer ---------- */
footer.center,#footer{background:var(--hd-paper) !important;color:var(--hd-muted) !important;border-top:1px solid var(--hd-line) !important;font-family:'Inter',sans-serif !important;}
footer.center a,#footer a{color:var(--hd-coral) !important;}

/* ---------- Responsive ---------- */
@media (max-width:760px){#docsSearch h1{font-size:34px !important;}a.category,.category{flex:1 1 100% !important;}}

/* ---------- Branded section icons (every card, no empty badges) ---------- */
a.category,.category{background-repeat:no-repeat !important;background-position:50% 34px !important;background-size:74px 74px !important;}
#category-111{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2080%2080%27%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2740%27%20r%3D%2740%27%20fill%3D%27%23EDECE3%27/%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23DC4F3F%27%20stroke-width%3D%272.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20transform%3D%27translate%2822%2C22%29%20scale%281.5%29%27%3E%3Crect%20x%3D%272%27%20y%3D%275%27%20width%3D%2720%27%20height%3D%2714%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2711%27%20r%3D%272.1%27/%3E%3Cpath%20d%3D%27M4.6%2016.4c0-1.8%201.5-2.9%203.4-2.9s3.4%201.1%203.4%202.9%27/%3E%3Cpath%20d%3D%27M14.5%2010h4.5M14.5%2013.5h4.5%27/%3E%3C/g%3E%3C/svg%3E") !important;}
#category-112{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2080%2080%27%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2740%27%20r%3D%2740%27%20fill%3D%27%23EDECE3%27/%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23DC4F3F%27%20stroke-width%3D%272.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20transform%3D%27translate%2822%2C22%29%20scale%281.5%29%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2720%27%20r%3D%271.4%27/%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2720%27%20r%3D%271.4%27/%3E%3Cpath%20d%3D%27M2%203h3l2.4%2012a1.6%201.6%200%200%200%201.6%201.3h8.5a1.6%201.6%200%200%200%201.6-1.3L21%207H6%27/%3E%3C/g%3E%3C/svg%3E") !important;}
#category-113{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2080%2080%27%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2740%27%20r%3D%2740%27%20fill%3D%27%23EDECE3%27/%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23DC4F3F%27%20stroke-width%3D%272.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20transform%3D%27translate%2822%2C22%29%20scale%281.5%29%27%3E%3Cpath%20d%3D%27M11%2020A7%207%200%200%201%204%2013c0-6%207-9%2016-9%200%209-7%2016-16%2016z%27/%3E%3Cpath%20d%3D%27M4%2020c3-5%207-8%2012-9%27/%3E%3C/g%3E%3C/svg%3E") !important;}
a.category:not(#category-111):not(#category-112):not(#category-113),.collection{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2080%2080%27%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2740%27%20r%3D%2740%27%20fill%3D%27%23EDECE3%27/%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23DC4F3F%27%20stroke-width%3D%272.3%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20transform%3D%27translate%2822%2C22%29%20scale%281.5%29%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M9.2%209.4a3%203%200%200%201%205.6%201.1c0%202-3%202.5-3%204%27/%3E%3Cpath%20d%3D%27M12%2017h.01%27/%3E%3C/g%3E%3C/svg%3E") !important;}