/* =====================================================================
   Pikachu Hosting - WHMCS theme overrides
   Makes WHMCS (Bootstrap 4 / Twenty-One) look like pikachuhosting.in
   Colours come from the website's main.css variables (--tg-*).
   ===================================================================== */
:root {
    --tg-icon-font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    --tg-theme-secondary: #0f766e;                    /* was #6F56DA purple - now teal */
    --pk-primary: #0f766e;
    --pk-primary-dark: #007379;
    --pk-gradient: #0f766e;
    --pk-soft: #e0f5f5;
    --pk-border: var(--tg-border-4);
    --pk-radius: 16px;
}
.tg-btn-two, .tg-btn-two:hover, .tg-btn-two:focus-visible {
    background: var(--pk-gradient);
}
.tg-btn, .tg-btn-two, .tg-border-btn, .tg-btn-two::before,
.pk-body .btn, .pk-body .btn:hover, .pk-body .btn:focus, .pk-body .btn:active {
    box-shadow: none !important;
}
.loader {
    --g: conic-gradient(from -90deg at 10px 10px, #0f766e 90deg, #0000 0);
}

/* ---------- base ---------- */
body.pk-body { background: #fff; border-top: 0; font-family: var(--tg-body-font-family); color: var(--tg-body-color); font-size: 15px; }
.pk-main a, .pk-auth a, .home-domain-search a { color: var(--pk-primary); }
.pk-main a:hover, .pk-auth a:hover { color: var(--pk-primary-dark); }
.pk-body .tg-btn, .pk-body .tg-btn:hover { color: #fff; }
.pk-body .text-primary { color: var(--pk-primary) !important; }
.pk-body .bg-primary { background-color: var(--pk-primary) !important; }
.pk-body .text-muted { color: var(--tg-color-gray-4) !important; }
.pk-body h1, .pk-body h2, .pk-body h3, .pk-body h4, .pk-body h5, .pk-body h6 { color: var(--tg-heading-color); font-weight: 600; }
.pk-body label { font-size: 14px; font-weight: 500; }
.pk-body hr { margin: 20px 0; border-bottom-color: var(--pk-border); }
.pk-body ::placeholder { font-size: 14px; color: var(--tg-color-gray-4); }
.pk-body .main-area { background: #fff; }

/* ---------- header (website) ---------- */
.pk-body .tgmenu__action .header-btn .tg-btn { color: #fff; }
.pk-body .ca-header-cart span.d-none { display: none !important; }
.pk-body .tgmenu__main-menu .navigation > li > a { color: var(--tg-heading-color); }
.pk-body .navigation li.menu-item-has-children > a::after { font-family: var(--tg-icon-font-family); }

/* ---------- page title / breadcrumb ---------- */
.pk-breadcrumb { padding: 50px 0 60px; }
.pk-breadcrumb .breadcrumb__content { text-align: center; position: relative; z-index: 2; }
.pk-breadcrumb .title { margin: 14px 0 0; font-size: 44px; }
.pk-crumbs .breadcrumb { display: inline-flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 6px 16px; background: var(--tg-color-gray-3); border-radius: 30px; font-size: 13px; }
.pk-crumbs .breadcrumb-item, .pk-crumbs .breadcrumb-item a { color: var(--tg-color-gray-4); }
.pk-crumbs .breadcrumb-item.active { color: var(--tg-heading-color); }
.pk-crumbs .breadcrumb-item + .breadcrumb-item::before { content: "//"; color: var(--tg-color-gray-4); }
@media (max-width: 767.98px) { .pk-breadcrumb { padding: 30px 0 34px; } .pk-breadcrumb .title { font-size: 30px; } }

/* ---------- client area menu bar ---------- */
.pk-subnav-wrap { position: relative; z-index: 5; margin-bottom: 10px; }
.pk-subnav { background: var(--tg-color-gray-3); border: 1px solid var(--pk-border); border-radius: var(--pk-radius); padding: 8px 12px; }
.pk-subnav .navbar-nav > li > a, .pk-subnav .navbar-nav > li > .btn {
    display: flex; align-items: center; gap: 6px; padding: 9px 14px !important; border-radius: 10px;
    color: var(--tg-heading-color); font-size: 15px; font-weight: 500; background: none; border: 0; box-shadow: none;
}
.pk-subnav .navbar-nav > li > a:hover, .pk-subnav .navbar-nav > li.show > a, .pk-subnav .navbar-nav > li > .btn:hover { background: #fff; color: var(--pk-primary); }
.pk-subnav .navbar-nav > li.active > a { background: var(--pk-primary); color: #fff; }
.pk-subnav .dropdown-toggle::after { margin-left: 2px; }
.pk-subnav .dropdown-menu { border: 1px solid var(--pk-border); border-radius: 12px; box-shadow: 0 12px 30px rgba(14, 16, 75, .08); padding: 8px; margin-top: 6px; }
.pk-subnav .dropdown-menu li.dropdown-item { padding: 0; background: none; }
.pk-subnav .dropdown-menu a.dropdown-item { display: block; padding: 8px 12px !important; border-radius: 8px; color: var(--tg-body-color); font-size: 14px; }
.pk-subnav .dropdown-menu a.dropdown-item:hover, .pk-subnav .dropdown-menu a.dropdown-item:focus { background: var(--pk-soft); color: var(--pk-primary); }
.pk-subnav .pk-icon-link { color: var(--tg-color-gray-4) !important; }
.pk-subnav .pk-notify .btn { position: relative; color: var(--tg-heading-color); }
.pk-notify-count { position: absolute; top: 2px; right: 4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--tg-theme-primary-3); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; }
.pk-subnav-toggle { width: 100%; border: 1px solid var(--tg-border-2); background: #fff; border-radius: 10px; padding: 10px; font-weight: 500; color: var(--tg-heading-color); }
@media (max-width: 991.98px) {
    .pk-subnav { flex-wrap: wrap; }
    .pk-subnav .navbar-collapse { margin-top: 8px; }
    .pk-subnav .navbar-nav > li { width: 100%; }
}
.client-alerts { list-style: none; margin: 0; padding: 0; min-width: 260px; }
.client-alerts li a { display: flex; gap: 10px; padding: 8px 4px; color: var(--tg-body-color); font-size: 14px; }

/* ---------- main body ---------- */
#main-body.pk-main { padding: 20px 0 100px; background: #fff; min-height: 300px; }

/* ---------- buttons ---------- */
.pk-body .btn { border-radius: 30px; font-weight: 500; font-size: 15px; padding: 9px 22px; transition: all .25s; }
.pk-body .btn-sm { padding: 5px 14px; font-size: 13px; }
.pk-body .btn-lg { padding: 13px 30px; font-size: 16px; }
.pk-body .btn-primary, .pk-body .btn-success, .pk-body .btn-info {
    background: var(--pk-gradient); border: 0; color: #fff; box-shadow: none;
}
.pk-body .btn-primary:hover, .pk-body .btn-primary:focus, .pk-body .btn-success:hover, .pk-body .btn-info:hover,
.pk-body .btn-primary:not(:disabled):not(.disabled):active { background: var(--pk-primary-dark); color: #fff; box-shadow: none; }
.pk-body .btn-default, .pk-body .btn-secondary, .pk-body .btn-light, .pk-body .btn-outline-primary {
    background: #fff; border: 1px solid var(--tg-border-2); color: var(--tg-heading-color);
}
.pk-body .btn-default:hover, .pk-body .btn-secondary:hover, .pk-body .btn-light:hover, .pk-body .btn-outline-primary:hover { border-color: var(--pk-primary); color: var(--pk-primary); background: #fff; }
.pk-body .btn-danger { background: var(--tg-theme-primary-3); border-color: var(--tg-theme-primary-3); }
.pk-body .btn-link { color: var(--pk-primary); }
.pk-body .btn-group > .btn, .pk-body .input-group .btn { border-radius: 10px; }
.pk-body .input-group > .input-group-append > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pk-body .input-group > .input-group-prepend > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* ---------- cards & panels ---------- */
.pk-body .card { border: 1px solid var(--pk-border); border-radius: var(--pk-radius); box-shadow: 0 2px 10px rgba(14, 16, 75, .03); overflow: hidden; }
.pk-body .card-header { background: #fff; border-bottom: 1px solid var(--pk-border); padding: 16px 20px; }
.pk-body .card-header .card-title, .pk-body .card-title { font-size: 17px; font-weight: 600; color: var(--tg-heading-color); }
.pk-body .card-body { padding: 20px; }
.pk-body .card-footer { background: var(--tg-color-gray-3); border-top: 1px solid var(--pk-border); }
.pk-body .card-accent-teal, .pk-body .card-accent-red, .pk-body .card-accent-gold, .pk-body .card-accent-asbestos,
.pk-body .card-accent-green, .pk-body .card-accent-blue, .pk-body .card-accent-midnight-blue, .pk-body .card-accent-pomegranate,
.pk-body .card-accent-sun-flower, .pk-body .card-accent-emerald, .pk-body .card-accent-amethyst { border-top: 3px solid var(--pk-primary) !important; }

/* ---------- sidebar ---------- */
.pk-body .sidebar .card-sidebar { background: var(--tg-color-gray-3); border-radius: var(--pk-radius); box-shadow: none; margin-bottom: 20px !important; }
.pk-body .card-sidebar .card-header { background: transparent; border-bottom: 1px solid var(--tg-border-5); padding: 14px 18px; }
.pk-body .card-sidebar .card-title { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--tg-color-gray-4); font-weight: 600; }
.pk-body .card-sidebar .card-body { font-size: 14px; }
.pk-body .card-sidebar .list-group { padding: 8px; }
.pk-body .card-sidebar .list-group-item { border: 0; background: transparent; border-radius: 8px; padding: 9px 12px; margin-bottom: 2px; color: var(--tg-body-color); font-size: 14px; font-weight: 500; }
.pk-body .card-sidebar .list-group-item:hover { background: #fff; color: var(--tg-heading-color); }
.pk-body .card-sidebar .list-group-item.active, .pk-body .card-sidebar .list-group-item.active:hover { background: var(--pk-primary); color: #fff; }
.pk-body .card-sidebar .list-group-item.active .badge { background: #fff; color: var(--pk-primary); }
.pk-body .sidebar-menu-item-icon { color: var(--tg-color-gray-4); }
.pk-body .list-group-item.active .sidebar-menu-item-icon { color: #fff; }
.pk-body .card-sidebar .card-footer { background: transparent; border-top: 1px solid var(--tg-border-5); }

/* ---------- tables ---------- */
.pk-body .table { color: var(--tg-body-color); }
.pk-body .table thead th, .pk-body .table-list thead th { background: var(--tg-color-gray-3); border-bottom: 1px solid var(--pk-border); border-top: 0; color: var(--tg-heading-color); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; padding: 12px 14px; }
.pk-body .table td { border-top: 1px solid var(--pk-border); padding: 12px 14px; vertical-align: middle; }
.pk-body .table-list { border: 1px solid var(--pk-border); border-radius: var(--pk-radius); overflow: hidden; }
.pk-body .table-list > tbody > tr:hover > td { background: var(--pk-soft); }
.pk-body .table-container { border-radius: var(--pk-radius); }
.pk-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.pk-body .page-item.active .page-link { background: var(--pk-primary); border-color: var(--pk-primary); color: #fff !important; }
.pk-body .page-link { color: var(--pk-primary); border-radius: 8px; margin: 0 2px; }

/* status labels */
.pk-body .label, .pk-body .badge { border-radius: 20px; font-weight: 600; padding: 4px 10px; font-size: 12px; }
.pk-body .status { border-radius: 20px; }
.pk-body .status-active, .pk-body .status-paid, .pk-body .status-completed, .pk-body .status-open { background: #e3f8eb; color: #0c8a3c; }
.pk-body .status-pending, .pk-body .status-customer-reply, .pk-body .status-answered { background: #fff4d6; color: #946c00; }
.pk-body .status-unpaid, .pk-body .status-overdue, .pk-body .status-suspended, .pk-body .status-terminated, .pk-body .status-fraud { background: #ffe8e8; color: #c62828; }
.pk-body .status-cancelled, .pk-body .status-closed, .pk-body .status-expired, .pk-body .status-refunded { background: var(--tg-color-gray-6); color: var(--tg-color-gray-7); }
.pk-body .badge-info, .pk-body .badge-primary { background: var(--pk-primary); color: #fff; }

/* ---------- forms ---------- */
.pk-body .form-control, .pk-body .custom-select, .pk-body select.form-control {
    height: auto; min-height: 46px; border: 1px solid var(--tg-border-2); border-radius: 10px; padding: 10px 14px; font-size: 15px; color: var(--tg-heading-color); box-shadow: none;
}
.pk-body textarea.form-control { min-height: 120px; }
.pk-body .form-control:focus, .pk-body .custom-select:focus { border-color: var(--pk-primary); box-shadow: 0 0 0 3px rgba(111, 86, 218, .12); }
.pk-body .input-group-text { background: var(--tg-color-gray-3); border: 1px solid var(--tg-border-2); border-radius: 10px; color: var(--tg-color-gray-4); }
.pk-body .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pk-body .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pk-body .input-group-prepend .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pk-body .input-group-append .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pk-body .custom-control-input:checked ~ .custom-control-label::before { background: var(--pk-primary); border-color: var(--pk-primary); }
.pk-body .icheckbox_square-blue.checked, .pk-body .iradio_square-blue.checked { filter: hue-rotate(40deg); }

/* ---------- alerts ---------- */
.pk-body .alert { border: 0; border-radius: 12px; padding: 14px 18px; font-size: 14px; }
.pk-body .alert-info { background: var(--pk-soft); color: #007379; }
.pk-body .alert-success { background: #e3f8eb; color: #0c6b30; }
.pk-body .alert-warning { background: #fff4d6; color: #7a5900; }
.pk-body .alert-danger { background: #ffe8e8; color: #b42318; }

/* ---------- client area home: tiles ---------- */
.pk-body .tiles .row { margin: 0 -8px; }
.pk-body .tiles .tile { background: #fff; border: 1px solid var(--pk-border) !important; border-radius: var(--pk-radius); margin: 0 8px 16px; padding: 20px; box-shadow: 0 2px 10px rgba(14, 16, 75, .03); }
.pk-body .tiles .row > [class*="col"] { padding: 0; }
.pk-body .tile:hover { border-color: var(--pk-primary) !important; transform: translateY(-2px); }
.pk-body .tile i { color: var(--pk-primary); opacity: .25; }
.pk-body .tile .stat { color: var(--tg-heading-color); font-weight: 700; }
.pk-body .tile .title { color: var(--tg-color-gray-4); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
.pk-body .tile .highlight { background: var(--pk-primary) !important; height: 3px; }
.pk-body .client-home-cards .card-header .btn { border-radius: 20px; }

/* ---------- WHMCS homepage ---------- */
.pk-body .home-domain-search { background: #fff !important; }
.pk-body .home-domain-search > .container > .p-5 { background: var(--tg-color-gray-3); border: 1px solid var(--pk-border); border-radius: 24px; margin: 10px 0 20px; }
.pk-body .home-domain-search h2 { font-size: 32px; margin-bottom: 24px !important; }
.pk-body .home-domain-search .input-group-wrapper { background: #fff; border: 1px solid var(--tg-border-2); border-radius: 40px; padding: 6px; box-shadow: none; }
.pk-body .home-domain-search .input-group-wrapper .form-control { border: 0; min-height: 48px; font-size: 16px; padding-left: 18px; }
.pk-body .home-domain-search .input-group-wrapper .btn { border-radius: 30px !important; margin-left: 6px; padding: 12px 26px; }
.pk-body .home-domain-search .btn-success { background: #fff; color: var(--pk-primary); border: 1px solid var(--pk-primary); box-shadow: none; }
.pk-body .home-domain-search .btn-success:hover { background: var(--pk-primary); color: #fff; }
.pk-body .primary-content h2.text-center { font-size: 32px; margin: 30px 0 24px; }
.pk-body .primary-content .card.mb-3 .card-body h3, .pk-body .primary-content .card .card-title { font-size: 20px; }
.pk-body .action-icon-btns a, .pk-body .action-icon-btns .card-accent-teal { border-radius: var(--pk-radius); }
.pk-body .action-icon-btns a { color: var(--tg-heading-color); background: #fff; border: 1px solid var(--pk-border); border-top: 3px solid var(--pk-primary) !important; transition: all .25s; }
.pk-body .action-icon-btns a:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(14, 16, 75, .08); color: var(--pk-primary); }
.pk-body .action-icon-btns .ico-container { color: var(--pk-primary); }

/* ---------- store / cart (standard_cart) ---------- */
.pk-body #order-standard_cart .header-lined h1 { font-weight: 600; color: var(--tg-heading-color); }
.pk-body #order-standard_cart .products .product { border: 1px solid var(--pk-border); border-radius: var(--pk-radius); overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(14, 16, 75, .03); }
.pk-body #order-standard_cart .products .product header { background: var(--pk-soft); color: var(--tg-heading-color); border-bottom: 1px solid var(--pk-border); padding: 16px 20px; }
.pk-body #order-standard_cart .products .product header span { font-weight: 600; font-size: 18px; }
.pk-body #order-standard_cart .products .product div.product-pricing span.price { color: var(--tg-heading-color); font-weight: 700; }
.pk-body #order-standard_cart .products .product footer { border-top: 1px solid var(--pk-border); }
.pk-body #order-standard_cart .panel-sidebar, .pk-body #order-standard_cart .card-sidebar { border-radius: var(--pk-radius); }
.pk-body #order-standard_cart .order-summary { background: var(--pk-soft); border-radius: var(--pk-radius); overflow: hidden; border: 1px solid var(--pk-border); }
.pk-body #order-standard_cart .order-summary h2 { background: var(--pk-primary); color: #fff; font-size: 18px; }
.pk-body #order-standard_cart .summary-container { background: #fff; }
.pk-body #order-standard_cart .view-cart-items-header { background: var(--pk-primary); border-radius: 12px 12px 0 0; }
.pk-body #order-standard_cart .view-cart-items { border-color: var(--pk-border); }
.pk-body #order-standard_cart .sub-heading span, .pk-body #order-standard_cart .sub-heading-borderless span { color: var(--pk-primary); font-weight: 600; }
.pk-body #order-standard_cart .sub-heading { border-top-color: var(--pk-border); }
.pk-body #order-standard_cart .domain-checker-container { background: var(--pk-gradient); border-radius: 24px; }
.pk-body #order-standard_cart .domain-checker-bg { background-image: none; }
.pk-body #order-standard_cart .domain-checker-container .input-group-box { border-radius: 40px; }
.pk-body #order-standard_cart .domain-checker-available { color: #0c8a3c; }
.pk-body #order-standard_cart .domain-checker-unavailable { color: #c62828; }
.pk-body #order-standard_cart .spotlight-tld { border-radius: 12px; }
.pk-body #order-standard_cart .spotlight-tld-container, .pk-body #order-standard_cart .suggested-domains { border-radius: var(--pk-radius); }
.pk-body #order-standard_cart .btn-checkout { background: var(--pk-gradient); border: 0; }
.pk-body .sidebar-collapsed .btn, .pk-body #order-standard_cart .sidebar-collapsed .btn { border-radius: 30px; }

/* ---------- misc WHMCS ---------- */
.pk-body .header-lined { border-bottom: 1px solid var(--pk-border); margin-bottom: 20px; }
.pk-body .modal-content { border: 0; border-radius: var(--pk-radius); }
.pk-body .modal-localisation .modal-content { background: var(--pk-gradient); }
.pk-body .nav-tabs .nav-link.active { color: var(--pk-primary); border-color: var(--pk-border) var(--pk-border) #fff; }
.pk-body .nav-tabs .nav-link { color: var(--tg-body-color); }
.pk-body .popover { border-radius: 12px; border-color: var(--pk-border); }
.pk-body .kb-search .form-control, .pk-body form .search .form-control { border-radius: 30px; }
.pk-body .ticket-reply { border-radius: var(--pk-radius); }
.pk-body .ticket-reply .posted-by { background: var(--tg-color-gray-3); }
.pk-body .progress-bar { background: var(--pk-primary); }
.pk-body #fullpage-overlay { background: rgba(14, 16, 75, .6); }

/* footer language/currency button */
.pk-lang-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--tg-border-5); border-radius: 10px; padding: 8px 14px; font-size: 14px; color: var(--tg-heading-color); }
.pk-lang-btn i { color: var(--tg-color-gray-4); font-size: 13px; }
.pk-lang-btn:hover { border-color: var(--pk-primary); color: var(--pk-primary); }
.pk-body .footer__cart-content-right { display: flex; justify-content: flex-end; }

/* ---------- login / password reset / 2FA (split screen) ---------- */
.pk-auth-body { background: #fff !important; }
.pk-auth .login__form-wrap .title { margin-bottom: 30px; }
.pk-auth .ca-auth-logo { display: inline-block; margin-bottom: 30px; }
.pk-auth .login__form .form__grp { position: relative; display: flex; flex-wrap: nowrap; }
.pk-auth .login__form .form__grp input { width: 100%; }
.pk-auth .pk-reveal { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: 0; padding: 6px; color: var(--tg-color-gray-4); z-index: 3; }
.pk-auth .pk-reveal:hover { color: var(--pk-primary); }
.pk-auth .pk-login-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 24px; font-size: 14px; }
.pk-auth .pk-login-row .ca-check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.pk-auth .pk-login-row .forgot-password { margin: 0; }
.pk-auth .pk-login-row .forgot-password a { color: var(--pk-primary); font-size: 14px; }
.pk-auth .login__form .tg-btn { width: 100%; justify-content: center; }
.pk-auth .account__switch { margin-top: 24px; text-align: center; }
.pk-auth .account__switch a { color: var(--pk-primary); font-weight: 500; }
.pk-auth .alert { margin-bottom: 20px; }
.pk-auth-box .form-group { margin-bottom: 18px; }
.pk-auth-box .btn-primary, .pk-auth-box .btn-block { width: 100%; padding: 13px 20px; }
.pk-auth-box .text-center { text-align: left !important; }
.pk-auth .login__img { height: 100%; min-height: 100vh; background-size: cover; background-position: center; }
.pk-auth .login__form-inner { min-height: 100vh; }

/* website bits that are green in the template -> brand purple */
.pk-body .mobile-nav-toggler { color: var(--pk-primary); }
.pk-body .scroll__top { background: var(--pk-primary); }
.pk-body .scroll__top:hover { background: var(--pk-primary-dark); }
.pk-body .ca-header-cart a { color: var(--tg-heading-color); }
.pk-body .ca-header-cart a:hover { color: var(--pk-primary); border-color: var(--pk-primary); }
.pk-body .ca-header-cart span { background: var(--pk-primary); }

/* website bits that are green in the template -> brand purple */
.pk-body .mobile-nav-toggler { color: var(--pk-primary); }
.pk-body .scroll__top { background: var(--pk-primary); }
.pk-body .scroll__top:hover { background: var(--pk-primary-dark); }
.pk-body .ca-header-cart a { color: var(--tg-heading-color); }
.pk-body .ca-header-cart a:hover { color: var(--pk-primary); border-color: var(--pk-primary); }
.pk-body .ca-header-cart span { background: var(--pk-primary); }


/* ---------- payment methods (We Accept): light background + individual clean cards ---------- */
.pk-body .footer__cart-wrap-two {
    background: #eaf7f7 !important;
}
.pk-body .footer__cart-wrap-two .footer__cart-content .title {
    color: var(--tg-heading-color, #131415) !important;
}
.pk-body .payment-logos {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.pk-body .payment-logos img {
    background: #fff !important;
    border: 1px solid rgba(19, 20, 21, .08);
    border-radius: 10px;
    padding: 8px 16px;
    box-shadow: 0 2px 8px rgba(19, 20, 21, .06);
    height: 30px;
    width: auto;
    display: block;
}

.tgmobile__menu-backdrop {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

body.mobile-menu-visible header > div:not(.tgmobile__menu):not(.tgmobile__menu-backdrop),
body.mobile-menu-visible > main.main-area,
body.mobile-menu-visible > footer {
    filter: blur(6px);
    -webkit-filter: blur(6px);
    transition: filter 0.3s ease;
}
.tgmobile__menu-backdrop {
    background-color: rgba(0,0,0,0.35) !important;
}

.tgmobile__menu .close-btn i {
    color: #000000 !important;
}

.cpanel-icon-wrap {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.cpanel-logo-img {
    width: 140px !important;
    height: auto !important;
    max-width: none !important;
}

.cpanel-card, .cpanel-card:hover {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}
.cpanel-logo-img {
    width: 180px !important;
}

.tgmobile__menu-login {
    text-align: center;
    margin-bottom: 20px;
}
/* the PC mega menu makes these items static; on phones each +/- button must sit on its own row */
.tgmobile__menu .navigation li.tg-mega-menu-has-children {
    position: relative !important;   /* main.css sets static !important for the PC menu */
}

.tgmobile__menu-login a {
    text-transform: none !important;
}

.footer__bottom-menu .ca-soon,
.footer__widget .ca-soon {
    display: inline-block !important;
    background: var(--pk-primary);
    color: #fff !important;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    padding: 3px 8px;
    border-radius: 999px;
    margin-left: 0;
    vertical-align: middle;
    white-space: nowrap;
}
.footer__widget .footer__link .list-wrap li a:has(.ca-soon) {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}

.payment-logos img {
    width: 76px !important;
    height: 42px !important;
}

@media (max-width: 767px) {
    .footer__cart-content {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

.pricing__list .list-wrap li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 18px;
}
.pricing__list .list-wrap li {
    align-items: center;
}
.pricing__list .list-wrap li .pk-check-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}
.pk-pricing-featured {
    border: 2px solid var(--pk-primary) !important;
    position: relative;
}
.pk-pricing-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pk-primary);
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 999px;
    white-space: nowrap;
    z-index: 2;
}

.pricing-tab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 40px;
    cursor: pointer;
    user-select: none;
}
.pricing-tab-switcher {
    flex-shrink: 0;
}
.pricing-tab .tab-btn {
    font-weight: 600;
    font-size: 15px;
    color: #5f6168;
    transition: color 0.2s ease;
}
.pricing-tab .tab-btn.active {
    color: var(--pk-primary);
}
.pricing-tab .tab-btn strong {
    color: var(--pk-primary);
    font-weight: 600;
}
.pricing__price .annual_price {
    display: none;
}
.pricing__area.pk-yearly-active .pricing__price .monthly_price {
    display: none;
}
.pricing__area.pk-yearly-active .pricing__price .annual_price {
    display: block;
}

.pk-cpanel-logo-section {
    padding: 40px 0 0;
}
.pk-cpanel-logo-wrap {
    max-width: 280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBFBFB;
    border: 1px solid var(--tg-border-2);
    border-radius: 16px;
    padding: 28px 40px;
}
.pk-cpanel-logo-wrap .cpanel-logo-img {
    width: 160px;
    max-width: 100%;
}
.pricing__area .pricing__box,
.pricing__area .pricing__item-wrap .row > *:nth-child(2) .pricing__box,
.pricing__area .pricing__item-wrap .row > *:nth-child(3) .pricing__box {
    background: #fff;
}

.success__item-four.pk-teal-item {
    background: #66C6C9;
}

.features__area-nine .features__item-wrap-two .row > *:nth-child(2) .features__item-fourteen {
    background: #5FD1D6;
    border-color: #3DBFC5;
}
.features__area-nine .features__item-wrap-two .row > *:nth-child(2) .features__icon-four {
    background: #B2EBEE;
    border-color: #3DBFC5;
    color: #00646A;
}
.features__area-nine .features__item-wrap-two .row > *:nth-child(2) .text-overlay {
    -webkit-text-stroke: 1.5px #00646A;
}

/* ---------- FAQ: flat list style (no boxes, plus/minus icon) ---------- */
.faq__wrap-three .accordion-item {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: transparent !important;
}
.faq__wrap-three .accordion-item:last-of-type {
    border-bottom: none !important;
}
.faq__wrap-three .accordion-item.active {
    background: transparent !important;
}
.faq__wrap-three .accordion-button,
.faq__wrap-three .accordion-item.active .accordion-button {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 22px 44px 22px 0 !important;
    font-size: 19px;
    font-weight: 400;
    color: var(--tg-heading-color);
}
@media (min-width: 992px) {
    .faq__wrap-three .accordion-button,
    .faq__wrap-three .accordion-item.active .accordion-button {
        padding: 30px 50px 30px 0 !important;
        font-size: 20px;
    }
    .faq__wrap-three .accordion-body {
        padding: 0 50px 30px 0;
        font-size: 17px;
    }
}
.faq__wrap-three .accordion-button span {
    display: none;
}
.faq__wrap-three .accordion-button::before {
    display: none !important;
}
.faq__wrap-three .accordion-button .accordion-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    font-size: 15px;
    color: var(--tg-heading-color);
    transition: transform 0.2s ease;
}
.faq__wrap-three .accordion-button:not(.collapsed) .accordion-icon {
    transform: translateY(-50%) rotate(180deg);
}
.faq__wrap-three .accordion-body {
    padding: 0 0 22px;
    color: var(--tg-body-color);
}

/* ---------- pricing cards: plan name + price on same row ---------- */
.pricing__plan-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 2px;
    line-height: 1;
}
.pricing__plan-row .title {
    margin-bottom: 0;
    font-size: 28px !important;
    white-space: nowrap;
    flex-shrink: 0;
}
.pricing__plan-row .pricing__price {
    text-align: right;
    flex-shrink: 0;
}
.pricing__plan-row .pricing__price h2.price {
    font-size: 34px;
    margin-bottom: 0;
    white-space: nowrap;
}
.pricing__plan p {
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .pricing__plan-row .title {
        font-size: 19px !important;
    }
    .pricing__plan-row .pricing__price h2.price {
        font-size: 18px;
    }
    .pricing__plan p {
        font-size: 15px;
        margin-top: 4px;
    }
}

.pk-footer-payment-row {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(0,0,0,0.08);
}
.pk-footer-payment-row .footer__cart-content .title {
    color: var(--tg-heading-color) !important;
}

.faq__area-two .section__title {
    margin-bottom: 50px !important;
}

.footer__area.footer__area-two {
    background: linear-gradient(135deg, #f4f4f5 0%, #d6d8dc 100%) !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.footer__area-two .footer__top-two,
.footer__area-two .footer__bottom-two {
    background: transparent !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.footer__area-two .footer__top-inner-two {
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .footer__bottom-two .copy-right-text {
        text-align: left;
        padding-left: 80px;
    }
}

.tgmenu__main-menu li.menu-item-has-children > a::after {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    background: none !important;
    transform: rotate(45deg) !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -2px !important;
    font-family: inherit !important;
}

.pk-breadcrumb .pk-crumbs {
    display: none !important;
}

/* pk-footer-hover-fix: no hover arrow glyph on footer links (icon font glyph showed as unsupported symbol) */
.footer__widget-two .footer__link .list-wrap li a::before {
    content: none !important;
    display: none !important;
}

/* pk-footer-no-slide: footer links stay still on hover (no slide animation) */
.footer__widget-two .footer__link .list-wrap li a,
.footer__widget-two .footer__link .list-wrap li a:hover {
    transform: none !important;
    transition: none !important;
}

/* pk-store-pricing: cPanel product page pricing cards sit in a narrow column, so keep text inside the cards */
.products .pricing__area .pricing__plan-row { flex-wrap: wrap !important; }
.products .pricing__area .pricing__price h2.price { font-size: 26px !important; white-space: nowrap; }
.products .pricing__area .pricing__price h2.price span { font-size: 15px; }
.products .pricing__area .pricing__plan .title { font-size: 22px !important; }
.products .pricing__area .pricing__plan p { font-size: 16px !important; }
.products .pricing__area .pricing__box { padding: 24px 20px; }
.products .pricing__area .pricing__list .list-wrap li { font-size: 15px !important; gap: 8px; margin-bottom: 10px; }
.products .pricing__area .pk-check-icon { width: 22px; height: 22px; }

/* pk-tld-filter-contrast: domain pricing category pills were grey with teal text; use light teal with dark teal text */
.tld-filters a.badge {
    background-color: #e0f5f5 !important;
    color: #007379 !important;
    border: 1px solid #0f766e;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
}
.tld-filters a.badge:hover {
    background-color: #0f766e !important;
    color: #fff !important;
}

/* pk-client-cards: Recent Support Tickets and Register a New Domain cards have no teal top highlight; the four stat tiles get a teal outline */
#ticketsPanel,
#registerDomainPanel {
    border-top: 0.8px solid #eef2f6 !important;
}
a.tile {
    outline: 2px solid #0f766e !important;
    outline-offset: -2px;
}

/* pk-why-tabs: "Why choose us" three cards sit in one even row, tick inline with the heading, same background */
.success__area-two .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.success__area-two .nav-tabs .nav-item {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
}
.success__area-two .nav-tabs .nav-link {
    width: 100%;
    background: transparent;
    border-top: none;
    border-radius: 0;
}
.success__area-two .nav-tabs .nav-link.active {
    background: transparent;
    border-top: none;
}
.success__area-two .nav-tabs .pk-verified {
    display: inline-block;
    vertical-align: -4px;
    width: 22px;
    height: 22px;
    margin-right: 8px;
}
.success__area-two .nav-tabs strong.title {
    display: inline;
}

/* pk-pricing-list-height: the theme capped feature lists at 340px with overflow hidden, which cut off rows; let them show fully */
.pricing__area .pricing__list {
    height: auto !important;
    overflow: visible !important;
}

/* pk-hero-spacing: tighter hero on the homepage (less empty space above and below, smaller illustration) */
.banner__area-three {
    padding-top: 90px !important;
    padding-bottom: 30px !important;
}
.banner__area-three .banner__img-wrap-three img {
    height: 400px !important;
    width: auto !important;
    max-width: 100%;
}

/* pk-why-cta: the "Book a Call" button in the Why choose us section was white on white; use the teal button style */
.success__area-two .tg-btn-five {
    background: #0f766e !important;
    color: #fff !important;
    border-color: #0f766e !important;
}

/* pk-pill-toggle: Monthly / Yearly as a pill switch; the highlight slides to the selected option */
.pricing__area .pricing-tab {
    position: relative;
    display: flex;
    width: 380px;
    max-width: 92%;
    margin: 40px auto 48px;
    padding: 4px;
    background: #eef2f6;
    border-radius: 999px;
    box-sizing: border-box;
    zoom: 1;
}
.pricing__area .pricing-tab .tab-btn {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    text-align: center;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 600;
    color: #4b5563;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    transition: color .35s ease;
}
.pricing__area .pricing-tab .tab-btn.active {
    color: #fff;
}
.pricing__area .pricing-tab .tab-btn strong {
    font-weight: 600;
}
.pricing__area .pricing-tab-switcher {
    display: none !important;
}
.pricing__area .pricing-tab::after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: calc(50% - 4px);
    background: #0f766e;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(0, 151, 157, .35);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}
.pricing__area.pk-yearly-active .pricing-tab::after {
    transform: translateX(100%);
}

/* pk-save-badge: "(save 20%)" stays readable on the selected pill; the switch is a little wider */
.pricing__area .pricing-tab {
    width: 440px;
}
.pricing__area .pricing-tab .tab-btn {
    white-space: nowrap;
}
.pricing__area .pricing-tab .tab-btn.active strong {
    color: #fff;
    background: rgba(255, 255, 255, .22);
    font-size: 14px;
    padding: 1px 8px;
    border-radius: 999px;
    margin-left: 4px;
}

/* pk-pricing-outline: dark grey outline around the pricing cards for better visibility */
.pricing__area .pricing__box {
    border: 1.5px solid #374151 !important;
}

/* pk-pill-phone: Monthly / Yearly pill fits phone screens; smaller text, full width */
@media (max-width: 575px) {
    .pricing__area .pricing-tab {
        width: 100%;
        max-width: 100%;
    }
    .pricing__area .pricing-tab .tab-btn {
        padding: 9px 6px;
        font-size: 14px;
    }
    .pricing__area .pricing-tab .tab-btn.active strong {
        font-size: 11px;
        padding: 1px 6px;
        margin-left: 3px;
    }
}

/* pk-price-align: price sits on the same line as the plan name (the price block had a 32px bottom margin) */
.pricing__area .pricing__plan-row .pricing__price {
    margin-bottom: 0 !important;
}

/* pk-pricing-page-top: space between the header and the cPanel pricing cards on the Pricing page */
.pk-pricing-page .pricing__area {
    padding-top: 120px;
}

/* pk-selection-color: text selection uses the brand dark teal instead of green */
::selection {
    background: #007379 !important;
    color: #fff !important;
}
::-moz-selection {
    background: #007379 !important;
    color: #fff !important;
}

/* pk-button-hover: button hover and focus use the brand dark teal (#007379), not the theme purple */
[class*="tg-btn"]:hover,
[class*="tg-btn"]:focus,
.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #007379 !important;
    background-color: #007379 !important;
    border-color: #007379 !important;
    color: #fff !important;
    box-shadow: none !important;
}
[class*="tg-btn"]:hover::before,
[class*="tg-btn"]:hover::after,
[class*="tg-btn"]:focus::before,
[class*="tg-btn"]:focus::after {
    background: #007379 !important;
    background-color: #007379 !important;
}

/* pk-faq-toggle: FAQ shows plus when closed and minus when open; several answers can be open at once */
.accordion-icon.pk-faq-toggle {
    width: 14px;
    height: 14px;
    transform: translateY(-50%) !important;
}
.accordion-icon.pk-faq-toggle::before,
.accordion-icon.pk-faq-toggle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: #007379;
    transition: transform .3s ease, opacity .3s ease;
}
.accordion-icon.pk-faq-toggle::before {
    transform: translateY(-50%);
}
.accordion-icon.pk-faq-toggle::after {
    transform: translateY(-50%) rotate(90deg);
}
.accordion-button:not(.collapsed) .accordion-icon.pk-faq-toggle::after {
    opacity: 0;
}

/* pk-faq-display: the plus / minus icon was hidden by a theme rule on accordion buttons */
.accordion-button .accordion-icon.pk-faq-toggle {
    display: block !important;
    position: absolute !important;
    right: 0;
    top: 50%;
    width: 14px;
    height: 14px;
}

/* pk-footer-type: larger footer text with a clean system font */
.footer__area,
.footer__area .footer__content p,
.footer__area .footer__link .list-wrap li a,
.footer__area .footer__link .list-wrap li span,
.footer__area .footer__widget-title,
.footer__area .copy-right-text p {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.footer__area .footer__content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}
.footer__area .footer__link .list-wrap li a {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
.footer__area .footer__widget-title {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.footer__area .copy-right-text p {
    font-size: 15px !important;
}

/* pk-dark-theme: theme toggle button and dark colours (applied when html has data-theme="dark") */
.pk-theme-li {
    list-style: none;
}
.pk-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    background: transparent;
    color: #1f2933;
    cursor: pointer;
}
.pk-theme-toggle:hover {
    border-color: #0f766e;
    color: #0f766e;
}
.pk-icon-sun { display: none; }
.pk-icon-moon { display: block; }
html[data-theme="dark"] .pk-icon-sun { display: block; }
html[data-theme="dark"] .pk-icon-moon { display: none; }
html[data-theme="dark"] .pk-theme-toggle { color: #e5e7eb; border-color: #6e737d; }

html[data-theme="dark"] body {
    background: #3e424a !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] header,
html[data-theme="dark"] .header-area,
html[data-theme="dark"] #sticky-header,
html[data-theme="dark"] .sticky-menu,
html[data-theme="dark"] .tgmobile__menu,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .tgmenu__wrap {
    background: #3e424a !important;
    color: #e5e7eb !important;
}
html[data-theme="dark"] .tgmenu__main-menu > ul > li > a,
html[data-theme="dark"] .tgmenu__main-menu li a {
    color: #e5e7eb !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .title {
    color: #f8fafc !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label {
    color: #cbd5e1;
}
html[data-theme="dark"] section:not(.banner__area-three):not(.banner__area):not(.breadcrumb__area),
html[data-theme="dark"] .card,
html[data-theme="dark"] .pricing__box,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .home-domain-search,
html[data-theme="dark"] .faq__wrap,
html[data-theme="dark"] .faq__inner-wrap-two {
    background-color: #4b505a !important;
    border-color: #666b76 !important;
}
html[data-theme="dark"] .accordion-button {
    color: #f8fafc !important;
}
html[data-theme="dark"] .pricing__area .pricing-tab {
    background: #585c66 !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #545861 !important;
    color: #e5e7eb !important;
    border-color: #6e737d !important;
}
html[data-theme="dark"] .footer__area,
html[data-theme="dark"] .footer__area-two,
html[data-theme="dark"] .footer__top-two,
html[data-theme="dark"] .footer__bottom-two {
    background: #383c44 !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .footer__widget-title,
html[data-theme="dark"] .footer__area a {
    color: #e5e7eb !important;
}
html[data-theme="dark"] .pk-footer-payment-row {
    border-top-color: rgba(255, 255, 255, .08) !important;
}

/* pk-dark-theme-2: dark theme fixes for the hero, header links, logo, and cart icon */
html[data-theme="dark"] .banner__area-three,
html[data-theme="dark"] .banner__area {
    background: #3e424a !important;
}
html[data-theme="dark"] header a,
html[data-theme="dark"] .navbar a,
html[data-theme="dark"] .tgmenu__main-menu a,
html[data-theme="dark"] .tgmenu__wrap a {
    color: #e5e7eb !important;
}
html[data-theme="dark"] .ca-header-cart a,
html[data-theme="dark"] .ca-header-cart i {
    color: #e5e7eb !important;
    background: #4b505a !important;
    border-color: #6e737d !important;
}
html[data-theme="dark"] header img[src*="logo"],
html[data-theme="dark"] .logo img {
    filter: brightness(0) invert(1);
}

/* pk-dark-theme-3: dark theme readability: pastel panels keep dark text, grey card text lightens, Yearly tab and domain search fixed */
html[data-theme="dark"] .success__item-four .title,
html[data-theme="dark"] .success__item-four .success__content-four p {
    color: #0b1220 !important;
}
html[data-theme="dark"] .features__item-fourteen .text-overlay {
    color: #0b1220 !important;
}
html[data-theme="dark"] .features__item-wrap-two p,
html[data-theme="dark"] .features__item-wrap-two span:not(.text-overlay) {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .home-domain-search .p-5,
html[data-theme="dark"] .home-domain-search .clearfix {
    background-color: transparent !important;
}
html[data-theme="dark"] .pricing__area .pricing-tab .tab-btn {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .pricing__area .pricing-tab .tab-btn.active {
    color: #fff !important;
}

/* pk-dark-theme-4: dark theme text on pastel panels, Why choose us tabs, accordion, Help menu, Login button, footer */
html[data-theme="dark"] .features__item-fourteen .title,
html[data-theme="dark"] .features__item-fourteen p,
html[data-theme="dark"] .features__item-fourteen span,
html[data-theme="dark"] .features__item-fourteen li {
    color: #0b1220 !important;
}
html[data-theme="dark"] .features__item-fourteen .text-overlay {
    color: #0b1220 !important;
}
html[data-theme="dark"] .success__tab-wrap .nav-link,
html[data-theme="dark"] .success__tab-wrap .nav-link span {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .success__tab-wrap .nav-link strong,
html[data-theme="dark"] .success__tab-wrap .nav-link .title {
    color: #f8fafc !important;
}
html[data-theme="dark"] .accordion-body p {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .dropdown-toggle {
    color: #e5e7eb !important;
}
html[data-theme="dark"] .tg-btn-two {
    color: #fff !important;
}
html[data-theme="dark"] .footer__area {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .footer__cart-content .title {
    color: #e5e7eb !important;
}

/* pk-dark-theme-5: higher-priority dark theme fixes for the Login button and the pastel panel text */
html[data-theme="dark"] header a.tg-btn-two,
html[data-theme="dark"] header .tg-btn-two,
html[data-theme="dark"] .tgmenu__action .tg-btn-two {
    color: #fff !important;
}
html[data-theme="dark"] .features__item-wrap-two .features__item-fourteen .title,
html[data-theme="dark"] .features__item-wrap-two .features__item-fourteen p,
html[data-theme="dark"] .features__item-wrap-two .features__item-fourteen span,
html[data-theme="dark"] .features__item-wrap-two .features__item-fourteen li {
    color: #0b1220 !important;
}

/* pk-dark-theme-6: footer copyright and brand text readable in dark theme */
html[data-theme="dark"] .footer__area .copy-right-text p,
html[data-theme="dark"] .footer__area .copy-right-text span {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .footer__area .footer__content p strong,
html[data-theme="dark"] .footer__area .footer__logo + p,
html[data-theme="dark"] .footer__area .footer__content strong {
    color: #e5e7eb !important;
}

/* pk-theme-switch-smooth: colours fade smoothly while switching between light and dark (class added briefly by pikachu.js) */
html.pk-theme-switching *,
html.pk-theme-switching *::before,
html.pk-theme-switching *::after {
    transition: background-color .45s ease, color .45s ease, border-color .45s ease, fill .45s ease, stroke .45s ease !important;
}

/* pk-circle-reveal: the theme switch uses a circular reveal from the toggle button; no default cross-fade */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}
::view-transition-old(root) {
    z-index: 1;
}
::view-transition-new(root) {
    z-index: 2;
}

/* pk-theme-icons: sun and moon icons in the theme toggle */
.pk-theme-toggle .pk-icon-moon,
.pk-theme-toggle .pk-icon-sun {
    font-size: 16px;
    line-height: 1;
}

/* pk-theme-icon-display: show only the moon in light mode and only the sun in dark mode */
.pk-theme-toggle .pk-icon-sun {
    display: none !important;
}
.pk-theme-toggle .pk-icon-moon {
    display: inline-block !important;
}
html[data-theme="dark"] .pk-theme-toggle .pk-icon-sun {
    display: inline-block !important;
}
html[data-theme="dark"] .pk-theme-toggle .pk-icon-moon {
    display: none !important;
}

/* pk-dark-client: dark theme for the client area (cards, sidebar, lists, labels, header buttons, breadcrumb band) */
html[data-theme="dark"] .card-header {
    background-color: #4b505a !important;
    border-color: #666b76 !important;
}
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .card-header .card-title {
    color: #f8fafc !important;
}
html[data-theme="dark"] .breadcrumb__area,
html[data-theme="dark"] .breadcrumb__area-two,
html[data-theme="dark"] .breadcrumb__area-three {
    background-color: #3e424a !important;
    background-image: none !important;
}
html[data-theme="dark"] .breadcrumb__content .title {
    color: #f8fafc !important;
}
html[data-theme="dark"] .sidebar-menu-item-label,
html[data-theme="dark"] .sidebar-menu-item-wrapper a {
    color: #e5e7eb !important;
}
html[data-theme="dark"] .list-group-item {
    color: #cbd5e1 !important;
    background-color: #4b505a !important;
    border-color: #666b76 !important;
}
html[data-theme="dark"] .float-right .btn-default,
html[data-theme="dark"] .card-header .btn {
    background-color: #0f766e !important;
    border-color: #0f766e !important;
    color: #fff !important;
}
html[data-theme="dark"] .label-placeholder {
    background-color: #6b7280 !important;
    color: #fff !important;
}
html[data-theme="dark"] .label-success {
    background-color: #15803d !important;
    color: #fff !important;
}

/* pk-dark-client-2: client area navigation band and stat tiles in dark theme */
html[data-theme="dark"] .pk-subnav,
html[data-theme="dark"] .navbar.pk-subnav {
    background-color: #3e424a !important;
}
html[data-theme="dark"] .tile .stat {
    color: #f8fafc !important;
}
html[data-theme="dark"] .tile .title {
    color: #cbd5e1 !important;
}

/* pk-chat-button-case: keep the Chat with Support button text as written (no capitalising of each word) */
.header-dropdown-questions-inner .phone,
.header-dropdown-questions-inner .mail {
    text-transform: none !important;
}

/* pk-chat-button-text: white text on the Chat with Support and Email your Query buttons in the Help dropdown */
.header-dropdown-questions-inner .phone,
.header-dropdown-questions-inner .mail {
    color: #fff !important;
}

/* pk-chat-button-gap: tighter spacing between Chat with Support and Email your Query in the Help dropdown */
.header-dropdown-questions-inner {
    gap: 8px;
}
.header-dropdown-questions-inner .phone,
.header-dropdown-questions-inner .mail {
    margin: 0 !important;
}

/* pk-help-popup-size: compact Help popup with a single frame around Chat with Support and Email your Query */
.header-dropdown-wrap .dropdown-menu {
    width: 300px !important;
    min-width: 300px !important;
    padding: 14px !important;
}
.header-dropdown-wrap .dropdown-menu .header-dropdown-questions {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.header-dropdown-questions-inner {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* pk-cart-link-color: the Cart link in the header uses the same colour as the other header links */
.header-cart-text a {
    color: #131415 !important;
}

/* pk-quick-links-style: row of main section buttons under the homepage hero */
.pk-quick-links {
    padding: 28px 0 12px;
}
.pk-quick-links-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.pk-quick-links-row .tg-btn {
    min-width: 160px;
    text-align: center;
}

/* Logo, pictures and icons: can't be selected, dragged out, or long-pressed to save (links on them still work) */
img, svg, picture, video, .logo, #pkBotSticker {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

/* PC footer: link names like "cPanel Web Hosting" stay on one line (the Hosting column is pushed 40px right by the theme) */
@media (min-width: 992px) {
    .footer__widget .footer__link .list-wrap li a { white-space: nowrap; }
}

/* fix20261028-contrast + footer wrap */
.pk-body .tg-btn, .pk-body .tg-btn-two { background-color: #0f766e !important; border-color: #0f766e !important; }
.footer__area-two .footer__top-inner-two { display: flex; flex-wrap: wrap; gap: 24px 16px; }
@media (max-width: 1400px) {
  .footer__area-two .col-xl-3, .footer__area-two .col-lg-3, .footer__area-two .col-md-6 { flex: 1 1 220px; max-width: 100%; }
}


/* fix20261028-footer-gap: stop columns overlapping on mid-width desktops */
.footer__area-two .footer__top-inner-two {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 24px;
  align-items: flex-start;
}
.footer__area-two .footer__top-inner-two > [class*="col-"] {
  flex: 1 1 200px;
  max-width: 100%;
  min-width: 0;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .footer__widget .footer__link .list-wrap li a { white-space: normal; }
  .footer__area-two .footer__top-inner-two > [class*="col-"] { flex: 1 1 22%; }
}
.pk-footer-payment-row { clear: both; margin-top: 28px; }