@charset "UTF-8";

/* i2webhost unified WHMCS experience layer
   Goal: bring WHMCS frontend/client area/order flows close to the same
   visual identity and spacing system used in the main HTML website. */

@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../assets/fonts/inter-latin-var.woff2") format("woff2");
}
@font-face{
  font-family:"Noto Kufi Arabic";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../assets/fonts/noto-kufi-arabic-arabic-var.woff2") format("woff2");
}

:root{
  --i2-bg:#ffffff;
  --i2-ink:#0f1020;
  --i2-muted:rgba(15,16,32,.72);
  --i2-border:rgba(15,16,32,.10);
  --i2-border-strong:rgba(15,16,32,.14);
  --i2-purple-600:#6d28d9;
  --i2-purple-500:#7c3aed;
  --i2-purple-400:#8b5cf6;
  --i2-purple-200:#ddd6fe;
  --i2-purple-soft:rgba(109,40,217,.08);
  --i2-shadow:0 20px 60px rgba(15,16,32,.12);
  --i2-shadow-soft:0 10px 30px rgba(15,16,32,.08);
  --i2-radius:18px;
  --i2-radius-sm:14px;
  --i2-container:1120px;
  --i2-header-offset:128px;
  --i2-btn-active:translateY(1px);
}

*,
*::before,
*::after{box-sizing:border-box}

html,body{overflow-x:hidden}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color:var(--i2-ink) !important;
  background:linear-gradient(180deg,#fff 0%,#fff 45%,#faf7ff 100%) !important;
  line-height:1.55;
}

html[dir="rtl"] body,
body[dir="rtl"]{
  font-family:"Noto Kufi Arabic",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  direction:rtl;
  text-align:right;
  background:#fff !important;
  position:relative;
}
html[dir="rtl"] body::before,
body[dir="rtl"]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,#fff 0%,#fff 45%,#faf7ff 100%);
}

a{
  color:var(--i2-purple-600);
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .08s ease;
}
a:hover{
  color:var(--i2-purple-500);
  text-decoration:none;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  color:var(--i2-ink) !important;
  font-weight:850;
  letter-spacing:-.03em;
}
p,small,.small,.text-muted,.muted,.copyright,.lead{
  color:var(--i2-muted) !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl{
  width:100%;
  max-width:var(--i2-container) !important;
  margin-left:auto;
  margin-right:auto;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* Header shell */
header#header.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid transparent;
  box-shadow:none;
}
header#header.header .topbar{
  background:rgba(255,255,255,.86) !important;
  border-bottom:1px solid var(--i2-border);
}
header#header.header .topbar .btn,
header#header.header .topbar a.btn{
  color:var(--i2-ink) !important;
  border-radius:12px;
}
header#header.header .navbar{
  background:transparent !important;
  padding-top:14px;
  padding-bottom:14px;
}
header#header .navbar-light{
  border-bottom:1px solid var(--i2-border);
}
header#header .main-navbar-wrapper{
  margin-top:0 !important;
  background:transparent !important;
}
.main-navbar-wrapper .navbar-collapse{
  align-items:center;
}
.master-breadcrumb{
  margin-top:calc(var(--i2-header-offset) - 120px);
  background:transparent;
}
.master-breadcrumb .breadcrumb{
  background:#fff;
  border:1px solid var(--i2-border);
  border-radius:999px;
  padding:10px 14px;
  box-shadow:var(--i2-shadow-soft);
}

/* Brand */
.i2-brand,
.i2-footer-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:var(--i2-ink) !important;
}
.brand-mark{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff !important;
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400));
  box-shadow:0 10px 20px rgba(109,40,217,.25);
  font-weight:800;
  flex:0 0 34px;
}
.brand-text{
  color:var(--i2-ink);
  font-weight:850;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.navbar-brand img.logo-img{
  max-height:42px;
  width:auto;
}

/* Primary nav */
#nav.navbar-nav,
.nav-links{
  gap:10px;
}
#nav > li > a,
.nav-links a,
.navbar-nav > li > a,
.navbar-nav .nav-link{
  color:rgba(15,16,32,.86) !important;
  font-weight:650;
  padding:8px 10px !important;
  border-radius:12px;
}
#nav > li > a:hover,
.navbar-nav > li > a:hover,
.navbar-nav .nav-link:hover{
  color:var(--i2-purple-600) !important;
  background:rgba(109,40,217,.06);
}
.dropdown-menu{
  border:1px solid var(--i2-border);
  border-radius:16px;
  padding:10px;
  box-shadow:0 18px 50px rgba(15,16,32,.14);
  background:#fff;
}
.dropdown-item{
  border-radius:12px;
  padding:10px 12px !important;
  color:var(--i2-ink) !important;
  font-weight:700;
}
.dropdown-item:hover,
.dropdown-item:focus{
  background:rgba(109,40,217,.06);
  color:var(--i2-purple-600) !important;
}
.dropdown-toggle::after{
  margin-inline-start:6px;
}

/* Search */
.search .form-control,
.input-group .form-control,
.custom-select,
select.form-control{
  min-height:46px;
  border-radius:14px !important;
  border:1px solid var(--i2-border-strong) !important;
  box-shadow:none !important;
  color:var(--i2-ink) !important;
  background:#fff !important;
}
.search .btn,
.input-group .btn{
  border-radius:14px !important;
}
.nav-search .input-group .btn,
.main-navbar-wrapper .search .btn{
  min-height:46px;
}
.nav-search .input-group .form-control,
.main-navbar-wrapper .search .form-control{
  font-weight:300 !important;
}
.modal-backdrop{
  z-index:1990 !important;
}
.modal-backdrop.show,
.modal-backdrop.fade.show{
  z-index:1990 !important;
}
.modal,
.modal.show{
  z-index:2000 !important;
}
.modal-dialog{
  position:relative;
  z-index:2001 !important;
}
.modal-content{
  position:relative;
  z-index:2002 !important;
}
#modalChooseLanguage,
.modal-localisation,
.system-modal{
  z-index:2100 !important;
}
#modalChooseLanguage.show,
.modal-localisation.show,
.system-modal.show{
  z-index:2100 !important;
}
#modalChooseLanguage .modal-dialog,
.modal-localisation .modal-dialog,
.system-modal .modal-dialog,
#modalChooseLanguage .modal-dialog.modal-lg,
.modal-localisation .modal-dialog.modal-lg{
  position:relative;
  z-index:2101 !important;
}
#modalChooseLanguage .modal-content,
.modal-localisation .modal-content,
.system-modal .modal-content{
  position:relative;
  z-index:2102 !important;
}
body.modal-open header#header.header{
  z-index:1 !important;
}
body.modal-open .modal{
  z-index:1200 !important;
}
.modal-open .modal{
  z-index:1200 !important;
}
body.modal-open header#header.header,
body.modal-open header#header.header *{
  pointer-events:none;
}

/* Main content spacing */
section#main-body,
html[dir="rtl"] section#main-body,
body[dir="rtl"] section#main-body{
  margin-top:120px !important;
  padding-bottom:36px;
}
.primary-content,
.sidebar{
  min-width:0;
}

/* Buttons */
.btn,
button.btn{
  border-radius:14px !important;
  font-weight:750;
  padding:11px 14px;
  box-shadow:none;
}
.btn-primary,
button.btn-primary,
a.btn-primary,
.btn-success{
  color:#fff !important;
  border:1px solid transparent !important;
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400)) !important;
  box-shadow:0 12px 22px rgba(109,40,217,.22) !important;
}
.btn-primary:hover,
.btn-success:hover{
  box-shadow:0 14px 28px rgba(109,40,217,.28) !important;
}
.btn:active,
button.btn:active,
a.btn:active{
  transform:var(--i2-btn-active);
}
.btn-default,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-light{
  color:var(--i2-ink) !important;
  border:1px solid var(--i2-border) !important;
  background:rgba(255,255,255,.92) !important;
}
.btn-default:hover,
.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-light:hover{
  color:var(--i2-purple-600) !important;
  border-color:rgba(109,40,217,.25) !important;
  box-shadow:0 10px 20px rgba(15,16,32,.08) !important;
}

/* Form labels */
.form-group label,
.form-control-label,
label.form-control-label,
label{
  font-weight:800;
  font-size:12px;
  color:rgba(15,16,32,.80);
  margin-bottom:6px;
  letter-spacing:-.01em;
}

/* Input group addons */
.input-group-text{
  background:rgba(255,255,255,.92) !important;
  border:1px solid var(--i2-border-strong) !important;
  border-radius:14px !important;
  color:var(--i2-ink) !important;
  font-weight:750;
  font-size:13px;
  padding:10px 14px;
}
.input-group-prepend .input-group-text{
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}
.input-group-append .input-group-text{
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
}
html[dir="rtl"] .input-group-prepend .input-group-text{
  border-top-right-radius:14px !important;
  border-bottom-right-radius:14px !important;
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
}
html[dir="rtl"] .input-group-append .input-group-text{
  border-top-left-radius:14px !important;
  border-bottom-left-radius:14px !important;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

/* Icons */
i.far,
i.fal,
i.fad,
[class*="fa-"]{
  color:var(--i2-purple-600);
}
.text-muted [class*="fa-"],
.muted [class*="fa-"],
.copyright [class*="fa-"]{
  color:var(--i2-muted);
}

/* Cards / panels */
.card,
.panel,
.product,
.order-summary,
.boxed-title,
.dashboard-panel,
.modal-content{
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:var(--i2-radius) !important;
  box-shadow:var(--i2-shadow) !important;
  background:#fff !important;
}
.card{
  overflow:hidden;
}
.card-header,
.panel-heading,
.modal-header{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,255,.92)) !important;
  border-bottom:1px solid var(--i2-border) !important;
  color:var(--i2-ink) !important;
}
.card-title,
.panel-title{
  font-weight:850;
  letter-spacing:-.02em;
}
.card-body,
.panel-body,
.card-footer,
.panel-footer{
  background:#fff !important;
}

/* Alerts */
.alert{
  border:none !important;
  border-radius:16px !important;
  box-shadow:var(--i2-shadow-soft);
  padding:14px 16px;
}
.alert-info,
.alert-primary{
  background:rgba(109,40,217,.08) !important;
  color:var(--i2-ink) !important;
}
.alert-success{
  background:rgba(16,185,129,.10) !important;
  color:var(--i2-ink) !important;
}
.alert-warning{
  background:rgba(245,158,11,.12) !important;
  color:var(--i2-ink) !important;
}
.alert-danger{
  background:rgba(239,68,68,.11) !important;
  color:var(--i2-ink) !important;
}
.alert h2,
.alert h3,
.alert strong{
  color:var(--i2-ink) !important;
}

/* Sidebar */
.sidebar .card,
.card-sidebar{
  border-radius:18px !important;
}
.sidebar .card-header{
  padding:14px 16px;
}
.sidebar .list-group-item,
.sidebar .list-group-item-action{
  border:0 !important;
  border-top:1px solid rgba(15,16,32,.06) !important;
  padding:12px 16px !important;
  color:var(--i2-ink) !important;
  background:#fff !important;
}
.sidebar .list-group-item:hover,
.sidebar .list-group-item-action:hover,
.sidebar .list-group-item.active{
  background:rgba(109,40,217,.06) !important;
  color:var(--i2-purple-600) !important;
}
.sidebar-menu-item-icon,
.sidebar-menu-item-icon-wrapper i{
  color:var(--i2-purple-600) !important;
}
.sidebar .badge{
  background:rgba(109,40,217,.12);
  color:var(--i2-purple-600);
}

/* Tables */
.table,
table.dataTable{
  border-collapse:separate !important;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  box-shadow:var(--i2-shadow-soft);
  background:#fff;
}
.table thead th,
table.dataTable thead th{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,255,.92)) !important;
  color:var(--i2-ink) !important;
  border-bottom:1px solid var(--i2-border) !important;
  font-weight:800;
}
.table td,
.table th,
table.dataTable tbody td{
  border-top:1px solid rgba(15,16,32,.06) !important;
  vertical-align:middle;
}
.table-hover tbody tr:hover,
table.dataTable tbody tr:hover{
  background:rgba(109,40,217,.035);
}

/* Labels & badges */
.label,
.badge{
  font-weight:800;
  border-radius:999px !important;
  padding:5px 10px;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.badge-info,
.label-info{
  background:rgba(109,40,217,.12) !important;
  color:#6d28d9 !important;
}
.badge-success,
.label-success{
  background:rgba(16,185,129,.12) !important;
  color:#059669 !important;
}
.badge-danger,
.label-danger{
  background:rgba(239,68,68,.11) !important;
  color:#dc2626 !important;
}
.badge-warning,
.label-warning{
  background:rgba(245,158,11,.12) !important;
  color:#d97706 !important;
}
.badge-secondary,
.label-default{
  background:rgba(15,16,32,.08) !important;
  color:var(--i2-ink) !important;
}

/* Progress bars */
.progress{
  height:10px;
  border-radius:999px;
  background:rgba(15,16,32,.08);
  overflow:hidden;
  box-shadow:none;
}
.progress-bar{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--i2-purple-600),var(--i2-purple-400));
}
.progress-bar.bg-success{background:linear-gradient(90deg,#059669,#10b981) !important}
.progress-bar.bg-info{background:linear-gradient(90deg,var(--i2-purple-600),var(--i2-purple-400)) !important}
.progress-bar.bg-warning{background:linear-gradient(90deg,#d97706,#f59e0b) !important}
.progress-bar.bg-danger{background:linear-gradient(90deg,#dc2626,#ef4444) !important}

/* Nav tabs */
.nav-tabs{
  border-bottom:1px solid var(--i2-border);
  gap:8px;
}
.nav-tabs .nav-link{
  border:1px solid var(--i2-border) !important;
  border-radius:14px !important;
  background:#fff;
  color:var(--i2-ink) !important;
  font-weight:750;
  padding:10px 14px !important;
  margin-bottom:0;
}
.nav-tabs .nav-link:hover{
  color:var(--i2-purple-600) !important;
  border-color:rgba(109,40,217,.22) !important;
  background:rgba(109,40,217,.06) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
  color:var(--i2-purple-600) !important;
  border-color:rgba(109,40,217,.22) !important;
  background:rgba(109,40,217,.08) !important;
}

/* Pagination */
.pagination{
  gap:4px;
}
.page-link{
  border:1px solid var(--i2-border) !important;
  border-radius:12px !important;
  color:var(--i2-ink) !important;
  background:#fff !important;
  font-weight:700;
  padding:10px 14px;
}
.page-link:hover{
  color:var(--i2-purple-600) !important;
  border-color:rgba(109,40,217,.25) !important;
  background:rgba(109,40,217,.06) !important;
}
.page-item.active .page-link{
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 4px 14px rgba(109,40,217,.25);
}
.page-item.disabled .page-link{
  opacity:.5;
}
html[dir="rtl"] .pagination{
  direction:rtl;
}

/* List groups */
.list-group-item{
  border:1px solid var(--i2-border) !important;
  border-radius:12px !important;
  color:var(--i2-ink) !important;
  background:#fff !important;
  padding:12px 16px;
  margin-bottom:6px;
}
.list-group-item-action:hover{
  background:rgba(109,40,217,.06) !important;
  color:var(--i2-purple-600) !important;
}
.list-group-item.active{
  background:rgba(109,40,217,.08) !important;
  border-color:rgba(109,40,217,.22) !important;
  color:var(--i2-purple-600) !important;
}

/* Loading overlay */
#fullpage-overlay{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(4px);
}

/* Section spacing */
.section,
.well{
  padding:40px 0;
}

/* Domain pricing */
.domain-pricing .price-item,
.price-item{
  border:1px solid var(--i2-border);
  border-radius:var(--i2-radius);
  background:#fff;
  padding:18px;
}
.domain-pricing .price-item .domain-desc,
.price-item .domain-desc{
  font-weight:750;
  color:var(--i2-muted);
}
.domain-pricing .price-item .price,
.price-item .price{
  font-weight:900;
  color:var(--i2-ink);
}

/* Ticket status & replies */
.ticket-reply{
  border:1px solid var(--i2-border);
  border-radius:var(--i2-radius);
  background:#fff;
  padding:18px;
}
.ticket-reply .staff{
  color:var(--i2-purple-600);
  font-weight:800;
}
.ticket-reply .user{
  font-weight:800;
}
.ticket-reply .date{
  color:var(--i2-muted);
  font-weight:700;
  font-size:12px;
}
.ticket-attachments{
  border-top:1px solid var(--i2-border);
  margin-top:14px;
  padding-top:14px;
}
.ticket-attachments a{
  color:var(--i2-purple-600);
  font-weight:700;
}

/* Invoice status */
.invoice-status{
  border-radius:14px;
  padding:14px 18px;
  font-weight:800;
}
.invoice-status.paid{
  background:rgba(16,185,129,.10);
  color:#059669;
}
.invoice-status.unpaid{
  background:rgba(239,68,68,.11);
  color:#dc2626;
}
.invoice-status.cancelled{
  background:rgba(15,16,32,.06);
  color:var(--i2-muted);
}
.invoice-status.refunded{
  background:rgba(245,158,11,.10);
  color:#d97706;
}
.invoice-status.collections{
  background:rgba(239,68,68,.11);
  color:#dc2626;
}

/* Password reveal button */
.btn-reveal-pw{
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
}

/* Check list style used in order forms */
.checks-list,
.feature-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.checks-list li,
.feature-list li{
  position:relative;
  padding-left:22px;
  color:var(--i2-muted);
  font-weight:650;
}
.checks-list li::before,
.feature-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--i2-purple-600);
  font-weight:900;
}
html[dir="rtl"] .checks-list li,
html[dir="rtl"] .feature-list li{
  padding-left:0;
  padding-right:22px;
}
html[dir="rtl"] .checks-list li::before,
html[dir="rtl"] .feature-list li::before{
  left:auto;
  right:0;
}

/* Page header / section titles */
.page-header,
.header-lined{
  border-bottom:1px solid var(--i2-border);
  padding-bottom:12px;
  margin-bottom:18px;
}
.page-header h1,
.header-lined h1{
  font-size:28px;
  letter-spacing:-.03em;
  font-weight:850;
}

/* Back-to-top FAB (needs JS to toggle .is-visible) */
.backtop-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400));
  color:#fff;
  box-shadow:0 18px 46px rgba(109,40,217,.28);
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,box-shadow .2s ease;
  z-index:80;
}
.backtop-fab.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.backtop-fab:hover{
  box-shadow:0 22px 60px rgba(109,40,217,.34);
}
html[dir="rtl"] .backtop-fab{
  right:auto;
  left:18px;
}

/* Account recent items (client area) */
.client-home-panels .card-body .row > div > a{
  font-weight:700;
  color:var(--i2-ink);
}
.client-home-panels .card-body .row > div > a:hover{
  color:var(--i2-purple-600);
}

/* Homepage tiles and icon buttons */
.tiles .tile,
.action-icon-btns a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:168px;
  padding:20px 18px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  background:#fff !important;
  box-shadow:var(--i2-shadow);
  color:var(--i2-ink) !important;
}
.tiles .tile .stat{
  color:var(--i2-ink) !important;
  font-weight:900;
  font-size:30px;
}
.tiles .tile .title,
.action-icon-btns a{
  color:var(--i2-muted) !important;
  font-weight:750;
}
.tiles .tile i,
.action-icon-btns .ico-container i{
  color:var(--i2-purple-600) !important;
  font-size:28px;
}
.tiles .tile .highlight{
  height:4px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400)) !important;
}
.action-icon-btns .ico-container{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(109,40,217,.08);
}

/* Domain search */
.home-domain-search,
html[dir="rtl"] .home-domain-search,
body[dir="rtl"] .home-domain-search{
  background:transparent !important;
  margin-top:110px !important;
}
.home-domain-search .container > .p-5,
html[dir="rtl"] .home-domain-search .container > .p-5,
body[dir="rtl"] .home-domain-search .container > .p-5{
  padding:26px !important;
  border:1px solid rgba(255,255,255,.55);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--i2-shadow);
}
.home-domain-search h2{
  margin-bottom:18px;
}
.home-domain-search .input-group-wrapper{
  max-width:880px;
  margin:0 auto 18px;
}
.home-domain-search .input-group .form-control{
  min-height:54px;
}
.home-domain-search .input-group .btn{
  min-height:54px;
}
.home-domain-search .tld-logos{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  padding:0;
  list-style:none;
}
.home-domain-search .tld-logos li{
  padding:10px 14px;
  border:1px solid var(--i2-border);
  border-radius:14px;
  background:#fff;
  color:var(--i2-muted);
}

/* Client home cards */
.client-home-cards .card,
.client-home-panels .card{
  margin-bottom:18px;
}
.card-accent-blue,
.card-accent-green,
.card-accent-red,
.card-accent-gold,
.card-accent-teal,
.card-accent-pomegranate,
.card-accent-sun-flower,
.card-accent-asbestos,
.card-accent-midnight-blue{
  border-top:3px solid var(--i2-purple-500) !important;
}

/* Store / cart / order */
.store-order-container,
.store-promoted-product,
.payment-term,
.tab-content.bg-white.store-domain-tab-content{
  border-radius:18px;
}
.store-order-container{
  padding:24px;
  border:1px solid rgba(255,255,255,.55);
  background:#fff;
  box-shadow:var(--i2-shadow);
}
.store-order-container h2,
.store-order-container h4{
  color:var(--i2-ink) !important;
}
.store-order-container .store-domain-tabs{
  gap:8px;
  border-bottom:none;
  margin-bottom:10px;
}
.store-order-container .store-domain-tabs .nav-link{
  border:1px solid var(--i2-border);
  border-radius:14px !important;
  background:#fff;
  color:var(--i2-ink) !important;
  font-weight:750;
  padding:10px 14px !important;
}
.store-order-container .store-domain-tabs .nav-link.active,
.store-order-container .store-domain-tabs .nav-link:hover{
  color:var(--i2-purple-600) !important;
  border-color:rgba(109,40,217,.22);
  background:rgba(109,40,217,.06);
}
.store-domain-tab-content{
  border:1px solid var(--i2-border);
  border-radius:18px !important;
  padding:18px;
  margin-bottom:18px;
  box-shadow:none;
}
.store-order-container .domain-validation{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:var(--i2-muted);
}
.store-order-container .domain-validation.ok{
  color:var(--i2-purple-600);
}

/* Modals */
.modal-content{
  overflow:hidden;
}
.modal-header.bg-primary{
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400)) !important;
}
.modal-header .close,
.modal-body .close{
  color:var(--i2-ink) !important;
  opacity:.85;
}
.modal-localisation .item-selector .item{
  border:1px solid var(--i2-border);
  border-radius:14px;
  background:#fff;
  color:var(--i2-ink) !important;
  font-weight:750;
}
.modal-localisation .item-selector .item.active,
.modal-localisation .item-selector .item:hover{
  border-color:rgba(109,40,217,.22);
  background:rgba(109,40,217,.06);
  color:var(--i2-purple-600) !important;
}

/* Footer */
.i2-footer{
  padding:40px 0 !important;
  background:#fff !important;
  border-top:1px solid var(--i2-border);
  margin-top:40px;
}
.i2-footer-shell{
  display:grid;
  grid-template-columns:minmax(240px,.95fr) 1.7fr;
  gap:24px;
  align-items:start;
}
.i2-footer-brandcol{
  display:grid;
  gap:14px;
}
.i2-footer-copy{
  margin:0;
}
.i2-footer-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
}
.i2-footer-social .btn,
.btn-icon{
  width:42px;
  height:42px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px !important;
  border:1px solid var(--i2-border) !important;
  background:#fff !important;
  box-shadow:none;
}
.i2-footer-social .btn:hover,
.btn-icon:hover{
  border-color:rgba(109,40,217,.22) !important;
  background:rgba(109,40,217,.06) !important;
}
.i2-footer-social .btn i,
.btn-icon i{
  color:var(--i2-purple-600) !important;
}
.i2-footer-linkscol{
  display:grid;
  justify-items:end;
  gap:16px;
}
.i2-footer-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.i2-footer-nav .nav-link{
  padding:0 !important;
  font-weight:750;
  color:rgba(15,16,32,.86) !important;
}
.i2-footer-nav .nav-link:hover{
  color:var(--i2-purple-600) !important;
}
.i2-footer-utility{
  display:flex;
  justify-content:flex-end;
}
.i2-locale-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--i2-border) !important;
  background:#fff !important;
  color:var(--i2-ink) !important;
}
.i2-locale-flag{
  display:inline-flex;
  align-items:center;
}
.i2-locale-sep{
  color:var(--i2-muted);
}

/* Generic utility corrections for RTL/LTR */
html[dir="rtl"] .ml-auto,
body[dir="rtl"] .ml-auto{
  margin-left:0 !important;
  margin-right:auto !important;
}
html[dir="rtl"] .mr-auto,
body[dir="rtl"] .mr-auto{
  margin-right:0 !important;
  margin-left:auto !important;
}
html[dir="rtl"] .float-right,
body[dir="rtl"] .float-right{
  float:left !important;
}
html[dir="rtl"] .float-left,
body[dir="rtl"] .float-left{
  float:right !important;
}
html[dir="rtl"] .text-right,
body[dir="rtl"] .text-right{
  text-align:left !important;
}
html[dir="rtl"] .text-left,
body[dir="rtl"] .text-left{
  text-align:right !important;
}
html[dir="rtl"] .dropdown-menu-right,
body[dir="rtl"] .dropdown-menu-right{
  right:auto !important;
  left:0 !important;
}
html[dir="rtl"] .nav-search .input-group,
body[dir="rtl"] .nav-search .input-group,
html[dir="rtl"] .main-navbar-wrapper .search.input-group,
body[dir="rtl"] .main-navbar-wrapper .search.input-group{
  flex-direction:row-reverse;
}
html[dir="rtl"] .nav-search .input-group .form-control,
body[dir="rtl"] .nav-search .input-group .form-control,
html[dir="rtl"] .main-navbar-wrapper .search .form-control,
body[dir="rtl"] .main-navbar-wrapper .search .form-control{
  text-align:right;
}
html[dir="rtl"] .nav-search .input-group .input-group-prepend,
body[dir="rtl"] .nav-search .input-group .input-group-prepend,
html[dir="rtl"] .main-navbar-wrapper .search .input-group-prepend,
body[dir="rtl"] .main-navbar-wrapper .search .input-group-prepend{
  margin-right:0;
  margin-left:-1px;
}
html[dir="rtl"] .nav-search .input-group .input-group-prepend .btn,
body[dir="rtl"] .nav-search .input-group .input-group-prepend .btn,
html[dir="rtl"] .main-navbar-wrapper .search .input-group-prepend .btn,
body[dir="rtl"] .main-navbar-wrapper .search .input-group-prepend .btn{
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
  border-top-left-radius:14px !important;
  border-bottom-left-radius:14px !important;
}
html[dir="rtl"] .nav-search .input-group .form-control,
body[dir="rtl"] .nav-search .input-group .form-control,
html[dir="rtl"] .main-navbar-wrapper .search .form-control,
body[dir="rtl"] .main-navbar-wrapper .search .form-control{
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
  border-top-right-radius:14px !important;
  border-bottom-right-radius:14px !important;
}
html[dir="rtl"] .sidebar .badge.float-right,
body[dir="rtl"] .sidebar .badge.float-right{
  float:left !important;
}
html[dir="rtl"] .i2-footer-linkscol{
  justify-items:start;
}
html[dir="rtl"] .i2-footer-nav{
  justify-content:flex-start;
}
html[dir="rtl"] .i2-footer-utility{
  justify-content:flex-start;
}
html[dir="rtl"] .store-order-container .col-sm-7.text-right,
body[dir="rtl"] .store-order-container .col-sm-7.text-right{
  text-align:left !important;
}
html[dir="rtl"] .store-order-container .btn .fas,
body[dir="rtl"] .store-order-container .btn .fas{
  margin-right:8px;
  margin-left:0;
}
html[dir="rtl"] .input-group > .form-control,
body[dir="rtl"] .input-group > .form-control{
  border-top-left-radius:14px !important;
  border-bottom-left-radius:14px !important;
}
html[dir="rtl"] .ticket-reply .pull-right,
body[dir="rtl"] .ticket-reply .pull-right{
  float:left !important;
}
html[dir="rtl"] .ticket-reply .pull-left,
body[dir="rtl"] .ticket-reply .pull-left{
  float:right !important;
}
html[dir="rtl"] .btn-reveal-pw,
body[dir="rtl"] .btn-reveal-pw{
  border-top-left-radius:14px !important;
  border-bottom-left-radius:14px !important;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
}
html[dir="rtl"] .page-header h1,
html[dir="rtl"] .header-lined h1,
body[dir="rtl"] .page-header h1,
body[dir="rtl"] .header-lined h1{
  text-align:right;
}

/* Payment terms in order */
.payment-term{
  border:1px solid var(--i2-border);
  border-radius:14px;
  padding:12px 16px;
  background:#fff;
  font-weight:700;
  transition:border-color .2s ease,background .2s ease;
}
.payment-term:hover{
  border-color:rgba(109,40,217,.22);
  background:rgba(109,40,217,.06);
}
.payment-term.active{
  border-color:rgba(109,40,217,.35);
  background:rgba(109,40,217,.08);
  color:var(--i2-purple-600);
}

/* Promoted products */
.store-promoted-product{
  border:2px solid rgba(109,40,217,.22);
  border-radius:var(--i2-radius);
  background:#fff;
  box-shadow:0 18px 60px rgba(109,40,217,.10);
  padding:22px;
  position:relative;
}
.store-promoted-product .featured-label{
  background:linear-gradient(135deg,var(--i2-purple-600),var(--i2-purple-400));
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:4px 12px;
  border-radius:999px;
  display:inline-block;
}

/* Dropdown icons alignment */
.dropdown-item i,
.dropdown-item .fas,
.dropdown-item .far,
.dropdown-item .fal{
  width:20px;
  text-align:center;
  margin-right:8px;
}
html[dir="rtl"] .dropdown-item i,
html[dir="rtl"] .dropdown-item .fas,
html[dir="rtl"] .dropdown-item .far,
html[dir="rtl"] .dropdown-item .fal{
  margin-right:0;
  margin-left:8px;
}

/* Alert dismiss button */
.alert .close{
  color:var(--i2-ink) !important;
  opacity:.7;
}
.alert .close:hover{
  opacity:1;
}

/* Knowledgebase category cards */
.kb-cat{
  border:1px solid var(--i2-border);
  border-radius:var(--i2-radius);
  background:#fff;
  padding:18px;
  box-shadow:var(--i2-shadow-soft);
}
.kb-cat h3 a{
  color:var(--i2-ink);
  font-weight:850;
}
.kb-cat h3 a:hover{
  color:var(--i2-purple-600);
}
.kb-cat p{
  color:var(--i2-muted);
  font-weight:650;
}

/* Responsive */
@media (max-width: 1199.98px){
  :root{--i2-header-offset:138px}
}
@media (max-width: 991.98px){
  :root{--i2-header-offset:146px}
  .i2-footer-shell{
    grid-template-columns:1fr;
  }
  .i2-footer-linkscol{
    justify-items:start;
  }
  .i2-footer-nav,
  .i2-footer-utility{
    justify-content:flex-start;
  }
  .pricing-grid{grid-template-columns:1fr}
}
@media (max-width: 767.98px){
  :root{--i2-header-offset:160px}
  .tiles .tile,
  .action-icon-btns a{
    min-height:148px;
  }
  .store-order-container{
    padding:18px;
  }
  .home-domain-search .container > .p-5{
    padding:18px !important;
  }
  .pagination{
    gap:2px;
  }
  .pagination .page-link{
    padding:8px 10px;
    font-size:12px;
  }
}
@media (max-width: 575.98px){
  :root{--i2-header-offset:172px}
  .nav-tabs{
    gap:4px;
  }
  .nav-tabs .nav-link{
    padding:8px 10px !important;
    font-size:12px;
  }
}