/* GameTeam brand layer — loaded last (includes/head.tpl). Palette: one pink + blacks.
   Vendor files (bootstrap/main/whmcs.theme/theme.min) stay untouched so theme updates can't undo this. */
:root {
    --gt-pink: #f94a85;
    --gt-pink-soft: rgba(249, 74, 133, .12);
    --gt-pink-ring: rgba(249, 74, 133, .25);
    --gt-black-1: #000000;
    --gt-black-2: #0b0b0d;
    --gt-black-3: #101011;
    --gt-line: #ffffff1a;
    --primary: #f94a85;
    --blue: #f94a85;
}

/* Top bar above the logo was removed from header.tpl; the header no longer needs to sit below it */
.emyui-aws-theme .site-header--absolute,
.site-header--absolute { top: 0; }

/* Links */
a, a:hover, a:focus,
.text-primary, a.text-primary:hover,
.alert-link, .breadcrumb-item a:hover,
.page-link, .page-link:hover { color: var(--gt-pink); }
.site-navbar a, .site-header a, .footer-section a, .gt-footer a,
.nav-link.list-group-item, .dropdown-item { color: inherit; }

/* Buttons: one solid pink, no gradient */
.btn-primary, .btn-info, .btn-success, .btn-warning, .btn-blue,
.btn-primary:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover, .btn-blue:hover,
.btn-primary:focus, .btn-info:focus, .btn-success:focus, .btn-warning:focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled):active,
.btn-primary.disabled, .btn-primary:disabled,
.right-top-header-area-menu-support li a {
    background: var(--gt-pink) !important;
    background-image: none !important;
    border-color: var(--gt-pink) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover,
.btn-default:hover, .btn-secondary:hover { filter: brightness(1.08); }
.btn:focus, .btn.focus, .btn-primary:focus, .btn-info:focus, .btn-success:focus, .btn-warning:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 .2rem var(--gt-pink-ring) !important; }

/* Secondary buttons were green in the vendor bootstrap; make them black */
.btn-secondary, .btn-dark,
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:focus {
    background: var(--gt-black-3) !important; border-color: var(--gt-black-3) !important; color: #fff !important;
}
.btn-outline-primary, .btn-outline-info { color: var(--gt-pink) !important; border-color: var(--gt-pink) !important; background: transparent !important; }
.btn-outline-primary:hover, .btn-outline-info:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active { background: var(--gt-pink) !important; color: #fff !important; }

/* Client-area shortcut bar under the header ("New Contact...", "Update"): cyan in the vendor theme */
.btn-default.btn-sm, a.btn.btn-default.btn-sm, a.btn.btn-success.btn-sm {
    background: var(--gt-pink) !important; border-color: var(--gt-pink) !important; color: #fff !important;
}

/* Badges, labels, progress */
.badge-primary, .badge-info, .bg-primary, .bg-info,
.progress-bar:not(.bg-success):not(.bg-danger):not(.bg-warning) { background-color: var(--gt-pink) !important; color: #fff !important; }
.border-primary { border-color: var(--gt-pink) !important; }
a.tile .badge, .tiles .badge, .client-home-cards .badge, .stat.badge { background: var(--gt-pink) !important; color: #fff !important; }

/* Dropdowns (user menu, header menus, nice-select, selects) */
.dropdown-item:hover, .dropdown-item:focus,
.dropdown-item.active, .dropdown-item:active,
.dropdown-menu a:hover, .dropdown-menu a:focus,
.coodiv-menu-dropdown > .drop-menu-item:hover > a,
.mega-menu-dropdown-ul > .drop-menu-item:hover > a,
.coodiv-menu-dropdown .drop-menu-item > a:hover,
.user-dropdown-header .dropdown-menu a:hover,
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    color: var(--gt-pink) !important;
    background-color: var(--gt-pink-soft) !important;
}
.dropdown-item.active, .dropdown-item:active { color: #fff !important; background-color: var(--gt-pink) !important; }
.nice-select:hover, .nice-select:active, .nice-select.open, .nice-select:focus { border-color: var(--gt-pink) !important; }

/* Forms */
.form-control:focus, .custom-select:focus, .field:focus {
    border-color: var(--gt-pink) !important; box-shadow: 0 0 0 .2rem var(--gt-pink-ring) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--gt-pink) !important; border-color: var(--gt-pink) !important;
}
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem var(--gt-pink-ring) !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: var(--gt-pink) !important; color: #fff !important; }
::selection { background: var(--gt-pink); color: #fff; }

/* Tabs, pills, pagination, sidebar lists */
.nav-tabs .nav-link.active, .nav-link.active,
.vps-server-tabs-switch a.active, .vps-server-tabs-switch button.active { color: var(--gt-pink) !important; border-color: var(--gt-pink) !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--gt-pink) !important; color: #fff !important; }
.list-bill-plan a.active:before, .list-bill-plan a.active:after { background: var(--gt-pink) !important; }
.page-item.active .page-link { background-color: var(--gt-pink) !important; border-color: var(--gt-pink) !important; color: #fff !important; }
.page-link:focus { box-shadow: 0 0 0 .2rem var(--gt-pink-ring); }
.list-group-item.active, .list-group-item-action.active,
.sidebar .list-group-item.active, .list-group-item.active:hover {
    background-color: var(--gt-pink) !important; border-color: var(--gt-pink) !important; color: #fff !important;
}
.list-group-item-action:hover, .list-group-item-action:focus { color: var(--gt-pink) !important; background-color: var(--gt-pink-soft) !important; }

/* Client-area home: the four stat cards (Services/Quotes/Tickets/Invoices) */
a.tile i, .tile i[class*="fa-"], .client-home-cards i[class*="fa-"] {
    color: var(--gt-pink) !important;
    --fa-primary-color: var(--gt-pink);
    --fa-secondary-color: var(--gt-pink);
}
/* The hexagon is drawn through an SVG rounding filter that drops translucent pixels, so the tint must be opaque */
a.tile .shape-hexagon, .shape-hexagon { color: #fde2ec !important; }
a.tile:hover, a.tile:hover .title { color: var(--gt-pink) !important; border-color: var(--gt-pink) !important; }

/* Open Ticket: department cards */
.submit-ticket-department:hover, .department-box:hover, .card-department:hover,
a[href*="submitticket.php?step=2"]:hover, a[href*="submitticket.php?step=2"]:hover * {
    color: var(--gt-pink) !important; border-color: var(--gt-pink) !important;
}

/* Store tags that were yellow / teal */
.save-tag, .emyui-ews-plans-feature-plan { background-color: var(--gt-pink-soft) !important; color: var(--gt-pink) !important; }

/* Leftover vendor accent utilities */
.text-blue, .text-info, .color-primary, .coodiv-hover-text-green:hover, .active-link-border { color: var(--gt-pink) !important; }
.bg-blue { background-color: var(--gt-pink) !important; }

/* Footer — shared structure with the gameteam.io footer */
.gt-footer { background: var(--gt-black-1); color: #fff; border-top: 2px solid var(--gt-pink); padding: 56px 0 28px; }
.gt-footer .gt-footer-inner { max-width: 1340px; margin: 0 auto; padding: 0 16px; }
.gt-footer .gt-footer-cols { display: grid; grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr)); gap: 32px; }
.gt-footer .gt-footer-about img { width: 140px; height: auto; margin-bottom: 14px; }
.gt-footer .gt-footer-about p { color: #b9b9be; font-size: 14px; line-height: 1.7; margin: 0 0 18px; max-width: 320px; }
.gt-footer h6 { color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 18px; }
.gt-footer ul { list-style: none; padding: 0; margin: 0; }
.gt-footer ul li { margin-bottom: 12px; }
.gt-footer a { color: #b9b9be; font-size: 14px; text-decoration: none; transition: color .15s; }
.gt-footer a:hover, .gt-footer a:focus { color: var(--gt-pink) !important; }
.gt-footer .footer-social-accounts { display: flex; gap: 10px; flex-wrap: wrap; }
.gt-footer .footer-social-accounts li { margin: 0; }
.gt-footer .footer-social-accounts a { color: #fff; }
.gt-footer .gt-footer-info { display: flex; flex-wrap: wrap; gap: 16px 40px; margin-top: 44px; padding: 20px 0; border-top: 1px solid var(--gt-line); border-bottom: 1px solid var(--gt-line); color: #e4e4e7; font-size: 14px; }
.gt-footer .gt-footer-info i { color: var(--gt-pink); margin-right: 4px; }
.gt-footer .gt-footer-info .fab { font-size: 18px; vertical-align: -2px; }
.gt-footer .gt-footer-label { color: #8b8b93; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; margin-right: 10px; }
.gt-footer .gt-dot { color: #5c5c63; margin: 0 6px; }
.gt-footer .gt-footer-bottom { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--gt-line); }
.gt-footer .gt-footer-bottom p { color: #8b8b93; font-size: 12.5px; line-height: 1.7; margin: 0; }
@media (max-width: 991px) { .gt-footer .gt-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gt-footer .gt-footer-about { grid-column: 1 / -1; } }

/* Specific vendor widgets found on the live pages */
.clientareahome-features-boxes a.tile .stat,
.notifications-dropdown .badge-warning { background: var(--gt-pink) !important; color: #fff !important; }
.html-box-headernav { background: var(--gt-pink-soft) !important; color: var(--gt-pink) !important; }
.verification-banner.email-verification { border-left-color: var(--gt-pink) !important; }
.list-group-tab-nav .list-group-item.active,
.list-group-tab-nav .list-group-item:hover { border-bottom-color: var(--gt-pink) !important; color: var(--gt-pink) !important; }
.product-icon-box-wrapper { background: var(--gt-pink) !important; background-image: none !important; }
*:has(> a[href*="deptid"]):hover, *:has(> * > a[href*="deptid"]):hover { border-color: var(--gt-pink) !important; }
.dropdown-menu a:hover i, .dropdown-menu a:focus i, .coodiv-menu-dropdown a:hover i,
.coodiv-menu-dropdown .drop-menu-item:hover > a i, .mega-menu-dropdown-ul > .drop-menu-item:hover > a i,
.list-group-item:hover i, .list-group-item.active i { color: var(--gt-pink) !important; }
.list-group-item.active i { color: #fff !important; }

/* Remaining accents from the full-page scan (status colours — paid/unpaid, danger, warnings — stay semantic) */
.list-group-item .badge, .list-group .badge-warning,
.badge-success.py-0, .domains-addons-products-title,
.label-info, .label-primary { background: var(--gt-pink) !important; color: #fff !important; }
[id^="Secondary_Sidebar-Categories"].active, [id^="Secondary_Sidebar-Categories"]:hover,
.nav-link.active.is-selected { color: var(--gt-pink) !important; }
.irs-single, .irs-from, .irs-to, .irs-bar, .irs-bar-edge,
.irs--modern .irs-bar, .irs--modern .irs-single, .irs--modern .irs-handle > i:first-child { background: var(--gt-pink) !important; border-color: var(--gt-pink) !important; }
.irs-single:before, .irs-from:before, .irs-to:before { border-top-color: var(--gt-pink) !important; }
.fa-box-full, .addon-products i[class*="fa-"], .panel-addon i[class*="fa-"] { color: var(--gt-pink) !important; --fa-primary-color: var(--gt-pink); --fa-secondary-color: var(--gt-pink); }
.alert-info { background-color: var(--gt-pink-soft) !important; border-color: var(--gt-pink) !important; color: #1a1a1d !important; }

/* Spacing under the fixed header (80px tall since the top bar was removed) */
body:not(.gt-cart) .hero-area-header-banner-image { padding-top: 104px !important; }
body:not(.gt-cart) section#main-body, body:not(.gt-cart) section.bg-default#main-body { padding-top: 24px !important; }
body.gt-cart section#main-body { padding-top: 35px !important; }

html body a.nav-link.active.is-selected[id^="Secondary_Sidebar-Categories"] { color: var(--gt-pink) !important; }
html body i.fad.fa-box-full { color: var(--gt-pink) !important; --fa-primary-color: var(--gt-pink) !important; --fa-secondary-color: var(--gt-pink) !important; background-color: transparent !important; }
html body .nav-scroller-subpages .nav .nav-link:hover,
html body .nav-scroller-subpages .nav .nav-link.active { color: var(--gt-pink) !important; border-bottom: 3px solid var(--gt-pink) !important; }

/* Order form iCheck boxes: pink copy of the vendor blue sprite */
.icheckbox_square-blue, .iradio_square-blue { background-image: url(gt-icheck.png) !important; }
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx) {
    .icheckbox_square-blue, .iradio_square-blue { background-image: url(gt-icheck@2x.png) !important; background-size: 240px 24px !important; }
}