/* Partner portal — small tweaks layered on the Metronic 7 theme.
   Most styling comes from /theme/styles/style.bundle.css + /styles/app.css. */

/* Brand row in the aside: align the logo letter + label nicely. */
#kt_aside .brand .brand-logo {
    display: flex;
    align-items: center;
}

/* Keep the content comfortably padded under the fixed header. */
.content {
    padding-top: 25px;
}

/* Subheader title spacing for portal pages. */
.portal-subheader .portal-title {
    font-size: 1.275rem;
    font-weight: 600;
    color: #181c32;
    margin: 0;
}

/* Make required asterisks (added by app.js) unobtrusive. */
.required-asterisk {
    margin-left: 2px;
}

/* Hide the browser's built-in password reveal control (Edge) — custom eye toggle only. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display: none; }

/* ─── Brand colour: remap Metronic's default blue (#3699FF) to the Webority
   brand purple (#6200EE), matching webority.com. Overrides the compiled
   style.bundle.css for the components the portal actually uses. ─────────────── */
:root {
    --wp-primary: #6200EE;
    --wp-primary-hover: #5800D6;
    --wp-primary-light: #F0E6FE;
}

/* Solid primary buttons */
.btn.btn-primary {
    background-color: var(--wp-primary) !important;
    border-color: var(--wp-primary) !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: var(--wp-primary-hover) !important;
    border-color: var(--wp-primary-hover) !important;
}

/* Light primary buttons */
.btn.btn-light-primary {
    background-color: var(--wp-primary-light) !important;
    color: var(--wp-primary) !important;
    border-color: transparent !important;
}
.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active {
    background-color: var(--wp-primary) !important;
    color: #ffffff !important;
}

/* Text / background / links */
.text-primary { color: var(--wp-primary) !important; }
.bg-primary { background-color: var(--wp-primary) !important; }
.text-hover-primary:hover,
a.text-hover-primary:hover { color: var(--wp-primary) !important; }
a { color: var(--wp-primary); }

/* Badges / labels */
.label.label-primary { background-color: var(--wp-primary) !important; color: #fff !important; }
.label.label-light-primary { background-color: var(--wp-primary-light) !important; color: var(--wp-primary) !important; }

/* Avatars / symbols */
.symbol.symbol-light-primary .symbol-label {
    background-color: var(--wp-primary-light) !important;
    color: var(--wp-primary) !important;
}

/* Progress bars */
.progress-bar.bg-primary { background-color: var(--wp-primary) !important; }

/* Form controls focus */
.form-control:focus { border-color: var(--wp-primary) !important; }

/* Aside active menu item */
#kt_aside .menu-nav .menu-item.menu-item-active > .menu-link,
#kt_aside .menu-nav .menu-item .menu-link.active {
    background-color: rgba(98, 0, 238, 0.10) !important;
}
#kt_aside .menu-nav .menu-item.menu-item-active > .menu-link .menu-text,
#kt_aside .menu-nav .menu-item.menu-item-active > .menu-link .menu-icon,
#kt_aside .menu-nav .menu-item.menu-item-active > .menu-link .menu-icon i {
    color: var(--wp-primary) !important;
}

/* SVG icons that inherit currentColor via svg-icon-primary */
.svg-icon.svg-icon-primary svg [fill]:not([fill="none"]),
.svg-icon.svg-icon-primary svg { color: var(--wp-primary) !important; }