/* 0.6.80 — header: the language switch sits after FAQ (thin divider, JP / EN pill) and 「PRを相談する」 is the right-most item. */
.addack-v3 .ax-navigation .ax-language-switch{order:1;position:relative;top:1px;display:inline-flex!important;align-items:center;gap:0!important;margin-left:13px!important;padding:3px!important;border:1px solid #e3e5ea!important;border-radius:999px!important}
.addack-v3 .ax-navigation .ax-language-switch::before{content:"";position:absolute;left:-19px;top:50%;width:1px;height:18px;margin-top:-9px;background:#d5d8dd}
.addack-v3 .ax-navigation .ax-button{order:2;margin-left:4px!important}
.addack-v3 .ax-navigation .ax-language-switch a{display:block;font-size:0!important;line-height:1!important;padding:4px 10px 6px!important;border:0!important;border-radius:999px;color:#6b7079!important;text-decoration:none!important;transition:background .2s,color .2s}
.addack-v3 .ax-navigation .ax-language-switch a::after{font-size:12px;font-weight:700;letter-spacing:.02em}
.addack-v3 .ax-navigation .ax-language-switch a[lang="ja"]::after{content:"JP"}
.addack-v3 .ax-navigation .ax-language-switch a[lang="en"]::after{content:"EN"}
.addack-v3 .ax-navigation .ax-language-switch a:hover{color:#111216!important}
.addack-v3 .ax-navigation .ax-language-switch a[aria-current]{background:#111216;color:#fff!important}
.addack-v3 .ax-navigation .ax-language-switch a[aria-current]::before,.addack-v3 .ax-navigation .ax-language-switch a[aria-current]::marker{display:none}

/* 課題: the chosen button is ADDACK red with white text and a white icon/arrow; the shadow stays dark. */
.addack-v3 .ax-selector:not(.ax-plan-selector) .ax-tab a[aria-selected=true]{background:var(--ax-red,#ff4b36)!important;border-color:var(--ax-red,#ff4b36)!important;color:#fff!important}
.addack-v3 .ax-selector:not(.ax-plan-selector) .ax-tab a[aria-selected=true]::before{background-color:#fff!important}
.addack-v3 .ax-selector:not(.ax-plan-selector) .ax-tab a[aria-selected=true]::after{background-color:#fff!important}
/* Below 900px the page links are hidden, so the divider (which separates them from the language switch) goes too. */
@media(max-width:900px){.addack-v3 .ax-navigation .ax-language-switch::before{display:none}.addack-v3 .ax-navigation .ax-language-switch{margin-left:0!important}}
.addack-v3 .ax-navigation .ax-language-switch a[aria-current]{background:#111216!important}

/* 0.6.81 — the first FAQ item kept square-ish corners: an older rule for :first-of-type was stronger. Every item is now the same. */
html .addack-v3 .ax-faq details.wp-block-details:nth-of-type(n){border-radius:999px!important}
html .addack-v3 .ax-faq details.wp-block-details[open]:nth-of-type(n){border-radius:28px!important}

/* 0.6.83 — the JP / EN switch looks and sits the same on the Japanese and English pages. */
/* Same letters on both pages (the English page's text font is Arial). */
.addack-v3 .ax-navigation .ax-language-switch a::after{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;font-weight:700!important;font-size:12px!important;line-height:1!important}
/* The header button has the same width in both languages, so the switch next to it does not move. */
.addack-v3 .ax-navigation .ax-button a{min-width:144px;justify-content:center;box-sizing:border-box}
@media(max-width:900px){
 .addack-v3 .ax-navigation{gap:10px!important}
 .addack-v3 .ax-navigation .ax-button{padding:0!important;width:auto!important;min-width:0!important;flex:none!important;margin-left:0!important}
 .addack-v3 .ax-navigation .ax-button a{min-width:112px}
}


/* 0.7.22: the fading copy of the old label shows only its text */
.addack-v3 .ax-label-ghost::before,.addack-v3 .ax-label-ghost::after{display:none!important}

/* 0.7.26: each line of an おすすめ label can move on its own */
.addack-v3 .ax-recommend-label .ax-lbl-line{display:inline-block}
