/* Header disclosure controls work independently of hover and icon font loading. */
.site-account-menu { display: inline-flex; position: relative; }
#account-panel-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-height: 44px; padding: 0 .75rem; cursor: pointer; touch-action: manipulation; }
#account-panel-toggle svg { flex-shrink: 0; width: 1rem; height: 1rem; }
#account-panel-toggle .account-panel-caret { width: .75rem; height: .75rem; transition: transform .15s; }
#account-panel-toggle[aria-expanded="true"] .account-panel-caret { transform: rotate(180deg); }
#account-panel-toggle:focus-visible, #account-panel-menu a:focus-visible, #mobile-menu-btn:focus-visible, .theme-toggle:focus-visible { outline: 2px solid #106cff; outline-offset: 3px; }
#account-panel-menu { position: absolute; right: 0; top: calc(100% + .5rem); width: 17rem; max-width: calc(100vw - 2rem); max-height: calc(100vh - 6rem); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; z-index: 60; padding: .5rem 0; background: #fff; border: 1px solid #e2e8f0; border-radius: .75rem; box-shadow: 0 12px 30px rgba(15,23,42,.18); }
#account-panel-menu[hidden] { display: none !important; }
#account-panel-menu a { display: flex; align-items: center; min-height: 44px; padding: .625rem 1rem; font-size: .875rem; line-height: 1.4; text-decoration: none; }
#account-panel-menu a .account-menu-icon { flex-shrink: 0; width: 1.125rem; height: 1.125rem; margin-right: .625rem; }
.dark #account-panel-menu { background: #151f32; border-color: #1e293b; }
#mobile-menu-btn { min-width: 44px; min-height: 44px; touch-action: manipulation; }
.theme-toggle { min-height: 44px; touch-action: manipulation; }
/* Explicit selectors also support browsers without :is() or content alt text. */
.fa:before, .fas:before, .far:before, .fab:before, .fal:before, .fa-solid:before, .fa-regular:before, .fa-brands:before, .fa-classic:before, .fa-light:before { content: var(--fa); }
@supports (content: "" / "") { .fa:before, .fas:before, .far:before, .fab:before, .fal:before, .fa-solid:before, .fa-regular:before, .fa-brands:before, .fa-classic:before, .fa-light:before { content: var(--fa) / ""; } }
/* Free counterparts for legacy/pro icons still used by WHMCS templates. */
.fa-shield-check { --fa: "\f3ed"; }
.fa-file-minus { --fa: "\e4ed"; --fa-style: 900; font-weight: 900; }
.fal, .fa-light { font-family: "Online Sunucu Font Awesome 7 Free"; font-style: normal; font-weight: 900; display: inline-block; }
@media (max-width: 360px) { #site-header > div > div > a img { max-width: 80px; height: auto; } }
@supports (height: 100dvh) { #account-panel-menu { max-height: calc(100dvh - 6rem); } }