/* Gigs On shared styles: fonts, site header and site footer.
   Linked from every page that uses partials/header.php or partials/footer.php.
   Bump ?v= in the pages when this changes. */

/* ---------- Header (and fonts) ---------- */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-regular.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-medium.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-semibold.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-bold.woff) format("woff")}
.site-header.gh{box-sizing:border-box;width:100%;height:64px;margin:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;position:relative;z-index:50;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
/* GIGSON_BRAND_V1: GO tile + wordmark (brand pack). */
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-extrabold.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fonts/inter-black.woff) format("woff")}
.site-header.gh{border-bottom:1px solid #E3E5E8}
.site-header.gh .brand{display:flex;align-items:center;gap:10px;flex:none;height:64px;color:#15211B;text-decoration:none;letter-spacing:0}
.site-header.gh .gh-tile{display:grid;place-items:center;width:36px;height:36px;border-radius:22%;background:#15211B;color:#fff;font:900 17px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-0.05em}
.site-header.gh .gh-word{font:800 23px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-0.035em;white-space:nowrap}
.site-header.gh .header-actions{display:flex;align-items:center;gap:12px;margin:0;min-width:0}
.site-header.gh .gh-link{color:#111;font:500 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-decoration:none;white-space:nowrap;padding:6px 4px}
.site-header.gh .gh-link:hover{text-decoration:underline}
.site-header.gh .gh-link[aria-current="page"]{font-weight:700}
.site-header.gh .gh-new,.site-header.gh .header-actions .header-link{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0;padding:0 14px;border:1px solid #d9d9d9;border-radius:999px;background:#fff;color:#111;font:600 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.site-header.gh .gh-new:hover,.site-header.gh .header-actions .header-link:hover{border-color:#111;text-decoration:none}
.site-header.gh .gh-new .plus{font-size:18px;font-weight:500;line-height:1;margin-top:-1px}
.site-header.gh .header-actions .header-link[hidden]{display:none}
.gh-account{position:relative}
.gh-account>summary{list-style:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#111;cursor:pointer;position:relative;box-sizing:border-box}
.gh-account>summary::-webkit-details-marker{display:none}
.gh-account>summary:hover,.gh-account[open]>summary{border-color:#111}
.gh-account>summary:focus-visible{outline:2px solid #111;outline-offset:2px}
.gh-account .gh-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;font:600 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.gh-account .gh-person{width:20px;height:20px;display:block}
.gh-account:has(.unread-dot)>summary::after{content:"";position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#c62828;border:2px solid #fff}
.gh-menu{position:absolute;right:0;top:46px;min-width:220px;padding:6px;background:#fff;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.12);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.gh-menu .gh-who{padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid #eee;font-size:13px;color:#666}
.gh-menu .gh-who strong{display:block;color:#111;font-size:14px}
.gh-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border-radius:9px;color:#111;font:500 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-decoration:none}
.gh-menu a:hover,.gh-menu a:focus-visible{background:#f4f4f4;outline:none}
.gh-menu a[aria-current="page"]{font-weight:700}
.gh-menu .gh-sep{height:1px;background:#eee;margin:4px 6px}
.gh-menu .logout-link{margin:0}
.gh-menu .unread-dot{margin-left:auto}
@media (max-width:560px){
    .site-header.gh{padding:0 16px;gap:10px}
    .site-header.gh .brand{gap:9px}
    .site-header.gh .gh-tile{width:32px;height:32px;font-size:15px}
    .site-header.gh .gh-word{font-size:20px}
    .site-header.gh .header-actions{gap:10px}
}
@media (max-width:345px){.site-header.gh .gh-new .label{display:none}.site-header.gh .gh-new{width:36px;padding:0;justify-content:center}}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid #e7e9ec;margin-top:48px;padding:24px 16px 32px;color:#666;font-size:13px;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.site-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:baseline}
.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.site-footer a{color:#333;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer p{margin:0;max-width:640px}
.home:has(.conversation:not([hidden])) ~ .site-footer{display:none}
/* GIGSON_SOCIAL_FOOTER */
.site-footer-social{max-width:1100px;margin:0 auto 14px;padding-bottom:14px;border-bottom:1px solid #E3E5E8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.site-footer-social .sf-slogan{color:#15211B;font-weight:800;letter-spacing:-0.035em;font-size:16px}
.site-footer-social .sf-follow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.site-footer-social .sf-handle{color:#5B6660}
.site-footer-social a{color:#15211B;font-weight:600}

/* GIGSON_FOOTER_SOCIAL: on phones, "Follow @getgigson" on its own line and the six links in a neat 3 x 2 grid. */
@media (max-width:640px){
.site-footer-social{display:grid;justify-content:stretch;gap:12px}
.site-footer-social .sf-follow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.site-footer-social .sf-handle{grid-column:1 / -1}
}

/* GIGSON_SHORT_SCREENS: phones in landscape and notched iPhones */
.site-header.gh{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.home{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.gc-banner{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
@media (max-width:560px){.site-header.gh{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
@media (max-height:500px){
.gc-banner{padding-top:8px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;max-height:55vh;overflow:auto}
.gc-inner{gap:6px 16px!important}
.gc-text{flex:1 1 100%!important;font-size:13px!important;line-height:1.35!important}
.gc-text *{font-size:13px!important;line-height:1.35!important;margin-top:0!important;margin-bottom:2px!important}
.gc-actions{flex:1 1 100%!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important}
.gc-row{flex:0 1 auto!important}
.gc-banner button{padding-top:6px!important;padding-bottom:6px!important;font-size:14px!important;min-height:0!important}
.home-intro h1{font-size:34px!important;margin-bottom:12px!important}
body > .home{align-items:flex-start!important;padding-top:10px!important;padding-bottom:10px!important}
.home-intro{margin-top:6px!important}
}

/* GIGSON_NAV_SPLIT: signed-out header (customer: For businesses + Log in ▾; business: For customers · How it works & fees · Log in · Join free) */
.gh .gh-split>summary{width:auto;height:38px;padding:0 15px;border-radius:999px;border:1.5px solid #111;font:700 14.5px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#111}
.gh .gh-split .gh-caret{font-size:11px;margin-left:2px}
.gh .gh-split .gh-burger{display:none;width:22px;height:22px}
.gh .gh-split .gh-menu{min-width:290px;padding:8px}
.gh .gh-choose-t{padding:6px 12px 8px;font:600 13px Inter,system-ui,sans-serif;color:#666}
.gh .gh-choose a{justify-content:flex-start;gap:12px;padding:11px 12px}
.gh .gh-choose .gh-ci{flex:0 0 36px;height:36px;border-radius:10px;background:#e8f2ea;display:grid;place-items:center;font-size:17px}
.gh .gh-choose .gh-ct b{display:block;font-size:15px;font-weight:700}
.gh .gh-choose .gh-ct small{display:block;margin-top:3px;font-size:12.5px;color:#666;font-weight:500}
.gh .gh-choose a.gh-choose-help{margin-top:4px;border-top:1px solid #eee;border-radius:0 0 9px 9px;padding:10px 12px;color:#555;font-size:13.5px}
.gh .gh-sections{display:none}
.gh .gh-sec{padding:8px 4px;border-bottom:1px solid #eee}.gh .gh-sec:last-child{border:0}
.gh .gh-sec-h{display:block;padding:6px 12px 4px;font:700 11.5px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.gh .gh-sec a{font-size:16px;font-weight:600;padding:11px 12px}.gh .gh-sec a small{color:#8a938d;font-weight:500;font-size:13px}
.gh .gh-sec a.gh-sec-join{margin:8px 8px 6px;justify-content:center;background:#1a7f37;color:#fff;border-radius:12px;font-weight:800}
.gh .gh-join{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:#1a7f37;color:#fff!important;font:700 14.5px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-decoration:none!important;white-space:nowrap}
.gh .gh-join:hover{background:#156c2e}
.gh .gh-split-biz{display:none}
@media (max-width:760px){
  .gh .gh-desk{display:none!important}
  .gh .gh-split,.gh .gh-split-biz{display:block}
  .gh .gh-split>summary{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #d9d9d9;display:grid;place-items:center}
  .gh .gh-split .gh-loginbtn{display:none}.gh .gh-split .gh-burger{display:block}
  .gh .gh-split .gh-choose{display:none}.gh .gh-split .gh-sections{display:block}
  .gh .gh-split .gh-menu{position:fixed;left:12px;right:12px;top:64px;min-width:0;max-height:calc(100vh - 80px);overflow:auto}
  .gh .gh-join{height:36px;padding:0 14px;font-size:14px}
}

/* GIGSON_NAV_BURGER: one menu button on every screen size, always the Customers / Businesses sections */
.gh .gh-split,.gh .gh-split-biz{display:block}
.gh .gh-split>summary{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #d9d9d9;display:grid;place-items:center}
.gh .gh-split>summary:hover,.gh .gh-split[open]>summary{border-color:#111}
.gh .gh-split .gh-loginbtn{display:none}
.gh .gh-split .gh-burger{display:block}
.gh .gh-split .gh-choose{display:none}
.gh .gh-split .gh-sections{display:block}
.gh .gh-split .gh-menu{min-width:300px;top:48px}