/* Header tools: puffy social icons, country flags popover, menu button */
:root{--b:46px;}
.header-tools{display:flex;align-items:center;gap:calc(var(--b)*.16);}
.social-blobs{display:flex;align-items:center;gap:calc(var(--b)*.16);}
.social-blobs:empty{display:none;}
.blob-btn{position:relative;display:block;width:var(--b);height:var(--b);padding:0;border:0;background:none;cursor:pointer;flex:0 0 auto;
  transition:transform .2s cubic-bezier(.3,1.6,.5,1);-webkit-tap-highlight-color:transparent;}
.blob-btn .blob-svg{position:absolute;width:calc(var(--b)*1.309);height:calc(var(--b)*1.309);left:calc(var(--b)*-.1545);top:calc(var(--b)*-.1545);overflow:visible;pointer-events:none;}
.blob-btn:hover,.blob-btn:focus-visible{transform:rotate(-7deg) scale(1.08);}
.blob-btn:active{transform:scale(.95);}
.nav-toggle.blob-btn{border:0 !important;background:none !important;border-radius:0 !important;width:var(--b) !important;height:var(--b) !important;}
.footer-social{--b:42px;display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;}
.footer-social:empty{display:none;}

/* country picker */
.flag-wrap{position:relative;}
.flag-wrap:empty{display:none;}
.flag-pop{position:absolute;right:calc(var(--b)*-.3);top:calc(100% + 16px);width:min(330px,88vw);background:#FFFCF4;border:2px solid #33392E;border-radius:22px;
  box-shadow:6px 6px 0 #DACDB1;padding:14px 14px 12px;z-index:90;animation:flagpop .18s ease-out;}
.flag-pop[hidden]{display:none;}
.flag-pop::before{content:"";position:absolute;top:-9px;right:calc(var(--b)*.55);width:16px;height:16px;background:#FFFCF4;border-left:2px solid #33392E;border-top:2px solid #33392E;transform:rotate(45deg);}
.flag-title{font-size:1.45rem;color:#A55F4C;line-height:1;margin:0 0 8px 4px;}
.flag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.flag-item{background:none;border:0;border-radius:16px;padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;
  font:700 .68rem/1.2 'Figtree',sans-serif;color:#33392E;text-align:center;transition:background .12s,transform .15s;}
.flag-item img{width:42px;height:42px;border-radius:50%;transition:transform .15s;}
.flag-item:hover{background:#F0E2CE;}
.flag-item:hover img{transform:scale(1.1) rotate(-4deg);}
.flag-item[aria-checked="true"]{background:#DCE4D2;box-shadow:inset 0 0 0 2px #33392E;}
@keyframes flagpop{from{opacity:0;transform:translateY(-6px) scale(.97);}to{opacity:1;transform:none;}}

@media (max-width:640px){
  :root{--b:clamp(30px,8.4vw,38px);}
  .header-inner{padding-left:12px !important;padding-right:12px !important;gap:8px !important;}
  .brand img{width:36px !important;height:36px !important;}
  .brand span{font-size:.92rem !important;}
  .flag-wrap{position:static;}
  .flag-pop{position:fixed;left:12px;right:12px;width:auto;top:76px;}
  .flag-pop::before{display:none;}
}
@media (max-width:370px){.brand span{display:none !important;}}
@media (prefers-reduced-motion:reduce){.blob-btn,.flag-item,.flag-item img{transition:none !important;}.flag-pop{animation:none;}}

/* menu button only where the text menu is hidden */
.nav-toggle.blob-btn{display:none !important;}
@media (max-width:900px){.nav-toggle.blob-btn{display:block !important;}}