/* Astronocnik: przycisk "Postaw kawę" w pasku u góry (strony Divi i /sklep/). */
@font-face{font-family:'ASN Figtree';src:url(fonts/figtree-latin-wght-normal.woff2) format('woff2');font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ASN Figtree';src:url(fonts/figtree-latin-ext-wght-normal.woff2) format('woff2');font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'ASN Bricolage';src:url(fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ASN Bricolage';src:url(fonts/bricolage-grotesque-latin-ext-wght-normal.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.asn-pasek-kawa{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.04);color:#F4F2EE!important;font-family:'ASN Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s}
.asn-pasek-kawa:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.55);color:#fff!important}
.asn-pasek-kawa:focus-visible{outline:2px solid #E8505B;outline-offset:3px}
.asn-pasek-kawa svg{width:20px;height:20px;flex-shrink:0}
/* Divi: nagłówek #main-header. Przycisk stoi przed menu (komputer) i przed hamburgerem (telefon). */
/* .logo_container Divi jest absolutny na całą szerokość i przykrywał przycisk, stąd z-index. */
#et-top-navigation .asn-pasek-kawa{position:relative;z-index:5}
@media (min-width:981px){
#et-top-navigation{display:flex;align-items:flex-start}
#et-top-navigation .asn-pasek-kawa{order:-1;flex-shrink:0;margin:-12px 30px 0 0}
}
@media (max-width:980px){
#et-top-navigation .asn-pasek-kawa{float:left;margin:-7px 14px 0 0}
}
/* Napis "Astronocnik" obok logo Divi */
.logo_container .asn-wordmark{display:inline-block;vertical-align:middle;margin-left:12px;font-family:'ASN Bricolage',sans-serif;font-weight:700;font-size:22px;line-height:1;letter-spacing:-.01em;color:#F4F2EE;white-space:nowrap}
.logo_container a{text-decoration:none}
@media (max-width:980px){
.logo_container .asn-wordmark{font-size:18px;margin-left:9px}
/* Pasek Divi na telefonie z marginesami 16px jak na stronie głównej, żeby zmieściły się logo, napis, kawa i menu. */
#main-header .et_menu_container{width:auto;max-width:none;margin:0 16px}
#et-top-navigation .asn-pasek-kawa{margin-right:10px}
}
@media (max-width:400px){.logo_container .asn-wordmark{font-size:16px;margin-left:8px}}
@media (min-width:981px) and (max-width:1099px){
.logo_container .asn-wordmark{font-size:20px;margin-left:10px}
#et-top-navigation .asn-pasek-kawa{width:44px;padding:0;justify-content:center;margin-right:20px}
#et-top-navigation .asn-pasek-kawa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (max-width:374px){#et-top-navigation .asn-pasek-kawa{width:44px;padding:0;justify-content:center}#et-top-navigation .asn-pasek-kawa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}