/* Shared account display in the existing WordPress theme header. */
.cgff > header.wp-block-template-part{font-family:var(--wp--preset--font-family--manrope,Manrope,sans-serif);color:#111}
.cgff-header-account{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:180px;color:inherit;text-decoration:none;font-family:inherit;font-size:.83rem;font-weight:550;white-space:nowrap}
.cgff-header-account:hover,.cgff-header-account:focus-visible{text-decoration:underline}
.cgff-header-account:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cgff-header-account svg{width:27px;height:27px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cgff-header-account .cgff-account-avatar{display:block;width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover}
.cgff-header-account .cgff-account-name{display:block;min-width:0;max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.cgff-header-account{max-width:120px}.cgff-header-account .cgff-account-name{max-width:78px}}

/* Use the theme's actual wide container for both Header and Forum content. */
header.wp-block-template-part .wp-block-group.alignwide{width:calc(100% - 32px);max-width:var(--wp--style--global--wide-size,1190px);margin-inline:auto}
header.wp-block-template-part .wp-block-group.alignwide > .wp-block-group:last-child{margin-left:auto;gap:0}
header.wp-block-template-part .wp-block-navigation-item__content{font-size:.83rem;font-family:inherit}
header.wp-block-template-part .wp-block-navigation + :is(.cgff-header-account,.cgff-header-menu){margin-left:8px}
header.wp-block-template-part :is(.cgff-header-account,.cgff-header-menu) + .wp-block-woocommerce-mini-cart{margin-left:12px}
.cgff-header-menu{position:relative;max-width:180px;z-index:50}
.cgff-header-menu > summary{list-style:none;cursor:pointer}
.cgff-header-menu > summary::-webkit-details-marker{display:none}
.cgff-account-dropdown{position:absolute;top:100%;right:0;display:flex;flex-direction:column;min-width:180px;padding:7px;background:#fff;color:#111;border:1px solid #dedfd9;border-radius:7px;box-shadow:0 9px 26px rgba(0,0,0,.13);z-index:51}
.cgff-header-menu:not([open]) .cgff-account-dropdown{display:none}
.cgff-account-dropdown a{display:block;padding:10px 12px;color:inherit;text-decoration:none;white-space:nowrap;font-size:.86rem}
.cgff-account-dropdown a:hover,.cgff-account-dropdown a:focus-visible{background:#f2f1ec;text-decoration:underline;outline-offset:-2px}
@media (min-width:1140px){
  header.wp-block-template-part .wp-block-navigation__container{flex-wrap:nowrap}
}
/* Use WordPress's existing accessible overlay before the name can squeeze Shop. */
@media (min-width:600px) and (max-width:1139px){
  header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
  header.wp-block-template-part .wp-block-navigation__responsive-container-open{display:flex}
}
@media (max-width:600px){
  header.wp-block-template-part .wp-block-group.alignwide{width:calc(100% - 28px)}
}

/* Keep WordPress Navigation 12 and its icon, but present its responsive links
   as a small menu beside the trigger instead of a full-page white overlay. */
@media (max-width:1139px){
  header.wp-block-template-part .wp-block-navigation{position:relative}
  header.wp-block-template-part .wp-block-navigation__responsive-container-open{position:relative;z-index:100002}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){
    position:fixed;inset:auto var(--cgff-nav-right,12px) auto auto;top:var(--cgff-nav-top,56px);
    box-sizing:border-box;width:min(240px,calc(100vw - 24px));height:auto;max-height:min(70vh,calc(100vh - var(--cgff-nav-top,56px) - 12px));
    padding:7px!important;overflow:auto;display:block;
    background:#fff!important;color:#111!important;
    border:1px solid #dedfd9;border-radius:7px;
    box-shadow:0 9px 26px rgba(0,0,0,.13);z-index:100001
  }
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{width:100%;max-width:none;margin:0}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{width:100%;margin:0!important}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{display:none}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding:0;display:block;width:100%;overflow:visible}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{display:block;width:100%;text-align:left}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:block;padding:10px 12px!important;min-height:44px;white-space:normal;text-decoration:none}
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
  header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible{background:#f2f1ec;text-decoration:underline;outline:2px solid currentColor;outline-offset:-2px}
  html.has-modal-open:has(header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open){overflow:auto}
}