/*
 * KSA client area skin (2026-11-10): member menu + dashboard + list pages
 * (services, domains, invoices, tickets, network status).
 * Colours only / decoration only - no element is hidden or moved.
 * Tones are set per menu item by includes/shuffythemenavbar.tpl (data-ksa-tone).
 */
[data-ksa-tone="violet"] { --t1: #8b5cf6; --t2: #c084fc; }
[data-ksa-tone="blue"]   { --t1: #2563eb; --t2: #38bdf8; }
[data-ksa-tone="teal"]   { --t1: #0d9488; --t2: #2dd4bf; }
[data-ksa-tone="amber"]  { --t1: #d97706; --t2: #fbbf24; }
[data-ksa-tone="rose"]   { --t1: #e11d48; --t2: #fb7185; }
[data-ksa-tone="pink"]   { --t1: #db2777; --t2: #f472b6; }
[data-ksa-tone="green"]  { --t1: #059669; --t2: #34d399; }
[data-ksa-tone="indigo"] { --t1: #4f46e5; --t2: #818cf8; }
[data-ksa-tone="gold"]   { --t1: #b45309; --t2: #facc15; }
[data-ksa-tone="cyan"]   { --t1: #0891b2; --t2: #67e8f9; }

/* =====================================================================
   1. MEMBER MENU (main sidebar)
   ===================================================================== */
body.dark__sidebar__color .sidebar__container {
    background:
        radial-gradient(120% 40% at 50% 0%, rgba(139, 92, 246, .28), transparent 60%),
        radial-gradient(90% 30% at 0% 100%, rgba(56, 189, 248, .14), transparent 70%),
        linear-gradient(180deg, #1d1530 0%, #171126 55%, #120d1e 100%);
}
/* icon tiles */
.sidebar .sidebar__item[data-ksa-tone] .side__bar__item__icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    --fa-secondary-opacity: .45;
    color: #fff !important;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--t1), var(--t2)) !important;
    box-shadow: 0 6px 16px -6px var(--t1), inset 0 1px 0 rgba(255, 255, 255, .25);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, filter .3s ease;
    filter: saturate(.85) brightness(.92);
}
.sidebar .sidebar__item[data-ksa-tone]:hover .side__bar__item__icon,
.sidebar .sidebar__item[data-ksa-tone].ksa-current .side__bar__item__icon {
    filter: none;
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 10px 22px -6px var(--t1), 0 0 0 3px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.sidebar .sidebar__item[data-ksa-tone] .side__bar__item__text { transition: color .25s ease, letter-spacing .25s ease; }
.sidebar .sidebar__item[data-ksa-tone]:hover .side__bar__item__text,
.sidebar .sidebar__item[data-ksa-tone].ksa-current .side__bar__item__text { color: #fff !important; }

/* current page indicator */
/* (no position change on .sidebar__item itself: the flyout panel is positioned against the sidebar) */
.sidebar a.sidebar__item.ksa-current,
.sidebar .sidebar__item.ksa-current > .sidebar__top > .sidebar__head { position: relative; }
.sidebar .sidebar__item.ksa-current > .sidebar__top,
.sidebar a.sidebar__item.ksa-current {
    background: linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .09));
    border-radius: 14px;
}
.sidebar a.sidebar__item.ksa-current::before,
.sidebar .sidebar__item.ksa-current > .sidebar__top > .sidebar__head::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    width: 4px;
    height: 26px;
    margin-top: -13px;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--t2, #c084fc), var(--t1, #8b5cf6));
    box-shadow: 0 0 12px var(--t1, #8b5cf6);
    z-index: 2;
}

/* badges on menu items */
.sidebar .side__bar__item__icon__badge,
.sidebar .childitem__side__bar__item__icon__badge {
    background: linear-gradient(135deg, #f43f5e, #fb923c) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px -3px rgba(244, 63, 94, .7);
    animation: ksaCaBadge 2.4s ease-in-out infinite;
}
@keyframes ksaCaBadge { 50% { transform: scale(1.12); } }

/* flyout panel */
.sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body {
    background: linear-gradient(180deg, #ffffff 0%, #fbf9fe 100%) !important;
    border-inline-start: 1px solid rgba(139, 92, 246, .12) !important;
    box-shadow: 30px 0 60px -30px rgba(40, 20, 70, .35) !important;
}
.sidebar .sidebar__item[data-ksa-tone] .sidebar__dropdown__title {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    color: #1f1530 !important;
    padding-bottom: 14px;
    margin-bottom: 12px;
    border-bottom: 1px dashed rgba(139, 92, 246, .2);
}
.sidebar .sidebar__item[data-ksa-tone] .sidebar__dropdown__title i {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    --fa-secondary-opacity: .45;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #fff;
    font-size: 15px;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    box-shadow: 0 8px 18px -8px var(--t1);
}
.sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link {
    display: flex !important;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    border: 1px solid transparent;
    color: #4b5563 !important;
    font-weight: 600;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease, color .2s ease;
}
.sidebar .sidebar__item[data-ksa-tone] .ksa-nav-child-icon {
    --fa-primary-color: var(--t1);
    --fa-secondary-color: var(--t2);
    --fa-secondary-opacity: .55;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 13px;
    color: var(--t1);
    background: color-mix(in srgb, var(--t1) 10%, #fff);
    transition: transform .25s cubic-bezier(.2, .7, .2, 1), background-color .2s ease;
}
.sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link:hover,
.sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link.ksa-current {
    color: var(--t1) !important;
    background: color-mix(in srgb, var(--t1) 6%, #fff) !important;
    border-color: color-mix(in srgb, var(--t1) 18%, #fff);
    transform: translateX(-3px);
}
.ltr .sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link:hover { transform: translateX(3px); }
.sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link:hover .ksa-nav-child-icon,
.sidebar .sidebar__item[data-ksa-tone] .sidebar__body .sidebar__link.ksa-current .ksa-nav-child-icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    color: #fff;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    transform: rotate(-8deg) scale(1.05);
}
.ksa-nav-divider {
    display: block;
    height: 1px;
    margin: 6px 8px 12px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, .25), transparent);
}

/* logout */
.sidebar .sidebar__logout .side__bar__item__icon {
    color: #fff !important;
    border-radius: 13px;
    background: linear-gradient(135deg, #475569, #64748b) !important;
}
.sidebar .sidebar__logout:hover .side__bar__item__icon {
    background: linear-gradient(135deg, #e11d48, #fb7185) !important;
    box-shadow: 0 8px 18px -6px #e11d48;
}

/* =====================================================================
   2. PAGE HEADER (title + breadcrumb) on client pages
   ===================================================================== */
.ksa-ca .not__shoppingcart__page__header {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(60% 120% at 100% 0%, rgba(139, 92, 246, .16), transparent 60%),
        radial-gradient(50% 120% at 0% 100%, rgba(56, 189, 248, .12), transparent 60%),
        linear-gradient(135deg, #faf7ff, #f3f7ff) !important;
    border-bottom: 1px solid rgba(139, 92, 246, .1);
}
.ksa-ca .not__shoppingcart__page__header > .main__page__content { display: flow-root; padding-top: 18px; padding-bottom: 16px; }
.ksa-ca-page-icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    --fa-secondary-opacity: .45;
    float: right;
    margin-inline-end: 16px;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #fff;
    background: linear-gradient(135deg, var(--t1, #8b5cf6), var(--t2, #c084fc));
    box-shadow: 0 14px 28px -12px var(--t1, #8b5cf6), inset 0 1px 0 rgba(255, 255, 255, .3);
    animation: ksaCaFloat 5s ease-in-out infinite;
}
.ltr .ksa-ca-page-icon, [dir="ltr"] .ksa-ca-page-icon { float: left; }
@keyframes ksaCaFloat { 50% { transform: translateY(-4px) rotate(-3deg); } }
.ksa-ca .not__shoppingcart__page__header h6 {
    font-weight: 800 !important;
    background: linear-gradient(90deg, #1f1530, var(--t1, #8b5cf6));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.ksa-ca .not__shoppingcart__page__header::after {
    /* decorative rings */
    content: '';
    position: absolute;
    inset-inline-end: -60px;
    top: -80px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 36px solid rgba(139, 92, 246, .06);
    z-index: -1;
}

/* =====================================================================
   3. DASHBOARD
   ===================================================================== */
/* stat tiles */
.client__area__proforomance__box {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(139, 92, 246, .1) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px -20px rgba(40, 20, 70, .35);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.client__area__proforomance__box::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--t1), var(--t2));
}
.client__area__proforomance__box::after {
    content: '';
    position: absolute;
    inset-inline-end: -40px;
    bottom: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--t1) 16%, transparent), transparent 70%);
    pointer-events: none;
}
a.client__area__proforomance__box:hover, .client__area__proforomance__box:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--t1) 35%, #fff) !important;
    box-shadow: 0 22px 40px -22px var(--t1);
}
.client__area__proforomance__box__icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    --fa-secondary-opacity: .5;
    width: 48px;
    height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 20px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--t1), var(--t2)) !important;
    box-shadow: 0 10px 20px -10px var(--t1);
    transition: transform .35s cubic-bezier(.2, .7, .2, 1);
}
.client__area__proforomance__box:hover .client__area__proforomance__box__icon { transform: rotate(-8deg) scale(1.08); }
.client__area__proforomance__box .coodiv-text-3 {
    font-weight: 800 !important;
    color: var(--t1) !important;
}
.row > [class*="col"]:nth-child(6n+1) > .client__area__proforomance__box { --t1: #8b5cf6; --t2: #c084fc; }
.row > [class*="col"]:nth-child(6n+2) > .client__area__proforomance__box { --t1: #2563eb; --t2: #38bdf8; }
.row > [class*="col"]:nth-child(6n+3) > .client__area__proforomance__box { --t1: #0d9488; --t2: #2dd4bf; }
.row > [class*="col"]:nth-child(6n+4) > .client__area__proforomance__box { --t1: #d97706; --t2: #fbbf24; }
.row > [class*="col"]:nth-child(6n+5) > .client__area__proforomance__box { --t1: #e11d48; --t2: #fb7185; }
.row > [class*="col"]:nth-child(6n+6) > .client__area__proforomance__box { --t1: #059669; --t2: #34d399; }
.client__area__proforomance__box { --t1: #8b5cf6; --t2: #c084fc; }

/* balance / invoices boxes in the profile card */
.client__area__profile__static__box {
    border: 0 !important;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7f3ff, #eef6ff);
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .12);
    transition: transform .25s ease, box-shadow .25s ease;
}
.client__area__profile__static__box:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .3), 0 14px 26px -18px #8b5cf6; }
.client__area__profile__static__box h6 { color: #4c1d95; }

/* overview tabs */
.default__coodiv__row__nav {
    gap: 6px;
    flex-wrap: wrap;
}
.default__coodiv__row__nav .nav-item .nav-link {
    border-radius: 999px !important;
    padding: 8px 16px !important;
    font-weight: 700;
    transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.default__coodiv__row__nav .nav-item .nav-link:hover { background: rgba(139, 92, 246, .08); color: #6d28d9 !important; transform: translateY(-1px); }
.default__coodiv__row__nav .nav-item.active .nav-link {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    box-shadow: 0 10px 20px -10px #7c3aed;
}
.default__coodiv__row__nav .nav-item.active .nav-link::after { display: none !important; }
.default__coodiv__row__nav .nav-item.active .label { background: rgba(255, 255, 255, .25) !important; color: #fff !important; }

/* =====================================================================
   4. LIST PAGES: services / domains / invoices / tickets / status
   ===================================================================== */
.ksa-ca .table-list {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
.ksa-ca .table-list thead th {
    border: 0 !important;
    background: transparent !important;
    color: #6b7280 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.ksa-ca .table-list tbody tr {
    background: #fff;
    box-shadow: 0 1px 0 rgba(17, 24, 39, .04), 0 8px 24px -18px rgba(40, 20, 70, .35);
    transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s ease;
}
.ksa-ca .table-list tbody td {
    border-top: 1px solid rgba(139, 92, 246, .08) !important;
    border-bottom: 1px solid rgba(139, 92, 246, .08) !important;
    background: transparent !important;
    vertical-align: middle !important;
}
.ksa-ca .table-list tbody td:first-child {
    border-inline-start: 1px solid rgba(139, 92, 246, .08) !important;
    border-start-start-radius: 14px;
    border-end-start-radius: 14px;
    box-shadow: inset -4px 0 0 var(--ksa-row, transparent);
}
.ltr .ksa-ca .table-list tbody td:first-child { box-shadow: inset 4px 0 0 var(--ksa-row, transparent); }
.ksa-ca .table-list tbody td:last-child {
    border-inline-end: 1px solid rgba(139, 92, 246, .08) !important;
    border-start-end-radius: 14px;
    border-end-end-radius: 14px;
}
.ksa-ca .table-list tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 32px -20px rgba(109, 40, 217, .45);
    --ksa-row: #8b5cf6;
}
.ksa-ca .table-list tbody tr[onclick] { cursor: pointer; }
.ksa-ca .table-list tbody tr.ksa-row-ok      { --ksa-row: #10b981; }
.ksa-ca .table-list tbody tr.ksa-row-warn    { --ksa-row: #f59e0b; }
.ksa-ca .table-list tbody tr.ksa-row-bad     { --ksa-row: #ef4444; }
.ksa-ca .table-list tbody tr.ksa-row-muted   { --ksa-row: #9ca3af; }
.ksa-ca .table-list tbody tr.ksa-row-info    { --ksa-row: #3b82f6; }

/* row lead icon injected by JS */
.ksa-ca-row-icon {
    --fa-primary-color: var(--t1);
    --fa-secondary-color: var(--t2);
    --fa-secondary-opacity: .5;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 16px;
    margin-inline-end: 12px;
    vertical-align: middle;
    background: color-mix(in srgb, var(--t1) 11%, #fff);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), background-color .3s ease;
}
.ksa-ca .table-list tbody tr:hover .ksa-ca-row-icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    transform: rotate(-8deg) scale(1.06);
}
.ksa-ca-row-lead { display: inline-flex; align-items: center; }

/* status pills */
.ksa-ca .label.status, .ksa-ca .coodiv__status, .ksa-ca .table-list .label {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1.4;
}
.ksa-ca .label.status::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}
.ksa-ca .status-active, .ksa-ca .status-paid, .ksa-ca .status-open, .ksa-ca .status-completed {
    color: #047857 !important; background: #d1fae5 !important;
}
.ksa-ca .status-active::before, .ksa-ca .status-open::before { animation: ksaCaPulse 1.8s ease-out infinite; }
@keyframes ksaCaPulse {
    0%   { box-shadow: 0 0 0 0 rgba(16, 185, 129, .55); }
    100% { box-shadow: 0 0 0 7px rgba(16, 185, 129, 0); }
}
.ksa-ca .status-pending, .ksa-ca .status-unpaid, .ksa-ca .status-pending-transfer, .ksa-ca .status-customer-reply, .ksa-ca .status-payment-pending {
    color: #b45309 !important; background: #fef3c7 !important;
}
.ksa-ca .status-suspended, .ksa-ca .status-overdue, .ksa-ca .status-expired, .ksa-ca .status-fraud, .ksa-ca .status-collections {
    color: #b91c1c !important; background: #fee2e2 !important;
}
.ksa-ca .status-terminated, .ksa-ca .status-cancelled, .ksa-ca .status-closed, .ksa-ca .status-refunded, .ksa-ca .status-transferred-away, .ksa-ca .status-draft {
    color: #4b5563 !important; background: #f3f4f6 !important;
}
.ksa-ca .status-answered, .ksa-ca .status-in-progress, .ksa-ca .status-on-hold {
    color: #1d4ed8 !important; background: #dbeafe !important;
}

/* DataTables controls */
.ksa-ca .dataTables_wrapper .dataTables_filter input,
.ksa-ca .dataTables_wrapper .dataTables_length select {
    border-radius: 12px !important;
    border: 1px solid rgba(139, 92, 246, .2) !important;
    padding: 6px 12px !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ksa-ca .dataTables_wrapper .dataTables_filter input:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, .14) !important;
    outline: 0;
}
.ksa-ca .pagination .page-item .page-link, .ksa-ca .dataTables_paginate .paginate_button {
    border-radius: 10px !important;
    margin: 0 3px;
    border: 1px solid rgba(139, 92, 246, .15) !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.ksa-ca .pagination .page-item .page-link:hover { transform: translateY(-1px); background: rgba(139, 92, 246, .08); }
.ksa-ca .pagination .page-item.active .page-link, .ksa-ca .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    box-shadow: 0 8px 16px -8px #7c3aed;
}

/* filter boxes in the secondary bar (status filters, counts) */
.ksa-ca .full__width__secondarysidebar__menu .main__nav__title {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -8px #7c3aed !important;
}
.ksa-ca .view-filter-btns .nav-link, .ksa-ca .view-filter-btns .list-group-item {
    border-radius: 12px !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.ksa-ca .view-filter-btns .nav-link:hover, .ksa-ca .view-filter-btns .list-group-item:hover { background: rgba(139, 92, 246, .08) !important; transform: translateY(-1px); }
.ksa-ca .view-filter-btns .nav-link.active, .ksa-ca .view-filter-btns .list-group-item.active {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
}
.ksa-ca .view-filter-btns .badge { border-radius: 999px; }

/* network status */
.ksa-ca .issue__status__wrapper, .ksa-ca .shadow__card {
    border-radius: 18px !important;
    border: 1px solid rgba(139, 92, 246, .1);
    box-shadow: 0 14px 34px -24px rgba(40, 20, 70, .4) !important;
}
.ksa-ca .no__data__error__box .message__image svg { animation: ksaCaFloat 6s ease-in-out infinite; }
.ksa-ca .no__data__error__box {
    border-radius: 18px;
    background: radial-gradient(70% 60% at 50% 0%, rgba(139, 92, 246, .07), transparent 70%);
}
.ksa-ca #tableServerStatus .text-center i.fa-check-circle,
.ksa-ca .table-list .fa-check-circle { color: #10b981; }

/* loading skeleton tint */
.ksa-ca .data__loading__animation__wrapper .section__loader__title { color: #7c3aed; font-weight: 700; }

/* =====================================================================
   5. MOTION / TOUCH
   ===================================================================== */
@media (hover: none) {
    .ksa-ca .table-list tbody tr:hover, .client__area__proforomance__box:hover { transform: none; }
}
@media (max-width: 767px) {
    .ksa-ca-page-icon { width: 46px; height: 46px; font-size: 18px; border-radius: 14px; margin-inline-end: 12px; }
    .ksa-ca .not__shoppingcart__page__header > .main__page__content { padding-inline: 14px; }
    .ksa-ca .table-list { border-spacing: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
    .ksa-ca-page-icon, .sidebar .side__bar__item__icon__badge, .ksa-ca .status-active::before { animation: none !important; }
}

/* =====================================================================
   6. ACCOUNT MENU (top corner, includes/theme-core/header-account.tpl)
   ===================================================================== */
.header__item_user .header__body.ksa-acc {
    width: 350px;
    max-width: calc(100vw - 24px);
    padding: 0 !important;
    overflow: hidden;
    border-radius: 22px !important;
    border: 1px solid rgba(139, 92, 246, .14);
    box-shadow: 0 30px 70px -25px rgba(40, 20, 70, .45), 0 8px 20px -12px rgba(0, 0, 0, .15) !important;
    background: #fff;
}
.ksa-acc a { text-decoration: none !important; }
.ksa-acc i.fad { --fa-secondary-opacity: .45; }
.ksa-acc-hero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 18px 34px;
    color: #fff;
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(255, 255, 255, .2), transparent 55%),
        linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #2563eb 100%);
}
.ksa-acc-hero::after {
    content: "";
    position: absolute;
    inset-inline-end: -30px;
    top: -40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 26px solid rgba(255, 255, 255, .08);
    pointer-events: none;
}
.ksa-acc-avatar {
    position: relative;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    padding: 3px;
    background: conic-gradient(from 0deg, #fbbf24, #f472b6, #38bdf8, #34d399, #fbbf24);
}
.ksa-acc-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #fff; background: #fff; }
.ksa-acc-avatar::after {
    content: "";
    position: absolute;
    bottom: 2px;
    inset-inline-end: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}
.ksa-acc-who { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.ksa-acc-hello { font-size: 12px; opacity: .85; }
.ksa-acc-name { font-size: 16px; font-weight: 800; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ksa-acc-mail { font-size: 12px; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ksa-acc-edit {
    position: relative;
    z-index: 1;
    margin-inline-start: auto;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff !important;
    background: rgba(255, 255, 255, .16);
    transition: background-color .2s ease, transform .2s ease;
}
.ksa-acc-edit:hover { background: rgba(255, 255, 255, .3); transform: rotate(-8deg); }
.ksa-acc-edit i { --fa-primary-color: #fff; --fa-secondary-color: #fff; }

.ksa-acc-quick {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: -22px 14px 0;
    padding: 10px 8px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 30px -18px rgba(40, 20, 70, .5);
}
.ksa-acc-quick a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 2px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #374151 !important;
    transition: background-color .2s ease, transform .2s ease;
}
.ksa-acc-quick a i {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    box-shadow: 0 8px 16px -8px var(--t1);
    transition: transform .25s cubic-bezier(.2, .7, .2, 1);
}
.ksa-acc-quick a:hover { background: color-mix(in srgb, var(--t1) 7%, #fff); transform: translateY(-2px); }
.ksa-acc-quick a:hover i { transform: rotate(-8deg) scale(1.08); }

.ksa-acc-balance {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 14px 6px;
    padding: 12px 14px;
    border-radius: 16px;
    color: #065f46 !important;
    background: linear-gradient(135deg, #ecfdf5, #f0fdfa);
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, .2);
    transition: box-shadow .2s ease, transform .2s ease;
}
.ksa-acc-balance:hover { transform: translateY(-1px); box-shadow: inset 0 0 0 1px rgba(16, 185, 129, .45), 0 12px 22px -16px #10b981; }
.ksa-acc-balance > i { --fa-primary-color: #059669; --fa-secondary-color: #34d399; font-size: 24px; }
.ksa-acc-balance-text { display: flex; flex-direction: column; line-height: 1.3; }
.ksa-acc-balance-text small { font-size: 11px; font-weight: 700; color: #047857; }
.ksa-acc-balance-text strong { font-size: 15px; font-weight: 800; color: #064e3b; }
.ksa-acc-balance-add {
    margin-inline-start: auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(135deg, #059669, #34d399);
    box-shadow: 0 6px 12px -6px #059669;
}

.ksa-acc-list { display: flex; flex-direction: column; padding: 6px 10px; }
.ksa-acc-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 700;
    color: #374151 !important;
    transition: background-color .2s ease, transform .2s ease, color .2s ease;
}
.ksa-acc-list a i {
    --fa-primary-color: var(--t1);
    --fa-secondary-color: var(--t2);
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 15px;
    background: color-mix(in srgb, var(--t1) 10%, #fff);
    transition: transform .25s cubic-bezier(.2, .7, .2, 1), background-color .2s ease;
}
.ksa-acc-list a:hover { color: var(--t1) !important; background: color-mix(in srgb, var(--t1) 6%, #fff); transform: translateX(-3px); }
.ltr .ksa-acc-list a:hover { transform: translateX(3px); }
.ksa-acc-list a:hover i { --fa-primary-color: #fff; --fa-secondary-color: #fff; background: linear-gradient(135deg, var(--t1), var(--t2)); transform: rotate(-8deg); }
.ksa-acc-count {
    margin-inline-start: auto;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: var(--t1);
    background: color-mix(in srgb, var(--t1) 12%, #fff);
}
.ksa-acc-count.is-hot { color: #fff; background: linear-gradient(135deg, #f43f5e, #fb923c); box-shadow: 0 4px 10px -4px #f43f5e; }

.ksa-acc-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 4px 14px 10px;
    padding: 11px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 13px;
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 55%, #ec4899);
    background-size: 160% 100%;
    box-shadow: 0 14px 26px -14px #7c3aed;
    transition: background-position .4s ease, transform .2s ease;
}
.ksa-acc-cta:hover { background-position: 100% 0; transform: translateY(-2px); }
.ksa-acc-cta i { --fa-primary-color: #fff; --fa-secondary-color: #fff; }

.ksa-acc-help { display: flex; gap: 6px; padding: 0 14px 12px; }
.ksa-acc-help a {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 8px 4px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #4b5563 !important;
    background: #f8f7fc;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.ksa-acc-help a i { --fa-primary-color: var(--t1); --fa-secondary-color: var(--t2); font-size: 17px; }
.ksa-acc-help a:hover { color: var(--t1) !important; background: color-mix(in srgb, var(--t1) 9%, #fff); transform: translateY(-2px); }

.ksa-acc-foot {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px dashed rgba(139, 92, 246, .18);
}
.ksa-acc-foot a { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #6b7280 !important; transition: color .2s ease; }
.ksa-acc-foot a i { --fa-primary-color: #7c3aed; --fa-secondary-color: #a855f7; }
.ksa-acc-foot a:hover { color: #6d28d9 !important; }
.ksa-acc-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    font-weight: 800;
    font-size: 13px;
    color: #be123c !important;
    background: #fff1f2;
    border-top: 1px solid #ffe4e6;
    transition: background-color .25s ease, color .25s ease;
}
.ksa-acc-logout i { --fa-primary-color: #e11d48; --fa-secondary-color: #fb7185; transition: transform .3s ease; }
.ksa-acc-logout:hover { color: #fff !important; background: linear-gradient(135deg, #e11d48, #fb7185); }
.ksa-acc-logout:hover i { --fa-primary-color: #fff; --fa-secondary-color: #fff; transform: rotate(90deg); }
.header__item_user .header__head img { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(124, 58, 237, .5); transition: box-shadow .25s ease; }
.header__item_user .header__head:hover img { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7c3aed, 0 8px 18px -6px #7c3aed; }

/* =====================================================================
   7. SUPPORT PAGES: announcements, knowledgebase, downloads, submit ticket
   ===================================================================== */
/* secondary bar (months / categories / ...) */
.full__width__secondarysidebar__menu .nav__items__wrapper .nav-link {
    border-radius: 999px !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.full__width__secondarysidebar__menu .nav__items__wrapper .nav-link:hover {
    color: #6d28d9 !important;
    background: rgba(139, 92, 246, .09) !important;
    transform: translateY(-1px);
}
.full__width__secondarysidebar__menu .nav__items__wrapper .nav-link.active {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    box-shadow: 0 8px 16px -8px #7c3aed;
}
.full__width__secondarysidebar__menu .nav__items__wrapper .nav-link .badge {
    border-radius: 999px;
    background: rgba(139, 92, 246, .12);
    color: #6d28d9;
    font-weight: 800;
}
.full__width__secondarysidebar__menu .nav__items__wrapper .nav-link.active .badge { background: rgba(255, 255, 255, .25); color: #fff; }
.ksa-sup-chip-icon { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; margin-inline-end: 6px; opacity: .8; }

/* search hero (KB + downloads) */
.knowledgebase__search__bar__wrapper {
    position: relative;
    padding: 30px 26px;
    border-radius: 24px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(60% 120% at 100% 0%, rgba(255, 255, 255, .22), transparent 60%),
        linear-gradient(135deg, #4c1d95 0%, #7c3aed 50%, #2563eb 100%);
    box-shadow: 0 26px 50px -30px #5b21b6;
}
.knowledgebase__search__bar__wrapper::before,
.knowledgebase__search__bar__wrapper::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}
.knowledgebase__search__bar__wrapper::before { width: 220px; height: 220px; inset-inline-end: -60px; top: -90px; border: 34px solid rgba(255, 255, 255, .08); }
.knowledgebase__search__bar__wrapper::after { width: 120px; height: 120px; inset-inline-start: 8%; bottom: -70px; background: rgba(56, 189, 248, .25); filter: blur(10px); }
.ksa-sup-hero-title { color: #fff; font-weight: 800; font-size: 20px; margin: 0 0 4px; display: flex; align-items: center; gap: 10px; }
.ksa-sup-hero-title i { --fa-primary-color: #fff; --fa-secondary-color: #fbbf24; --fa-secondary-opacity: 1; font-size: 26px; }
.ksa-sup-hero-sub { color: rgba(255, 255, 255, .82); font-size: 13px; margin: 0 0 16px; }
.knowledgebase__search__bar__wrapper form { position: relative; display: flex; gap: 8px; }
.knowledgebase__search__bar__wrapper .form-control {
    height: 54px !important;
    border-radius: 16px !important;
    border: 0 !important;
    padding-inline-start: 48px !important;
    font-size: 15px;
    box-shadow: 0 12px 26px -16px rgba(0, 0, 0, .5);
}
.knowledgebase__search__bar__wrapper form::before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    inset-inline-start: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #7c3aed;
    font-size: 17px;
    z-index: 2;
    pointer-events: none;
}
.knowledgebase__search__bar__wrapper .btn {
    height: 54px;
    border-radius: 16px !important;
    padding: 0 26px !important;
    font-weight: 800;
    color: #4c1d95 !important;
    background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
    border: 0 !important;
    box-shadow: 0 12px 24px -12px #f59e0b;
}

/* section titles */
.kbcat__wrapper .tab__header h3 { font-weight: 800 !important; display: flex; align-items: center; gap: 10px; }
.kbcat__wrapper .tab__header h3::before {
    content: "";
    width: 6px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(180deg, #a855f7, #2563eb);
}

/* category grid */
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item {
    border: 0 !important;
    padding: 0 !important;
}
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item > a {
    position: relative;
    height: 100%;
    padding: 18px !important;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(139, 92, 246, .1);
    box-shadow: 0 10px 26px -20px rgba(40, 20, 70, .45);
    overflow: hidden;
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
}
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item > a::after {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: var(--t1);
    opacity: .5;
    transition: transform .25s ease, opacity .25s ease;
}
.ltr .kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item > a::after { content: "\f105"; }
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item > a:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--t1) 35%, #fff);
    box-shadow: 0 22px 36px -22px var(--t1);
}
.kb__category__list:not(.kbmostviews__list):not(.downloads__list) .kb__category__item > a:hover::after { opacity: 1; transform: translateX(-4px); }
.kb__category__list .kb__category__item > a > div > i.fas.fa-folder,
.ksa-sup-tile {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fff;
    --fa-secondary-opacity: .5;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 19px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--t1, #7c3aed), var(--t2, #c084fc));
    box-shadow: 0 10px 20px -10px var(--t1, #7c3aed);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1);
}
.kb__category__item > a:hover .ksa-sup-tile,
.kb__category__item > a:hover i.fas.fa-folder { transform: rotate(-8deg) scale(1.06); }
.kb__category__list .kb__category__item h6 { font-weight: 800 !important; color: #1f1530; }
.kb__category__list .kb__category__item h6 small {
    display: inline-block;
    margin-inline-start: 4px;
    padding: 1px 8px;
    border-radius: 999px;
    font-weight: 800;
    color: var(--t1) !important;
    background: color-mix(in srgb, var(--t1) 11%, #fff);
}
.kb__category__item { --t1: #8b5cf6; --t2: #c084fc; }
.kb__category__item:nth-child(8n+2) { --t1: #2563eb; --t2: #38bdf8; }
.kb__category__item:nth-child(8n+3) { --t1: #0d9488; --t2: #2dd4bf; }
.kb__category__item:nth-child(8n+4) { --t1: #d97706; --t2: #fbbf24; }
.kb__category__item:nth-child(8n+5) { --t1: #e11d48; --t2: #fb7185; }
.kb__category__item:nth-child(8n+6) { --t1: #059669; --t2: #34d399; }
.kb__category__item:nth-child(8n+7) { --t1: #4f46e5; --t2: #818cf8; }
.kb__category__item:nth-child(8n+8) { --t1: #db2777; --t2: #f472b6; }

/* popular articles / downloads list */
.kbmostviews__list, .downloads__list {
    border-radius: 20px !important;
    border: 1px solid rgba(139, 92, 246, .1);
}
.kbmostviews__list .kb__category__item > a, .downloads__list .kb__category__item > a {
    position: relative;
    transition: background-color .2s ease, padding .25s ease;
}
.kbmostviews__list .kb__category__item > a:hover, .downloads__list .kb__category__item > a:hover {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--t1) 6%, #fff));
    padding-inline-start: 26px !important;
}
.kbmostviews__list .kb__category__item i.fas.fa-file {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin: 0 !important;
    color: var(--t1);
    background: color-mix(in srgb, var(--t1) 11%, #fff);
}
.kbmostviews__list .kb__category__item h6, .downloads__list .kb__category__item h6 { font-weight: 800 !important; }
.downloads__list .download__icon { width: 38px; height: 38px; padding: 7px !important; border-radius: 12px; background: color-mix(in srgb, var(--t1) 11%, #fff); }

/* announcements list */
.announcements__wrapper { background: transparent !important; box-shadow: none !important; display: flex; flex-direction: column; gap: 16px; }
.announcements__wrapper .announcement {
    position: relative;
    padding: 22px 24px !important;
    padding-inline-start: 92px !important;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(139, 92, 246, .1) !important;
    box-shadow: 0 12px 30px -22px rgba(40, 20, 70, .45);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
    overflow: hidden;
    --t1: #7c3aed; --t2: #c084fc;
}
.announcements__wrapper .announcement::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--t1), var(--t2));
}
.announcements__wrapper .announcement:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--t1) 30%, #fff) !important;
    box-shadow: 0 24px 40px -24px var(--t1);
}
.announcements__wrapper .announcement:nth-child(5n+2) { --t1: #2563eb; --t2: #38bdf8; }
.announcements__wrapper .announcement:nth-child(5n+3) { --t1: #0d9488; --t2: #2dd4bf; }
.announcements__wrapper .announcement:nth-child(5n+4) { --t1: #d97706; --t2: #fbbf24; }
.announcements__wrapper .announcement:nth-child(5n+5) { --t1: #db2777; --t2: #f472b6; }
.ksa-ann-date {
    position: absolute;
    inset-inline-start: 22px;
    top: 22px;
    width: 54px;
    padding: 7px 0 8px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    background: linear-gradient(160deg, var(--t1), var(--t2));
    box-shadow: 0 10px 20px -10px var(--t1);
    line-height: 1.15;
}
.ksa-ann-date b { display: block; font-size: 21px; font-weight: 900; }
.ksa-ann-date small { display: block; font-size: 10px; font-weight: 700; opacity: .92; }
.announcements__wrapper .announcement h6 i { color: var(--t1); }
.announcements__wrapper .announcement__header > a:first-child {
    font-weight: 800 !important;
    color: #1f1530 !important;
    background-image: linear-gradient(var(--t1), var(--t1));
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    transition: background-size .35s ease, color .2s ease;
}
.ltr .announcements__wrapper .announcement__header > a:first-child { background-position: 0 100%; }
.announcements__wrapper .announcement:hover .announcement__header > a:first-child { color: var(--t1) !important; background-size: 100% 2px; }
.announcements__wrapper .announcement article { color: #4b5563; line-height: 1.9; }
.announcements__wrapper .announcement .btn-primary-light {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px !important;
    font-weight: 800;
    color: var(--t1) !important;
    background: color-mix(in srgb, var(--t1) 10%, #fff) !important;
    border: 0 !important;
    padding: 7px 16px !important;
    transition: background-color .2s ease, color .2s ease;
}
.announcements__wrapper .announcement .btn-primary-light::after { content: "\f060"; font-family: "Font Awesome 5 Pro"; font-weight: 400; transition: transform .25s ease; }
.ltr .announcements__wrapper .announcement .btn-primary-light::after { content: "\f061"; }
.announcements__wrapper .announcement .btn-primary-light:hover { color: #fff !important; background: linear-gradient(135deg, var(--t1), var(--t2)) !important; }
.announcements__wrapper .announcement .btn-primary-light:hover::after { transform: translateX(-4px); }

/* announcement view */
.ksa-sup-article {
    position: relative;
    border-radius: 22px !important;
    border: 1px solid rgba(139, 92, 246, .1);
    box-shadow: 0 20px 44px -30px rgba(40, 20, 70, .5) !important;
    overflow: hidden;
}
.ksa-sup-article::before {
    content: "";
    display: block;
    height: 6px;
    background: linear-gradient(90deg, #7c3aed, #ec4899, #f59e0b);
}
.ksa-sup-article .list-inline-item {
    padding: 5px 12px;
    border-radius: 999px;
    background: #f5f3ff;
    color: #6d28d9 !important;
    font-weight: 700 !important;
}
.ksa-sup-article .announcement__header a { font-weight: 900 !important; color: #1f1530 !important; line-height: 1.5; }
.view__anonmcenemt__text { font-size: 15px; line-height: 2; color: #374151; }
.view__anonmcenemt__text h2, .view__anonmcenemt__text h3, .view__anonmcenemt__text h4 {
    font-weight: 800;
    color: #1f1530;
    margin: 1.4em 0 .6em;
    padding-inline-start: 14px;
    border-inline-start: 4px solid #8b5cf6;
}
.view__anonmcenemt__text img { max-width: 100%; height: auto; border-radius: 16px; box-shadow: 0 16px 32px -20px rgba(0, 0, 0, .35); }
.view__anonmcenemt__text blockquote {
    margin: 1.2em 0;
    padding: 14px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f5f3ff, #eff6ff);
    border-inline-start: 4px solid #8b5cf6;
}
.view__anonmcenemt__text ul li::marker { color: #8b5cf6; }
.view__anonmcenemt__text a { color: #6d28d9; font-weight: 700; }

/* submit ticket */
.ksa-sup-ticket .card {
    border-radius: 20px !important;
    border: 1px solid rgba(139, 92, 246, .12) !important;
    box-shadow: 0 16px 36px -28px rgba(40, 20, 70, .55) !important;
    overflow: hidden;
    margin-bottom: 18px;
}
.ksa-sup-ticket .card__header {
    background: linear-gradient(135deg, #faf7ff, #f2f7ff) !important;
    border-bottom: 1px solid rgba(139, 92, 246, .1) !important;
}
.ksa-sup-ticket .card__header h6 { display: flex; align-items: center; gap: 10px; font-weight: 800 !important; }
.ksa-sup-ticket .card__header .ksa-sup-tile { width: 38px; height: 38px; flex-basis: 38px; font-size: 15px; border-radius: 12px; }
.ksa-sup-ticket .col-form-label { font-weight: 800; color: #374151; }
.ksa-sup-ticket .form-control { border-radius: 12px !important; transition: border-color .2s ease, box-shadow .2s ease; }
.ksa-sup-ticket .form-control:focus { border-color: #8b5cf6 !important; box-shadow: 0 0 0 4px rgba(139, 92, 246, .14) !important; }
.ksa-sup-ticket .custom-file-label {
    border: 2px dashed rgba(139, 92, 246, .35) !important;
    border-radius: 14px !important;
    background: #faf7ff !important;
    transition: border-color .2s ease, background-color .2s ease;
}
.ksa-sup-ticket .custom-file:hover .custom-file-label { border-color: #8b5cf6 !important; background: #f3edff !important; }
.ksa-sup-ticket .form__btn__submit__group .btn-primary {
    border-radius: 14px !important;
    padding: 11px 28px !important;
    font-weight: 800;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 55%, #ec4899) !important;
    box-shadow: 0 14px 26px -14px #7c3aed;
}
.ksa-sup-ticket-title { font-weight: 800 !important; display: flex; align-items: center; gap: 12px; }

@media (max-width: 575px) {
    .announcements__wrapper .announcement { padding-inline-start: 22px !important; padding-top: 90px !important; }
    .ksa-acc-quick a span { font-size: 10px; }
}

/* =====================================================================
   8. HEADER: news ticker, notifications bell, cart button
   ===================================================================== */
.header__latest__annoncements.ksa-news {
    position: relative;
    max-width: 44%;
    min-width: 260px;
    height: 42px;
    padding: 4px;
    padding-inline-end: 14px;
    gap: 10px;
    border-radius: 999px;
    overflow: hidden;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, rgba(124, 58, 237, .45), rgba(236, 72, 153, .35), rgba(37, 99, 235, .4)) border-box;
    border: 1px solid transparent;
    box-shadow: 0 10px 24px -18px rgba(91, 33, 182, .6);
}
.ksa-news .header__new__title { margin: 0 !important; flex: 0 0 auto; }
.ksa-news-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 55%, #ec4899);
    background-size: 180% 100%;
    box-shadow: 0 6px 14px -6px #7c3aed;
    animation: ksaNewsBg 6s ease-in-out infinite alternate;
    white-space: nowrap;
}
@keyframes ksaNewsBg { to { background-position: 100% 0; } }
.ksa-news-label .news__title {
    background: none !important;
    color: #fff !important;
    padding: 0 !important;
    font-size: 12px;
    font-weight: 800;
}
.ksa-news-label i {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fde68a;
    --fa-secondary-opacity: 1;
    font-size: 14px;
    transform-origin: 70% 70%;
    animation: ksaNewsHorn 3.5s ease-in-out infinite;
}
@keyframes ksaNewsHorn {
    0%, 70%, 100% { transform: rotate(0); }
    75% { transform: rotate(-14deg) scale(1.1); }
    80% { transform: rotate(10deg) scale(1.1); }
    85% { transform: rotate(-8deg); }
    90% { transform: rotate(4deg); }
}
.ksa-news-live {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fde047;
}
.ksa-news-live::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #fde047;
    animation: ksaNewsLive 1.6s ease-out infinite;
}
@keyframes ksaNewsLive { to { transform: scale(2.8); opacity: 0; } }
.ksa-news .header__new__articles { min-width: 0; flex: 1 1 auto; }
.ksa-news .header__new__articles .news-article {
    display: flex !important;
    align-items: center;
    gap: 8px;
    height: 32px;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1f1530 !important;
    text-decoration: none !important;
}
.ksa-news .ksa-news-text {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .2s ease;
}
.ksa-news .news-article:hover .ksa-news-text { color: #7c3aed; }
.ksa-news .slick-active .ksa-news-text, .ksa-news .slick-current .ksa-news-text { animation: ksaNewsIn .55s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes ksaNewsIn {
    from { opacity: 0; transform: translateY(8px); filter: blur(2px); }
    to   { opacity: 1; transform: none; filter: none; }
}
.ksa-news-new {
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    color: #b45309;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    box-shadow: inset 0 0 0 1px rgba(217, 119, 6, .25);
}
.ksa-news-progress {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #7c3aed, #ec4899);
    transform-origin: right center;
    transform: scaleX(0);
    opacity: .8;
}
.ltr .ksa-news-progress { transform-origin: left center; }
.ksa-news-progress.is-running { animation: ksaNewsProgress 3.5s linear both; }
@keyframes ksaNewsProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ksa-news:hover .ksa-news-progress { animation-play-state: paused; }

/* bell + cart buttons */
.ksa-hbtn .header__head {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px;
    background: linear-gradient(135deg, #f5f3ff, #eef2ff);
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .14);
    transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s ease, background-color .25s ease;
}
.ksa-hbtn .header__head i {
    font-size: 17px;
    --fa-primary-color: #6d28d9;
    --fa-secondary-color: #a855f7;
    --fa-secondary-opacity: .45;
    transition: transform .3s ease;
}
.ksa-hbtn--cart .header__head { background: linear-gradient(135deg, #ecfeff, #eff6ff); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .16); }
.ksa-hbtn--cart .header__head i { --fa-primary-color: #2563eb; --fa-secondary-color: #06b6d4; }
.ksa-hbtn .header__head:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .3), 0 12px 22px -12px #7c3aed;
}
.ksa-hbtn--cart .header__head:hover { box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .35), 0 12px 22px -12px #2563eb; }
.ksa-hbtn--bell .header__head:hover i { transform: rotate(-14deg); }
.ksa-hbtn--cart .header__head:hover i { transform: translateY(-2px) scale(1.06); }
.ksa-hbtn--bell.has-items .header__head i { transform-origin: 50% 10%; animation: ksaBell 4s ease-in-out infinite; }
@keyframes ksaBell {
    0%, 78%, 100% { transform: rotate(0); }
    82% { transform: rotate(16deg); }
    86% { transform: rotate(-14deg); }
    90% { transform: rotate(9deg); }
    94% { transform: rotate(-5deg); }
}
.ksa-hbtn .header__head .header__head__item___number {
    top: -5px !important;
    right: -5px !important;
    min-width: 19px;
    width: auto !important;
    height: 19px !important;
    padding: 0 5px;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    border: 2px solid #fff;
    transition: transform .2s ease;
}
html[dir="rtl"] .ksa-hbtn .header__head .header__head__item___number, .rtl .ksa-hbtn .header__head .header__head__item___number { right: auto !important; left: -5px !important; }
.ksa-hbtn:not(.has-items) .header__head .header__head__item___number { display: none !important; }
.ksa-hbtn--bell.has-items .header__head .header__head__item___number {
    background: linear-gradient(135deg, #f43f5e, #fb923c) !important;
    box-shadow: 0 4px 10px -3px rgba(244, 63, 94, .8);
    animation: ksaBadgePing 2.2s ease-out infinite;
}
.ksa-hbtn--cart.has-items .header__head .header__head__item___number {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    box-shadow: 0 4px 10px -3px rgba(37, 99, 235, .8);
    animation: ksaBadgePop .6s cubic-bezier(.3, 1.6, .5, 1) both;
}
@keyframes ksaBadgePing {
    0% { box-shadow: 0 0 0 0 rgba(244, 63, 94, .55), 0 4px 10px -3px rgba(244, 63, 94, .8); }
    70%, 100% { box-shadow: 0 0 0 8px rgba(244, 63, 94, 0), 0 4px 10px -3px rgba(244, 63, 94, .8); }
}
@keyframes ksaBadgePop { from { transform: scale(0); } to { transform: scale(1); } }

/* notifications panel */
.header__body.ksa-notif { padding: 0 !important; overflow: hidden auto; }
.ksa-notif .header__top {
    position: relative;
    padding: 22px 20px !important;
    border: 0 !important;
    color: #fff;
    background:
        radial-gradient(80% 120% at 100% 0%, rgba(255, 255, 255, .2), transparent 55%),
        linear-gradient(135deg, #5b21b6, #7c3aed 55%, #db2777);
}
.ksa-notif .header__top .header__title { color: #fff !important; font-weight: 800; font-size: 16px; display: flex; flex-direction: column; gap: 2px; }
.ksa-notif .header__top .header__title::before {
    content: "\f0f3";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 17px;
    background: rgba(255, 255, 255, .18);
}
.ksa-notif .header__top .header__title a { color: rgba(255, 255, 255, .8) !important; font-size: 12px; font-weight: 600; }
.ksa-notif .header__top .header__title a:hover { color: #fff !important; }
.ksa-notif .header__top .actions__button { color: #fff !important; background: rgba(255, 255, 255, .16) !important; border-radius: 12px; }
.ksa-notif .header__list { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.ksa-notif .header__message {
    position: relative;
    padding: 14px 14px 12px !important;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(124, 58, 237, .1);
    box-shadow: 0 10px 24px -20px rgba(40, 20, 70, .6);
    overflow: hidden;
    --t1: #059669; --t2: #34d399;
    transition: transform .25s ease, box-shadow .25s ease;
}
.ksa-notif .header__message.ksa-notif-danger  { --t1: #e11d48; --t2: #fb7185; }
.ksa-notif .header__message.ksa-notif-warning { --t1: #d97706; --t2: #fbbf24; }
.ksa-notif .header__message.ksa-notif-info    { --t1: #2563eb; --t2: #38bdf8; }
.ksa-notif .header__message::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--t1), var(--t2));
}
.ksa-notif .header__message:hover { transform: translateY(-2px); box-shadow: 0 16px 28px -20px var(--t1); }
.ksa-notif .header__subtitle { display: flex; align-items: center; gap: 8px; font-weight: 800; color: #1f1530; }
.ksa-notif .header__subtitle .icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    box-shadow: 0 6px 12px -6px var(--t1);
}
.ksa-notif .header__time b {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    color: var(--t1);
    background: color-mix(in srgb, var(--t1) 12%, #fff);
}
.ksa-notif .header__content { color: #4b5563; font-size: 12px; line-height: 1.8; margin-top: 6px; }
.ksa-notif .header__message__body__demise {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: #fff !important;
    background: linear-gradient(135deg, var(--t1), var(--t2));
}
.ksa-notif .no__data__error__box .message__image svg { max-width: 160px; height: auto; animation: ksaCaFloat 5s ease-in-out infinite; }

@media (max-width: 1199px) {
    .header__latest__annoncements.ksa-news { max-width: 36%; min-width: 0; }
    .ksa-news-label .news__title { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ksa-news-label, .ksa-news-label i, .ksa-news-live::after, .ksa-hbtn i, .ksa-hbtn .header__head__item___number, .ksa-news-progress { animation: none !important; }
}

/* =====================================================================
   9. STORE: product group page (/store/...), category bar, addons page
   ===================================================================== */
/* page heading */
.orderform__cart__header { position: relative; padding-inline-start: 74px; min-height: 60px; }
.orderform__cart__header::before {
    content: "\f233";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    inset-inline-start: 0;
    top: 2px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #fff;
    font-size: 22px;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    box-shadow: 0 14px 28px -12px #7c3aed;
    animation: ksaCaFloat 5s ease-in-out infinite;
}
.ksa-store-addons .orderform__cart__header::before { content: "\f12e"; background: linear-gradient(135deg, #db2777, #f59e0b); box-shadow: 0 14px 28px -12px #db2777; }
.orderform__cart__header h1 {
    font-weight: 900 !important;
    background: linear-gradient(90deg, #1f1530, #7c3aed 60%, #2563eb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* category bar */
.cart__categories__menu__wrapper .product__cart__sidepanel { min-width: 0; max-width: 100%; }
.cart__categories__menu__wrapper .product__cart__sidepanel__group {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, .35) transparent;
    padding: 4px 2px 8px;
    -webkit-mask: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
    mask: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item { flex: 0 0 auto; white-space: nowrap; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 14px 7px 8px !important;
    border-radius: 999px !important;
    font-weight: 700;
    color: #374151 !important;
    background: #fff !important;
    border: 1px solid rgba(124, 58, 237, .14) !important;
    box-shadow: 0 6px 16px -14px rgba(40, 20, 70, .6);
    transition: transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
html[dir="rtl"] .cart__categories__menu__wrapper .product__cart__sidepanel__item, .rtl .cart__categories__menu__wrapper .product__cart__sidepanel__item { padding: 7px 8px 7px 14px !important; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item__icon,
.cart__categories__menu__wrapper .product__cart__sidepanel__item > i {
    flex: 0 0 30px;
    width: 30px !important;
    height: 30px !important;
    padding: 7px;
    border-radius: 50%;
    color: #7c3aed;
    background: #f3eeff;
    transition: background-color .2s ease, color .2s ease, transform .3s ease;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item > i { display: inline-flex; align-items: center; justify-content: center; padding: 0; font-size: 13px; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item__icon path { stroke: currentColor !important; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover {
    color: #6d28d9 !important;
    border-color: rgba(124, 58, 237, .35) !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 22px -14px #7c3aed;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover .product__cart__sidepanel__item__icon,
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover > i { transform: rotate(-10deg) scale(1.06); }
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 60%, #2563eb) !important;
    box-shadow: 0 12px 24px -12px #7c3aed;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active .product__cart__sidepanel__item__icon,
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active > i { color: #7c3aed; background: #fff; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item .badge { border-radius: 999px; background: rgba(124, 58, 237, .12); color: #6d28d9; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active .badge { background: rgba(255, 255, 255, .25); color: #fff; }

/* plan cards */
.pricing__plans__standard {
    position: relative;
    overflow: hidden;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, .12);
    box-shadow: 0 18px 40px -30px rgba(40, 20, 70, .55);
    transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, border-color .35s ease;
    --t1: #7c3aed; --t2: #a855f7;
}
.pricing__plans__standard__item:nth-child(4n+2) .pricing__plans__standard { --t1: #2563eb; --t2: #38bdf8; }
.pricing__plans__standard__item:nth-child(4n+3) .pricing__plans__standard { --t1: #0d9488; --t2: #2dd4bf; }
.pricing__plans__standard__item:nth-child(4n+4) .pricing__plans__standard { --t1: #db2777; --t2: #f472b6; }
.pricing__plans__standard::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--t1), var(--t2));
}
.pricing__plans__standard::after {
    content: "";
    position: absolute;
    inset-inline-end: -70px;
    top: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--t1) 14%, transparent), transparent 70%);
    pointer-events: none;
}
.pricing__plans__standard:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--t1) 35%, #fff);
    box-shadow: 0 30px 50px -30px var(--t1);
}
.pricing__plans__standard:has(.popular-plan) {
    border: 2px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #7c3aed, #ec4899, #f59e0b) border-box !important;
    box-shadow: 0 30px 60px -34px #7c3aed;
}
.pricing__plans__standard h5 { font-weight: 900 !important; color: #1f1530; }
.pricing__plans__standard .emyui-ews-plans-group-price-tag {
    font-weight: 900;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pricing__plans__standard .plan-highlight {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    color: #047857;
    background: #d1fae5;
}
.pricing__plans__standard .plan-highlight::before { content: "\f02b"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.pricing__plans__standard .btn-order-now {
    position: relative;
    overflow: hidden;
    border-radius: 14px !important;
    padding: 12px !important;
    font-weight: 800 !important;
    color: #fff !important;
    border: 0 !important;
    background: linear-gradient(135deg, var(--t1), var(--t2)) !important;
    box-shadow: 0 14px 26px -14px var(--t1);
    transition: transform .2s ease, box-shadow .2s ease;
}
.pricing__plans__standard .btn-order-now::after { content: " \f07a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-inline-start: 6px; }
.pricing__plans__standard .btn-order-now:hover { transform: translateY(-2px); box-shadow: 0 18px 30px -14px var(--t1); }
.pricing__plans__standard .pricing__plans__special__body li {
    position: relative;
    list-style: none;
    padding-inline-start: 26px;
}
.pricing__plans__standard .pricing__plans__special__body li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    inset-inline-start: 0;
    top: .25em;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 9px;
    color: var(--t1);
    background: color-mix(in srgb, var(--t1) 12%, #fff);
}
.pricing__plans__standard .feature-value { font-weight: 800; color: var(--t1); }

/* addons page cards */
.ksa-store-addons .products .card {
    position: relative;
    overflow: hidden;
    border-radius: 20px !important;
    border: 1px solid rgba(219, 39, 119, .12) !important;
    box-shadow: 0 16px 36px -28px rgba(40, 20, 70, .55) !important;
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease;
    --t1: #db2777; --t2: #f59e0b;
}
.ksa-store-addons .products .col-12:nth-child(4n+2) .card { --t1: #7c3aed; --t2: #38bdf8; }
.ksa-store-addons .products .col-12:nth-child(4n+3) .card { --t1: #0d9488; --t2: #84cc16; }
.ksa-store-addons .products .col-12:nth-child(4n+4) .card { --t1: #2563eb; --t2: #a855f7; }
.ksa-store-addons .products .card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--t1), var(--t2));
}
.ksa-store-addons .products .card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--t1) 35%, #fff) !important; box-shadow: 0 26px 44px -28px var(--t1) !important; }
.ksa-store-addons .products .card__header { padding-top: 22px !important; }
.ksa-store-addons .products .card__header h6 { display: flex; align-items: center; gap: 10px; font-weight: 900 !important; }
.ksa-store-addons .products .card__header h6::before {
    content: "\f12e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 15px;
    color: #fff;
    background: linear-gradient(135deg, var(--t1), var(--t2));
    box-shadow: 0 8px 16px -8px var(--t1);
}
.ksa-store-addons .addons__product__pricing .price, .ksa-store-addons .addons__product__pricing .free { font-weight: 900; color: var(--t1); }
.ksa-store-addons .products .card .btn-primary {
    border-radius: 12px !important;
    font-weight: 800;
    border: 0 !important;
    background: linear-gradient(135deg, var(--t1), var(--t2)) !important;
    box-shadow: 0 10px 20px -12px var(--t1);
}

/* "added to cart" recommendations popup */
#recommendationsModal .modal-content { border-radius: 22px !important; overflow: hidden; border: 0; box-shadow: 0 40px 80px -30px rgba(40, 20, 70, .6); }
#recommendationsModal .modal-header {
    color: #fff;
    border: 0;
    background: linear-gradient(135deg, #059669, #10b981 50%, #2563eb);
}
#recommendationsModal .modal-header h4 { color: #fff; font-weight: 900; display: flex; align-items: center; gap: 10px; }
#recommendationsModal .modal-header h4::before { content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 22px; }
#recommendationsModal .modal-header .close { color: #fff; opacity: .85; text-shadow: none; }
#recommendationsModal #btnContinueRecommendationsModal {
    border-radius: 14px !important;
    padding: 10px 26px !important;
    font-weight: 800;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 55%, #ec4899) !important;
    box-shadow: 0 14px 26px -14px #7c3aed;
}
#recommendationsModal #btnContinueRecommendationsModal::after { content: "\f060"; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin-inline-start: 8px; }
.ltr #recommendationsModal #btnContinueRecommendationsModal::after { content: "\f061"; }

@media (max-width: 575px) {
    .orderform__cart__header { padding-inline-start: 60px; }
    .orderform__cart__header::before { width: 46px; height: 46px; font-size: 18px; border-radius: 14px; }
}

/* =====================================================================
   10. STORE CATEGORY BAR ARROWS (ksa-client.js wraps the scroller in .ksa-catbar)
   ===================================================================== */
.ksa-catbar { position: relative; display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.ksa-catbar > .product__cart__sidepanel__group { flex: 1 1 auto; min-width: 0; -webkit-mask: none; mask: none; }
.ksa-catbar.has-more-end > .product__cart__sidepanel__group {
    -webkit-mask: linear-gradient(to left, transparent 0, #000 56px);
    mask: linear-gradient(to left, transparent 0, #000 56px);
}
.ksa-catbar.has-more-start > .product__cart__sidepanel__group {
    -webkit-mask: linear-gradient(to right, transparent 0, #000 56px);
    mask: linear-gradient(to right, transparent 0, #000 56px);
}
.ksa-catbar.has-more-start.has-more-end > .product__cart__sidepanel__group {
    -webkit-mask: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
    mask: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
}
.ksa-catbar-btn {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    box-shadow: 0 10px 20px -10px #7c3aed;
    transition: transform .2s ease, opacity .2s ease;
}
.ksa-catbar-btn:hover { transform: scale(1.08); }
.ksa-catbar-btn:focus-visible { outline: 3px solid rgba(124, 58, 237, .35); outline-offset: 2px; }
.ksa-catbar.has-more-end .ksa-catbar-btn.is-end,
.ksa-catbar.has-more-start .ksa-catbar-btn.is-start { display: inline-flex; }
.ksa-catbar.has-more-end:not(.was-scrolled) .ksa-catbar-btn.is-end { animation: ksaCatNudge 1.6s ease-in-out infinite; }
@keyframes ksaCatNudge { 50% { transform: translateX(-4px); box-shadow: 0 0 0 6px rgba(124, 58, 237, .15), 0 10px 20px -10px #7c3aed; } }
.ltr .ksa-catbar.has-more-end:not(.was-scrolled) .ksa-catbar-btn.is-end { animation-name: ksaCatNudgeLtr; }
@keyframes ksaCatNudgeLtr { 50% { transform: translateX(4px); box-shadow: 0 0 0 6px rgba(124, 58, 237, .15), 0 10px 20px -10px #7c3aed; } }
.ksa-catbar-count {
    position: absolute;
    top: -8px;
    inset-inline-end: 0;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    color: #fff;
    background: #ec4899;
    pointer-events: none;
}

/* =====================================================================
   11. CART ITEMS: edit / remove always visible, labelled
   ===================================================================== */
.view__cart__items__wrapper__body__item .view__cart__items__wrapper__body__item__options {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    padding: 0 !important;
    margin-top: 12px;
    flex: 0 0 100%;
    gap: 8px;
    justify-content: flex-end;
}
.view__cart__items__wrapper__body__item__options > a,
.view__cart__items__wrapper__body__item__options > button {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.view__cart__items__wrapper__body__item__options .options__icons { width: 15px; height: 15px; }
.view__cart__items__wrapper__body__item__options > .btn-remove-from-cart {
    color: #be123c !important;
    background: #fff1f2 !important;
    border-color: #fecdd3;
}
.view__cart__items__wrapper__body__item__options > .btn-remove-from-cart .options__icons { fill: #e11d48 !important; }
.view__cart__items__wrapper__body__item__options > .btn-remove-from-cart:hover { color: #fff !important; background: linear-gradient(135deg, #e11d48, #fb7185) !important; box-shadow: 0 10px 18px -10px #e11d48; transform: translateY(-1px); }
.view__cart__items__wrapper__body__item__options > .btn-remove-from-cart:hover .options__icons { fill: #fff !important; }
.view__cart__items__wrapper__body__item__options > a {
    color: #1d4ed8 !important;
    background: #eff6ff;
    border-color: #bfdbfe;
}
.view__cart__items__wrapper__body__item__options > a .options__icons { fill: #2563eb !important; }
.view__cart__items__wrapper__body__item__options > a:hover { color: #fff !important; background: linear-gradient(135deg, #2563eb, #38bdf8); box-shadow: 0 10px 18px -10px #2563eb; transform: translateY(-1px); }
.view__cart__items__wrapper__body__item__options > a:hover .options__icons { fill: #fff !important; }
.view__cart__items__wrapper__body__item { border-radius: 18px; transition: box-shadow .25s ease; }
.view__cart__items__wrapper__body__item:hover { box-shadow: 0 16px 30px -24px rgba(40, 20, 70, .55); }
#modalRemoveItem .modal-content, #modalEmptyCart .modal-content { border-radius: 22px !important; overflow: hidden; }

/* =====================================================================
   12. FOOTER
   ===================================================================== */
.ksa-foot-help {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin: 40px auto -46px;
    width: min(100% - 32px, 1180px);
    padding: 22px 26px;
    border-radius: 24px;
    color: #fff;
    z-index: 2;
    overflow: hidden;
    background:
        radial-gradient(60% 140% at 100% 0%, rgba(255, 255, 255, .2), transparent 60%),
        linear-gradient(135deg, #4c1d95, #7c3aed 50%, #2563eb);
    box-shadow: 0 30px 60px -30px #4c1d95;
}
.ksa-foot-help::after {
    content: "";
    position: absolute;
    inset-inline-start: -40px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 30px solid rgba(255, 255, 255, .07);
    pointer-events: none;
}
.ksa-foot-help__text { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ksa-foot-help__text strong { display: block; font-size: 17px; font-weight: 900; }
.ksa-foot-help__text span { display: block; font-size: 13px; opacity: .85; }
.ksa-foot-help__icon {
    --fa-primary-color: #fff;
    --fa-secondary-color: #fde68a;
    --fa-secondary-opacity: 1;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 24px;
    background: rgba(255, 255, 255, .14);
}
.ksa-foot-help__actions { display: flex; gap: 10px; flex-wrap: wrap; position: relative; z-index: 1; }
.ksa-foot-help__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 13px;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .25);
    transition: background-color .2s ease, transform .2s ease;
}
.ksa-foot-help__btn i { --fa-primary-color: #fff; --fa-secondary-color: #fff; }
.ksa-foot-help__btn:hover { background: rgba(255, 255, 255, .26); transform: translateY(-2px); }
.ksa-foot-help__btn.is-primary { color: #4c1d95 !important; background: linear-gradient(135deg, #fde68a, #fbbf24); border-color: transparent; box-shadow: 0 12px 22px -12px #f59e0b; }
.ksa-foot-help__btn.is-primary i { --fa-primary-color: #4c1d95; --fa-secondary-color: #7c3aed; }

.ksa-foot.main__footer__wrapper {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: 70px;
    background:
        radial-gradient(40% 60% at 0% 0%, rgba(124, 58, 237, .09), transparent 70%),
        radial-gradient(40% 60% at 100% 100%, rgba(37, 99, 235, .08), transparent 70%),
        linear-gradient(180deg, #fbfaff 0%, #f3f1fb 100%) !important;
    border-top: 1px solid rgba(124, 58, 237, .1);
}
.ksa-foot.main__footer__wrapper::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #7c3aed, #ec4899, #f59e0b, #2563eb);
    z-index: 1;
}
.ksa-foot .bottom__footer__links__wrapper h6 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    margin-bottom: 14px !important;
    font-weight: 900 !important;
    color: #1f1530 !important;
}
.ksa-foot .bottom__footer__links__wrapper h6::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 34px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #7c3aed, #ec4899);
}
.ksa-foot-title-icon {
    --fa-primary-color: #7c3aed;
    --fa-secondary-color: #a855f7;
    width: 30px;
    height: 30px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 13px;
    background: #efe9ff;
}
.ksa-foot .bottom__footer__links__list li { margin-bottom: 4px; }
.ksa-foot .bottom__footer__links__list a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    color: #4b5563 !important;
    font-weight: 600;
    transition: color .2s ease, transform .2s ease;
}
.ksa-foot .bottom__footer__links__list a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c4b5fd;
    transition: background-color .2s ease, transform .2s ease;
}
.ksa-foot .bottom__footer__links__list a:hover { color: #6d28d9 !important; transform: translateX(-4px); }
.ltr .ksa-foot .bottom__footer__links__list a:hover { transform: translateX(4px); }
.ksa-foot .bottom__footer__links__list a:hover::before { background: #7c3aed; transform: scale(1.4); }
.ksa-foot .bottom__footer__links__list a.ksa-foot-hot { color: #be185d !important; }
.ksa-foot .bottom__footer__links__list a.ksa-foot-hot::before { background: #ec4899; box-shadow: 0 0 0 3px rgba(236, 72, 153, .18); }
.ksa-foot .footer__website__informations {
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(124, 58, 237, .1);
    box-shadow: 0 18px 40px -32px rgba(40, 20, 70, .5);
}
.ksa-foot .footer__contact__methods__item {
    padding: 8px 10px;
    border-radius: 12px;
    color: #374151 !important;
    background: #fff;
    border: 1px solid rgba(124, 58, 237, .08);
    transition: border-color .2s ease, transform .2s ease;
}
.ksa-foot a.footer__contact__methods__item:hover { border-color: rgba(124, 58, 237, .35); transform: translateY(-1px); }
.ksa-foot .footer__contact__methods__item i {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
}
.ksa-foot .footer__copyright__wrapper {
    margin-top: 30px;
    border-top: 1px solid rgba(124, 58, 237, .12) !important;
    background: rgba(255, 255, 255, .55);
}
.ksa-foot .the__copyright__text { color: #6b7280 !important; font-weight: 600 !important; }
.ksa-foot .footer__copyright__social__accounts { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ksa-foot .footer__copyright__social__accounts a {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    color: #6d28d9 !important;
    background: #fff !important;
    border: 1px solid rgba(124, 58, 237, .14);
    transition: transform .2s ease, color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.ksa-foot .footer__copyright__social__accounts a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #ec4899) !important;
    transform: translateY(-3px) rotate(-6deg);
    box-shadow: 0 12px 20px -10px #7c3aed;
}

/* =====================================================================
   13. DOMAIN STEP (configureproductdomain) + CHECKOUT
   ===================================================================== */
.standard__cart__order__steps { gap: 6px; }
.standard__cart__order__steps__item { transition: color .2s ease; }
.standard__cart__order__steps__item__number {
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
.standard__cart__order__steps__item.done .standard__cart__order__steps__item__number {
    color: #fff !important;
    background: linear-gradient(135deg, #10b981, #34d399) !important;
    box-shadow: 0 6px 14px -6px #10b981;
}
.standard__cart__order__steps__item.current .standard__cart__order__steps__item__number {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
    box-shadow: 0 0 0 5px rgba(124, 58, 237, .15), 0 8px 16px -6px #7c3aed;
    animation: ksaStepPulse 2.2s ease-in-out infinite;
}
@keyframes ksaStepPulse { 50% { box-shadow: 0 0 0 9px rgba(124, 58, 237, .08), 0 8px 16px -6px #7c3aed; } }
.standard__cart__order__steps__item.current .standard__cart__order__steps__item__text { color: #6d28d9 !important; font-weight: 800; }

/* domain option tabs */
.domain-productconfigiration-options-group { gap: 8px; flex-wrap: wrap; }
.domain-productconfigiration-options-item label {
    gap: 8px;
    padding: 9px 16px !important;
    border-radius: 999px;
    font-weight: 700;
    background: #fff;
    border: 1px solid rgba(124, 58, 237, .15);
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.domain-productconfigiration-options-item label::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 11px;
    color: #7c3aed;
    background: #f3eeff;
}
.domain-productconfigiration-options-item label.registerdomain::before { content: "\f067"; }
.domain-productconfigiration-options-item label.transferdomain::before { content: "\f362"; }
.domain-productconfigiration-options-item label.owndomain::before,
.domain-productconfigiration-options-item.owndomain label::before { content: "\f0ac"; }
.domain-productconfigiration-options-item label.subdomains::before { content: "\f0e8"; }
.domain-productconfigiration-options-item label.incartdomains::before { content: "\f07a"; }
.domain-productconfigiration-options-item label:hover { border-color: rgba(124, 58, 237, .4); }
.domain-productconfigiration-options-item label:has(input:checked),
.domain-productconfigiration-options-item label:has(.checked),
.domain-productconfigiration-options-item.active label {
    color: #fff !important;
    border-color: transparent;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    box-shadow: 0 12px 22px -12px #7c3aed;
}
.domain-productconfigiration-options-item label:has(input:checked)::before,
.domain-productconfigiration-options-item label:has(.checked)::before { color: #7c3aed; background: #fff; }

/* domain search box */
.domain-slector-inputs .domain__search__input__wrapper,
#selection-options-domains .domain__search__input__wrapper {
    border-radius: 18px !important;
    box-shadow: 0 16px 34px -22px rgba(0, 0, 0, .55);
    transition: box-shadow .25s ease;
}
.domain-slector-inputs .domain__search__input__wrapper:focus-within { box-shadow: 0 0 0 4px rgba(253, 230, 138, .55), 0 16px 34px -22px rgba(0, 0, 0, .55); }
.domain-selection-options-buttom.btn-primary {
    border-radius: 14px !important;
    font-weight: 800 !important;
    color: #4c1d95 !important;
    border: 0 !important;
    background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
    box-shadow: 0 10px 20px -10px #f59e0b;
}
#DomainSearchResults .domain-available, #primaryLookupResult .domain-available { color: #047857; font-weight: 800; }
#DomainSearchResults .domain-unavailable, #primaryLookupResult .domain-unavailable { color: #be123c; font-weight: 800; }
#btnDomainContinue {
    border-radius: 14px !important;
    font-weight: 800 !important;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #a855f7 55%, #ec4899) !important;
    box-shadow: 0 14px 26px -14px #7c3aed;
}
#btnDomainContinue:disabled { filter: grayscale(.4); opacity: .7; box-shadow: none; }

/* checkout */
.checkout__informations__wrapper .default__shadow__panel {
    position: relative;
    overflow: hidden;
    border-radius: 22px !important;
    border: 1px solid rgba(124, 58, 237, .1) !important;
    box-shadow: 0 18px 40px -32px rgba(40, 20, 70, .55) !important;
}
.checkout__informations__wrapper .default__shadow__panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #7c3aed, #2563eb);
}
.checkout__informations__wrapper .field__title,
.checkout__informations__wrapper h6.coodiv-text-9 { font-weight: 900 !important; color: #1f1530; }
.checkout__informations__wrapper .form-control { border-radius: 12px !important; transition: border-color .2s ease, box-shadow .2s ease; }
.checkout__informations__wrapper .form-control:focus { border-color: #8b5cf6 !important; box-shadow: 0 0 0 4px rgba(139, 92, 246, .14) !important; }
.checkout__payment__gateway__radios {
    border-radius: 16px !important;
    border: 1px solid rgba(124, 58, 237, .14) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.checkout__payment__gateway__radios:hover { border-color: rgba(124, 58, 237, .4) !important; }
.checkout__payment__gateway__radios:has(input:checked), .checkout__payment__gateway__radios:has(.checked) {
    border-color: #7c3aed !important;
    background: #faf7ff !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .12);
}
#btnCompleteOrder {
    border-radius: 16px !important;
    padding: 14px 30px !important;
    font-weight: 900 !important;
    border: 0 !important;
    background: linear-gradient(135deg, #059669, #10b981 50%, #2563eb) !important;
    box-shadow: 0 16px 30px -14px #059669;
}
#btnCompleteOrder::before { content: "\f023"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-inline-end: 8px; }

/* =====================================================================
   14. INVOICE (viewinvoice.tpl)
   ===================================================================== */
.view__invoice__page__main__content.default__shadow__panel {
    position: relative;
    overflow: hidden;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, .1) !important;
    box-shadow: 0 22px 50px -36px rgba(40, 20, 70, .6) !important;
}
.view__invoice__page__main__content.default__shadow__panel::before {
    content: "";
    display: block;
    height: 6px;
    background: linear-gradient(90deg, #7c3aed, #ec4899, #f59e0b);
}
.view__invoice__page__main__conent__header {
    background:
        radial-gradient(60% 140% at 100% 0%, rgba(124, 58, 237, .1), transparent 60%),
        linear-gradient(135deg, #faf7ff, #f3f7ff) !important;
}
.invoice-status .badge {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}
.invoice-status .badge::before { font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.invoice-status .badge-danger { color: #be123c !important; background: #ffe4e6 !important; }
.invoice-status .badge-danger::before { content: "\f071"; }
.invoice-status .badge-success { color: #047857 !important; background: #d1fae5 !important; }
.invoice-status .badge-success::before { content: "\f058"; }
.invoice-status .badge-warning { color: #b45309 !important; background: #fef3c7 !important; }
.invoice-status .badge-warning::before { content: "\f017"; }
.invoice-status .badge-primary, .invoice-status .badge-info { color: #1d4ed8 !important; background: #dbeafe !important; }
.invoice-status .badge-dark { color: #374151 !important; background: #f3f4f6 !important; }
.view__invoice__page__main__content__tables .table thead td, .view__invoice__page__main__content__tables .table thead th {
    background: #f5f3ff !important;
    color: #5b21b6 !important;
    font-weight: 800 !important;
    border: 0 !important;
}
.view__invoice__page__main__content__tables .table thead td:first-child, .view__invoice__page__main__content__tables .table thead th:first-child { border-start-start-radius: 12px; border-end-start-radius: 12px; }
.view__invoice__page__main__content__tables .table thead td:last-child, .view__invoice__page__main__content__tables .table thead th:last-child { border-start-end-radius: 12px; border-end-end-radius: 12px; }
.view__invoice__page__main__content__tables .table tbody tr { transition: background-color .2s ease; }
.view__invoice__page__main__content__tables .table tbody tr:hover { background: #faf7ff; }
.view__invoice__page__main__content__tables .total-row { font-weight: 800; }
.view__invoice__page__main__content__tables tr:last-child .total-row { font-size: 1.05em; color: #5b21b6; }
.view__invoice__page__sidebar {
    border-radius: 24px !important;
    overflow: hidden;
}
.view__invoice__page__sidebar__total {
    position: relative;
    padding: 22px !important;
    border-radius: 20px;
    color: #fff;
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .2), transparent 60%),
        linear-gradient(135deg, #4c1d95, #7c3aed 55%, #2563eb);
    box-shadow: 0 22px 40px -26px #4c1d95;
}
.view__invoice__page__sidebar__total * { color: #fff !important; }
.view__invoice__page__sidebar__payment__method, .view__invoice__page__sidebar__add-credit, .view__invoice__page__sidebar__actions {
    border-radius: 18px;
}
.view__invoice__page__sidebar .payment-btn-container .btn,
.view__invoice__page__sidebar .payment-btn-container input[type="submit"],
.view__invoice__page__sidebar .payment-btn-container button {
    border-radius: 14px !important;
    padding: 12px 22px !important;
    font-weight: 900 !important;
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #059669, #10b981 50%, #2563eb) !important;
    box-shadow: 0 14px 26px -14px #059669;
}
.view__invoice__page__sidebar .form-control, .view__invoice__page__sidebar select { border-radius: 12px !important; }

@media (max-width: 767px) {
    .ksa-foot-help { margin-bottom: -30px; padding: 18px; }
    .ksa-foot-help__text strong { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .ksa-catbar-btn, .standard__cart__order__steps__item__number { animation: none !important; }
}

/* footer: compact company box so the link columns get the room (titles stay on one line) */
.ksa-foot .footer__website__informations { padding: 16px 16px 14px; }
.ksa-foot .footer__website__informations .footer__logo__wrapper { margin-bottom: 8px !important; justify-content: flex-start !important; }
.ksa-foot .footer__website__informations .footer__logo__wrapper img { max-height: 38px; width: auto; }
.ksa-foot .footer__website__informations > p { font-size: 12px !important; line-height: 1.8; color: #6b7280; margin-bottom: 0; }
.ksa-foot .footer__website__informations .mt-7 { margin-top: 12px !important; gap: 6px !important; }
.ksa-foot .footer__contact__methods__item { padding: 6px 8px; font-size: 12px !important; }
.ksa-foot .footer__contact__methods__item i { flex-basis: 26px; width: 26px; height: 26px; border-radius: 8px; font-size: 11px; }
.ksa-foot .bottom__footer__links__wrapper h6 { white-space: nowrap; font-size: 15px !important; }
.ksa-foot-title-icon { width: 26px; height: 26px; flex: 0 0 26px; font-size: 12px; border-radius: 8px; }
.ksa-foot .bottom__footer__links__list a { font-size: 13px; }

/* standard_cart product list (live uses it for /store/*): product descriptions with blank lines
   render as long runs of <br>, which left ~500px of empty space in every card. Collapse them. */
#order-standard_cart .product .product-desc br + br,
#order-standard_cart .product .product-desc p + br,
#order-standard_cart .product .product-desc > br:first-child { display: none; }
#order-standard_cart .product .product-desc img { max-width: 100%; height: auto; }
#order-standard_cart .product .hosting-specs { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 14px; overflow: hidden; }
#order-standard_cart .product .hosting-specs th { padding: 10px 12px; color: #5b21b6; background: #f5f3ff; font-weight: 800; }
#order-standard_cart .product .hosting-specs td { padding: 7px 12px; border-top: 1px solid #f1eef9; }
#order-standard_cart .product .hosting-specs tr:hover td { background: #faf8ff; }