/* A shared language control with a native, fully clickable picker. */
.site-language-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:44px;padding:9px 11px;border:1.5px solid #254896;border-radius:10px;background:#fff;color:#254896;font:700 14px/1.2 Lato,Arial,sans-serif;flex:none;box-sizing:border-box}
.site-language-control>svg{width:18px;height:18px;flex:none}
.site-language-control>[data-language-code]{letter-spacing:.04em}
.site-language-control>.site-language-picker{position:absolute!important;inset:-1.5px;width:calc(100% + 3px)!important;height:calc(100% + 3px)!important;min-height:44px!important;margin:0!important;opacity:0;cursor:pointer;font-size:16px;appearance:auto}
.site-language-control:focus-within{outline:3px solid #9cddf6;outline-offset:3px}
.site-language-control:has(select:disabled){opacity:.55;cursor:wait}
header nav>.site-language-control{order:2}

/* Phones keep menu, brand, account and language on one 44px-high row. */
body.planner-page #pawsmenu-planner .pb-app .pb-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-rows:44px;align-items:center;gap:4px;width:100%;max-width:none;margin:0;padding:10px 12px;border-bottom:1px solid var(--pb-track);box-shadow:none}
#pawsmenu-planner .pb-header>.pb-menu-toggle{grid-column:1;grid-row:1;justify-self:start}
#pawsmenu-planner .pb-header>.pb-brand{grid-column:2;grid-row:1;justify-self:center;width:100%;min-width:0}
#pawsmenu-planner .pb-header .pb-brand-logo{width:clamp(140px,37vw,180px);max-width:100%;height:auto}
#pawsmenu-planner .pb-header>.pb-account{grid-column:3;grid-row:1;justify-self:end}
#pawsmenu-planner .pb-header>.site-language-control{grid-column:4;grid-row:1;justify-self:end;width:44px;min-width:44px;height:44px;padding:4px;flex-direction:column;gap:1px;font-size:12px;line-height:1.1}
#pawsmenu-planner .pb-header>.site-language-control>svg{width:16px;height:16px}

/* Help pages use the same full-width shell instead of a second, narrow frame. */
body.info-page #pawsmenu-planner{padding:0}
body.info-page #pawsmenu-planner .pb-app{--pb-page-width:1200px;--pb-gutter:20px;max-width:none;border:0;border-radius:0;overflow:visible;min-height:100dvh}
body.info-page #pawsmenu-planner #pb-surface{min-height:100dvh}
body.info-page #pawsmenu-planner .info-main{width:calc(100% - 2*var(--pb-gutter));max-width:1200px;margin-inline:auto;padding-inline:0}

/* The diary has the same centered brand; its navigation lives below the header. */
body.diary-page .diary-header{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:44px;gap:8px;align-items:center;width:100%;max-width:none;min-height:64px;margin:0;padding:10px 12px;background:#fff;border-bottom:1px solid #e4e8ee}
body.diary-page .diary-brand{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;justify-content:center;width:clamp(140px,37vw,180px);max-width:100%;min-width:0;min-height:44px}
body.diary-page .diary-header-start{grid-column:1;grid-row:1;min-width:0}
body.diary-page .diary-header-start .text-button{width:100%;min-height:44px;padding:4px 0;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
body.diary-page .diary-header-end{grid-column:3;grid-row:1;justify-self:end;min-width:0;margin:0;gap:0}
body.diary-page .diary-header-end .site-language-control{width:44px;min-width:44px;height:44px;padding:4px;flex-direction:column;gap:1px;font-size:12px;line-height:1.1}
body.diary-page .diary-header-end .site-language-control>svg{width:16px;height:16px}
body.diary-page>.web-diary-nav{margin-top:0;margin-bottom:28px}

@media(min-width:700px){
 /* Equal side columns keep every desktop brand on the page center line. */
 body.planner-page #pawsmenu-planner .pb-app .pb-header{grid-template-columns:128px minmax(0,1fr) 128px;grid-template-rows:auto;gap:24px;padding:20px max(32px,calc((100% - 1200px)/2))}
 #pawsmenu-planner .pb-header .pb-brand-logo{width:236px}
 #pawsmenu-planner .pb-header>.pb-account{grid-column:3;justify-self:start}
 #pawsmenu-planner .pb-header>.site-language-control{grid-column:3;width:76px;min-width:76px;padding:9px 11px;flex-direction:row;gap:7px;font-size:14px;line-height:1.2}
 #pawsmenu-planner .pb-header>.site-language-control>svg{width:18px;height:18px}
 body.info-page #pawsmenu-planner .pb-app{--pb-gutter:32px}
 body.diary-page .diary-header{grid-template-columns:128px minmax(0,1fr) 128px;grid-template-rows:auto;gap:24px;min-height:0;padding:20px max(32px,calc((100% - 1200px)/2))}
 body.diary-page .diary-brand{width:236px}
 body.diary-page .diary-header-start .text-button{width:auto;font-size:14px;white-space:nowrap}
 body.diary-page .diary-header-end .site-language-control{width:76px;min-width:76px;padding:9px 11px;flex-direction:row;gap:7px;font-size:14px;line-height:1.2}
 body.diary-page .diary-header-end .site-language-control>svg{width:18px;height:18px}
}
@media(max-width:370px){body.info-page #pawsmenu-planner .pb-app{--pb-gutter:16px}}