/* vds.net site header/footer inside WHMCS: account menu, cart and the signed-in client menu.
   The shared header/footer rules come from vds-site-chrome.css (generated from the site's css/site.css). */

body.vdsnet-theme .site-header { z-index: 1020; }
body.vdsnet-theme .site-header a,
body.vdsnet-theme .vds-footer a { text-decoration: none; }
body.vdsnet-theme .site-menu > summary { list-style: none; }
body.vdsnet-theme .site-menu > summary::-webkit-details-marker { display: none; }

/* Right side: cart + account / login */
.vds-whmcs-actions { gap: 8px; }
.vds-whmcs-cart { display: inline-flex; align-items: center; gap: 6px; }
.vds-whmcs-cart svg { width: 17px; height: 17px; }
.vds-whmcs-cart span { font: 600 12px/1 var(--sans); }
.vds-whmcs-dot { width: 7px; height: 7px; border-radius: 50%; background: #16a34a; display: inline-block; margin-right: 8px; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); }
.vds-whmcs-account .dropdown-toggle::after { margin-left: 8px; vertical-align: .15em; }
.vds-whmcs-account .dropdown-menu {
    margin-top: 8px; min-width: 220px; padding: 6px; border: 1px solid var(--line, #e2e2df);
    border-radius: 14px; box-shadow: 0 18px 40px rgba(10, 10, 10, .12); font-family: var(--sans);
}
.vds-whmcs-account .dropdown-item { border-radius: 9px; padding: 9px 12px; font-size: 13.5px; font-weight: 500; color: var(--ink, #0a0a0a) !important; }
.vds-whmcs-account .dropdown-item:hover,
.vds-whmcs-account .dropdown-item:focus { background: var(--panel, #f7f7f5); }
.vds-whmcs-account .dropdown-divider { margin: 6px 4px; border-top-color: var(--line, #e2e2df); }
.vds-whmcs-admin i { font-size: 13px; }

/* Signed-in client menu (second header row) */
.vds-client-nav { position: relative; z-index: 1010; background: #fff; border-bottom: 1px solid var(--line, #e2e2df); font-family: var(--sans); }
.vds-client-nav-inner {
    max-width: 1240px; margin: 0 auto; padding: 0 32px; display: flex; gap: 4px; overflow-x: auto;
    scrollbar-width: none;
}
.vds-client-nav-inner::-webkit-scrollbar { display: none; }
.vds-client-nav a {
    flex: none; padding: 12px 12px; font-size: 13px; font-weight: 600; color: var(--mid, #6b6b68) !important;
    border-bottom: 2px solid transparent; white-space: nowrap;
}
.vds-client-nav a:hover { color: var(--ink, #0a0a0a) !important; }
.vds-client-nav a[aria-current="page"] { color: var(--ink, #0a0a0a) !important; border-bottom-color: var(--ink, #0a0a0a); }

@media (max-width: 760px) {
    .vds-client-nav-inner { padding: 0 16px; }
    .vds-whmcs-account .dropdown-toggle { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
}

/* Mobile menu: WHMCS adds account/cart buttons, so the action row wraps instead of overflowing. */
.site-mobile-actions { flex-wrap: wrap; }
.site-mobile-actions > .site-btn { flex: 1 1 calc(50% - 6px); min-width: 0; }

/* The theme's global "a { color: inherit }" (custom.css) must not override the site button colours. */
body.vdsnet-theme .site-header .site-btn-solid,
body.vdsnet-theme .site-header .site-btn-solid:hover,
body.vdsnet-theme .site-header .site-btn-solid:focus { color: #fff !important; }
body.vdsnet-theme .site-header .site-btn-ghost { color: var(--ink) !important; }
body.vdsnet-theme .site-header .site-btn-ghost:hover,
body.vdsnet-theme .site-header .site-btn-ghost:focus-visible,
body.vdsnet-theme .site-header .vds-whmcs-account.show > .site-btn-ghost { background: var(--ink); color: #fff !important; }
body.vdsnet-theme .site-header .site-btn-ghost:hover svg,
body.vdsnet-theme .site-header .site-btn-ghost:hover i { color: #fff; stroke: currentColor; }
/* Account button keeps the green "signed in" dot visible on the dark hover state. */
body.vdsnet-theme .site-header .vds-whmcs-account .site-btn-ghost:hover .vds-whmcs-dot { box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); }