/* ════════════════════════════════════════════════════════════════
   LIVE WEB — WHMCS sas_live V10 "Professional"
   Lagom-inspired: restrained color, soft layered shadows, spacing
   ════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');

:root{
  --p:#0284c7; --p-dark:#0369a1; --p-soft:#e8f4fd; --p-rgb:2,132,199;
  --ink:#1e2a3b; --text:#475569; --muted:#8492a6;
  --line:#e9eef4; --bg:#f2f5f9; --green:#16a34a; --gold:#f59e0b;
  --r:14px; --r-sm:10px;
  --sh-sm:0 1px 2px rgba(16,30,54,.04),0 4px 12px rgba(16,30,54,.05);
  --sh-md:0 10px 28px rgba(16,30,54,.10);
  --font:'Cairo',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{direction:rtl!important;text-align:right!important;font-family:var(--font)!important;
  background:var(--bg)!important;color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{text-decoration:none!important;color:var(--p);transition:.18s;}
a:hover{color:var(--p-dark);}
h1,h2,h3,h4,h5,h6{font-family:var(--font)!important;font-weight:800;color:var(--ink);}
::selection{background:var(--p);color:#fff;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:#c3d2e0;border-radius:8px;}
.fas,.far,.fab,.fa{margin-left:6px!important;margin-right:0!important;display:inline-block;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:right!important;}
.container{max-width:1200px;margin:0 auto;padding:0 22px;width:100%;}

/* ── Header: slim professional ── */
.sas-main-header{background:#fff!important;border-bottom:1px solid var(--line);box-shadow:none;
  height:70px;width:100%;position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;transition:box-shadow .2s;}
.sas-main-header.scrolled{box-shadow:0 4px 16px rgba(16,30,54,.07);}
.sas-container-header{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 22px!important;}
.sas-header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;direction:rtl;}
.sas-logo img{max-height:42px;width:auto;}
.sas-logo a{color:var(--p)!important;font-size:19px;font-weight:900;display:flex;align-items:center;}
.sas-desktop-nav{flex:1;display:flex;justify-content:center;}
.sas-desktop-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;}
.sas-desktop-nav a{color:#334155!important;font-size:14.5px;font-weight:700;padding:8px 13px;border-radius:8px;white-space:nowrap;}
.sas-desktop-nav a:hover{color:var(--p)!important;background:var(--p-soft);}
.sas-controls{display:flex;align-items:center;gap:8px;}
.sas-btn-icon{background:#fff!important;border:1px solid var(--line)!important;color:#64748b!important;
  width:38px;height:38px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.18s;}
.sas-btn-icon:hover{color:var(--p)!important;border-color:#bcd9ee!important;background:var(--p-soft)!important;}
.sas-btn-icon i{margin:0!important;}
.sas-btn-fill{display:inline-flex;align-items:center;gap:6px;background:var(--p)!important;color:#fff!important;
  padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:800;border:none;white-space:nowrap;transition:.18s;}
.sas-btn-fill:hover{background:var(--p-dark)!important;color:#fff!important;}
.sas-btn-fill i{margin:0!important;}
.sas-btn-soft{display:inline-flex;align-items:center;gap:6px;background:var(--p-soft)!important;color:var(--p)!important;
  padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:800;border:none;transition:.18s;}
.sas-btn-soft:hover{background:#d7ecfb!important;}
.sas-burger{display:none!important;}

/* search overlay */
.sas-search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);z-index:100000;opacity:0;visibility:hidden;
  transition:.22s;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sas-search-overlay.open{opacity:1;visibility:visible;}
.sas-search-close{position:absolute;top:22px;left:22px;background:#f1f5f9;border:none;color:var(--ink);
  width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;}
.sas-search-close i{margin:0!important;}
.sas-search-form{width:88%;max-width:540px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;}
.sas-search-input{width:100%!important;border:none!important;background:transparent!important;border-bottom:3px solid var(--p)!important;
  font-size:25px!important;font-weight:800!important;color:var(--ink)!important;padding:13px 0!important;text-align:center!important;
  outline:none!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font)!important;}
.sas-search-btn{padding:11px 30px!important;font-size:14px!important;}

/* drawer */
.sas-drawer{position:fixed;top:0;right:-100%;width:285px;height:100%;background:#fff;z-index:100001;
  transition:right .28s ease;box-shadow:-6px 0 24px rgba(16,30,54,.12);display:flex;flex-direction:column;overflow-y:auto;}
.sas-drawer.open{right:0;}
.sas-overlay-bg{position:fixed;inset:0;background:rgba(16,30,54,.45);z-index:100000;opacity:0;visibility:hidden;transition:.22s;}
.sas-overlay-bg.open{opacity:1;visibility:visible;}
.sas-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);}
.sas-drawer-brand{font-weight:900;color:var(--p);font-size:17px;}
.sas-drawer-close{background:#f1f5f9;border:none;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}
.sas-drawer-close i{margin:0!important;}
.mobile-menu{flex:1;padding:10px;}
.mobile-menu ul{list-style:none;padding:0;margin:0;}
.mobile-menu li.drawer-sep{height:1px;background:var(--line);margin:8px 0;}
.mobile-menu a{color:#334155!important;font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:9px;}
.mobile-menu a:hover{background:var(--p-soft);color:var(--p)!important;}
.mobile-menu a i{color:var(--p);width:20px;text-align:center;margin:0!important;}
.drawer-logout,.drawer-logout i{color:#ef4444!important;}

/* ── Content ── */
.titan-app-container{padding-top:98px;min-height:calc(100vh - 180px);padding-bottom:40px;}
#main-body{padding:0;}

/* page titles: clean centered, no band */
.header-lined{background:transparent!important;border:none!important;padding:6px 0 2px;margin:0 0 24px;text-align:center;}
.header-lined h1{color:var(--ink)!important;font-size:27px!important;font-weight:900!important;margin:0 0 6px;border:none!important;}
.header-lined p,.header-lined small,.header-lined .h5{color:var(--muted)!important;font-size:14.5px;font-weight:600;}
.header-lined .breadcrumb{justify-content:center;background:transparent!important;}

/* ── Cards ── */
.main-content .card,.sidebar .card,.tiles .tile,.login-container .card,.panel,.well,.stat-card,.service-card,.widget{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  box-shadow:var(--sh-sm)!important;margin-bottom:22px!important;overflow:hidden;transition:box-shadow .2s,transform .2s;}
.main-content .card:hover,.panel:hover,.tiles .tile:hover{box-shadow:var(--sh-md)!important;transform:translateY(-3px);}
.card-header,.panel-heading{background:#fff!important;border-bottom:1px solid var(--line)!important;
  padding:15px 20px!important;font-weight:800!important;color:var(--ink)!important;font-size:14.5px!important;font-family:var(--font)!important;}
.card-header i,.panel-heading i{color:var(--p);}
.card-body,.panel-body{padding:20px!important;}

/* sidebar lists (الاختيارات) — clear & professional */
.list-group-item{background:transparent!important;border:none!important;border-bottom:1px solid #f3f6fa!important;
  padding:13px 18px!important;font-weight:700;font-size:14px;color:var(--text)!important;
  white-space:normal!important;word-break:break-word;text-align:right!important;transition:.18s;position:relative;}
.list-group-item::after{content:"\f053";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:50%;
  transform:translateY(-50%);font-size:9px;color:var(--muted);opacity:.5;}
.list-group-item:hover{background:#f7fafc!important;color:var(--ink)!important;}
.list-group-item.active{background:var(--p-soft)!important;color:var(--p)!important;font-weight:800;border-right:3px solid var(--p)!important;}
.list-group-item.active::after{color:var(--p);opacity:1;}
.list-group-item .badge{float:left!important;background:var(--p);border-radius:8px;}
.sidebar .panel-body,.cart-sidebar .panel-body,.cart-sidebar .card-body{padding:14px!important;}
.cart-sidebar .panel,.cart-sidebar .card{margin-bottom:16px!important;}

/* tables */
.table{width:100%!important;}
.table th{text-align:right!important;background:#f8fafc;color:var(--muted);font-weight:700;font-size:12.5px;
  border-top:none!important;border-bottom:1px solid var(--line)!important;padding:13px 16px!important;}
.table td{text-align:right!important;border-top:1px solid #f3f6fa!important;vertical-align:middle!important;padding:14px 16px!important;font-size:14px;}
.table tr:hover td{background:#fafcfe;}

/* buttons */
.btn{font-family:var(--font)!important;font-weight:800!important;border-radius:var(--r-sm)!important;transition:.18s!important;border:none!important;}
.btn-primary,.btn-add-to-cart,.btn-order-now,button[type=submit],.checkout{background:var(--p)!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(var(--p-rgb),.22)!important;}
.btn-primary:hover,button[type=submit]:hover,.btn-add-to-cart:hover{background:var(--p-dark)!important;}
.btn-success{background:var(--green)!important;color:#fff!important;}
.btn-danger{background:#ef4444!important;color:#fff!important;}
.btn-warning{background:var(--gold)!important;color:#fff!important;}
.btn-default{background:var(--p-soft)!important;color:var(--p)!important;}
.btn-default:hover{background:#d7ecfb!important;}
.btn-lg{padding:12px 28px!important;font-size:15px!important;}

/* forms */
.form-control,select,textarea{font-family:var(--font)!important;border:1px solid #dbe4ee!important;border-radius:var(--r-sm)!important;
  padding:11px 14px!important;font-size:14px!important;background:#fff!important;color:var(--ink)!important;direction:rtl;text-align:right;transition:.18s;}
.form-control:focus,select:focus,textarea:focus{border-color:var(--p)!important;box-shadow:0 0 0 3px rgba(var(--p-rgb),.13)!important;outline:none!important;}
label{font-weight:700!important;font-size:13px!important;margin-bottom:6px!important;color:var(--ink);}
select,select.form-control{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;opacity:1!important;
  font-weight:700!important;height:46px!important;width:100%!important;}
select option{color:var(--ink)!important;background:#fff!important;}

/* alerts & labels */
.alert{border:none!important;border-radius:12px!important;padding:13px 18px!important;font-weight:600!important;}
.alert-success{background:#ecfdf3!important;color:#166534!important;}
.alert-danger{background:#fef2f2!important;color:#991b1b!important;}
.alert-warning{background:#fffbeb!important;color:#92400e!important;}
.alert-info{background:var(--p-soft)!important;color:var(--p-dark)!important;}
.label,.badge{font-family:var(--font)!important;font-weight:700!important;border-radius:50px!important;padding:4px 12px!important;font-size:11px!important;}
.label-success,.badge-success,.label-active,.label-paid{background:#ecfdf3!important;color:#166534!important;}
.label-danger,.badge-danger,.label-unpaid{background:#fef2f2!important;color:#991b1b!important;}
.label-warning,.badge-warning,.label-customer-reply{background:#fffbeb!important;color:#92400e!important;}
.label-info,.badge-info,.label-answered{background:var(--p-soft)!important;color:var(--p-dark)!important;}
.label-default,.label-closed{background:#f1f5f9!important;color:#475569!important;}

/* pagination */
.pagination>li>a,.pagination>li>span{border-radius:9px!important;margin:0 3px;font-weight:700;color:var(--text);border:1px solid var(--line);}
.pagination>.active>a{background:var(--p)!important;border-color:var(--p)!important;color:#fff!important;}

/* ── Portal tiles: icon-in-circle (Lagom style) ── */
html body [class*="card-accent-"]{border:1px solid var(--line)!important;border-top:1px solid var(--line)!important;}
.action-icon-btns a{color:var(--ink)!important;font-weight:800;font-size:14px;border-radius:var(--r)!important;
  background:#fff!important;box-shadow:var(--sh-sm)!important;transition:.18s!important;padding-bottom:18px;}
.action-icon-btns a:hover{box-shadow:var(--sh-md)!important;transform:translateY(-3px);color:var(--p)!important;}
.ico-container{width:56px;height:56px;border-radius:50%;background:var(--p-soft);display:flex;align-items:center;justify-content:center;margin:16px auto 10px;opacity:1!important;}
.ico-container i{color:var(--p)!important;font-size:20px;margin:0!important;}
img[src=""]{display:none!important;}
.tiles .tile{border-top:1px solid var(--line)!important;text-align:center;}
.tiles .tile i,.tile-content i,.home-panels i{color:var(--p)!important;}

/* login */
.login-page .titan-app-container{display:flex;align-items:center;justify-content:center;min-height:78vh;}
.login-container{max-width:430px;margin:0 auto;}
.login-container .card{padding:36px!important;text-align:center;border-radius:16px!important;}

/* ── Store: professional pricing cards ── */
#order-standard_cart .product,.products .product{border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;
  background:#fff!important;box-shadow:var(--sh-sm)!important;transition:.22s;}
#order-standard_cart .product:hover{transform:translateY(-4px);box-shadow:var(--sh-md)!important;}
#order-standard_cart .product header{background:transparent!important;border:none!important;padding:24px 20px 2px!important;text-align:center;}
#order-standard_cart .product header span{color:var(--ink)!important;font-size:17px!important;font-weight:900!important;}
#order-standard_cart .product .product-desc{padding:4px 20px 8px;}
#order-standard_cart .product .product-desc p{text-align:center;color:var(--muted);font-size:13.5px;font-weight:600;margin-bottom:12px;}
#order-standard_cart .product .product-desc ul{list-style:none;padding:0;margin:0;}
#order-standard_cart .product .product-desc ul li{padding:9px 26px 9px 0;position:relative;font-size:13.5px;font-weight:600;
  color:var(--text);border-bottom:1px solid #f3f6fa;text-align:right;}
#order-standard_cart .product .product-desc ul li:last-child{border-bottom:none;}
#order-standard_cart .product .product-desc ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  color:var(--green);position:absolute;right:4px;top:10px;font-size:11px;}
#order-standard_cart .product footer{background:#f8fafc!important;border-top:1px solid var(--line)!important;padding:18px 20px!important;text-align:center;}
#order-standard_cart .product footer .price,#order-standard_cart .product footer span{color:var(--ink)!important;font-weight:900!important;font-size:22px;}
#order-standard_cart .product footer .cycle,#order-standard_cart .product footer small{color:var(--muted)!important;font-size:12.5px;font-weight:600;}
#order-standard_cart .product footer .btn{width:100%;margin-top:12px;padding:12px!important;font-size:14.5px!important;
  border-radius:var(--r-sm)!important;background:var(--p)!important;color:#fff!important;font-weight:800!important;
  box-shadow:0 4px 12px rgba(var(--p-rgb),.22)!important;}
#order-standard_cart .product footer .btn:hover{background:var(--p-dark)!important;}
.price,.package-price,.cart-total{color:var(--ink)!important;font-weight:900!important;}

/* ── Footer ── */
.titan-footer-v3{padding:44px 0 24px;background:transparent;}
.footer-glass-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;
  padding:40px 36px;box-shadow:var(--sh-sm);}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px;}
.footer-title{color:var(--ink);font-weight:900;font-size:15.5px;margin-bottom:18px;position:relative;padding-bottom:10px;}
.footer-title::after{content:'';position:absolute;bottom:0;right:0;width:26px;height:2.5px;background:var(--p);border-radius:2px;}
.footer-bio-text{color:var(--muted);font-size:13.5px;line-height:1.9;margin-bottom:16px;}
.footer-cta-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.footer-cta-btns a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-weight:800;font-size:13px;transition:.18s;}
.fcb-wa{background:#22c55e;color:#fff!important;}
.fcb-tel{background:var(--p-soft);color:var(--p)!important;}
.footer-cta-btns a:hover{transform:translateY(-2px);}
.footer-links-list{list-style:none;padding:0;margin:0;}
.footer-links-list li{margin-bottom:9px;}
.footer-links-list a{color:var(--text)!important;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;}
.footer-links-list a:hover{color:var(--p)!important;padding-right:4px;}
.footer-links-list a i{font-size:9px;color:var(--p);margin:0!important;}
.tags-wrapper{display:flex;flex-wrap:wrap;gap:8px;}
.sas-tag-footer{background:#f7fafc;color:var(--text);padding:7px 13px;border-radius:9px;font-size:12px;font-weight:700;
  border:1px solid var(--line);display:inline-flex;align-items:center;gap:5px;}
.sas-tag-footer i{margin:0!important;color:var(--p);font-size:11px;}
a.sas-tag-footer:hover{background:var(--p);color:#fff;border-color:var(--p);}
a.sas-tag-footer:hover i{color:#fff;}
.footer-bottom-sas{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);}
.centered-credits{text-align:center;display:flex;flex-direction:column;gap:6px;}
.rights{color:var(--muted);font-size:13.5px;font-weight:700;margin:0;}
.rights span{color:var(--p);}
.designer-box{font-size:12.5px;color:#9aa8bb;font-weight:600;}
.designer-box a{color:var(--p)!important;font-weight:800;}

/* floating WA */
.sas-crystal-actions{position:fixed;bottom:26px;right:26px;z-index:9998;display:flex;flex-direction:column;gap:10px;}
.sas-glass-fab{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff!important;box-shadow:0 8px 22px rgba(34,197,94,.35);font-size:25px;transition:.18s;}
.sas-glass-fab:hover{transform:scale(1.07);color:#fff!important;}
.sas-glass-fab i{margin:0!important;}
.fab-wa{background:#22c55e;}
.sas-alive-anim{animation:t-pulse 3s infinite;}
@keyframes t-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}

/* hide default WHMCS chrome */
.navbar,.navbar-fixed-top{display:none!important;}
.footerdivider{display:none!important;}
#copyright,footer.footer{display:none!important;}
.breadcrumb{background:transparent!important;padding:6px 0!important;font-size:12.5px;}
.styled_title h1,.styled_title h2,.styled_title h3{font-size:20px;font-weight:800;margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid var(--line);color:var(--ink);}

/* responsive */
@media (max-width:991px){
  .sas-desktop-nav{display:none!important;}
  .sas-burger{display:flex!important;align-items:center;justify-content:center;}
  .sas-main-header{height:64px;}
  .sas-logo img{max-height:36px;}
  .titan-app-container{padding-top:86px;}
  .hide-mobile{display:none!important;}
}
@media (max-width:768px){
  .row{display:block;}
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:none!important;width:100%!important;}
  .titan-app-container > .container > .row{display:flex!important;flex-direction:column;}
  .titan-app-container > .container > .row > .primary-content{order:1;width:100%!important;}
  .titan-app-container > .container > .row > .sidebar{order:2;width:100%!important;margin-top:18px;}
  #order-standard_cart > .row{display:flex!important;flex-direction:column;}
  #order-standard_cart > .row > .cart-body{order:1!important;width:100%!important;}
  #order-standard_cart > .row > .cart-sidebar{order:2!important;width:100%!important;margin-top:16px;}
  h1,.header-lined h1{font-size:22px!important;line-height:1.45!important;}
  .card-body,.panel-body{padding:16px!important;}
  .footer-glass-box{padding:28px 18px;}
  .footer-grid{text-align:center;}
  .footer-title::after{right:50%;transform:translateX(50%);}
  .footer-links-list a{justify-content:center;}
  .tags-wrapper,.footer-cta-btns{justify-content:center;}
  .sas-glass-fab{width:48px;height:48px;font-size:21px;}
  .sas-crystal-actions{bottom:18px;right:18px;}
}
@media print{
  .sas-main-header,.titan-footer-v3,.sas-drawer,.sas-overlay-bg,.sas-crystal-actions,.sas-search-overlay{display:none!important;}
  .titan-app-container{padding-top:0!important;}
}

/* ════════ V11 — Domain Pricing page rebuild + color distinction ════════ */
/* featured TLD promo cards: centered, not lopsided */
.domain-pricing .featured-tlds-container .row{display:flex!important;justify-content:center;gap:18px;flex-wrap:wrap;}
.domain-pricing .featured-tlds-container [class*="col-"]{float:none!important;width:auto!important;min-width:230px;max-width:280px;}
.domain-pricing .featured-tlds-container img{background:#fff;}
/* currency form + heading: stacked & centered, no collision */
.domain-pricing form.float-right{float:none!important;display:flex;justify-content:center;margin:6px 0 4px;}
.domain-pricing form.float-right select{max-width:260px;}
.domain-pricing h4{display:block;float:none;clear:both;text-align:center;font-size:22px;font-weight:900;color:var(--ink);margin:26px 0 14px;}
/* category chips: real pills */
.domain-pricing .tld-filters{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
.domain-pricing .tld-filters a.badge{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--text)!important;
  font-size:13px!important;font-weight:800!important;padding:10px 20px!important;border-radius:50px!important;transition:.18s;}
.domain-pricing .tld-filters a.badge:hover,.domain-pricing .tld-filters a.badge.active,.domain-pricing .tld-filters a.badge-primary{
  background:var(--p)!important;border-color:var(--p)!important;color:#fff!important;}
/* the table: NEVER shatter — real table at all widths + horizontal scroll on small screens */
.domain-pricing .table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;background:#fff;
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-sm);padding:8px 12px;}
.domain-pricing table.table-list{display:table!important;width:100%!important;min-width:640px;}
.domain-pricing table.table-list thead{display:table-header-group!important;}
.domain-pricing table.table-list tbody{display:table-row-group!important;}
.domain-pricing table.table-list tr{display:table-row!important;}
.domain-pricing table.table-list th,.domain-pricing table.table-list td{display:table-cell!important;white-space:nowrap;text-align:center!important;float:none!important;width:auto!important;}
.domain-pricing table.table-list thead th{background:var(--p-soft)!important;color:var(--p-dark)!important;font-size:12.5px;font-weight:800;border:none!important;padding:12px 14px!important;}
.domain-pricing table.table-list td{font-weight:700;color:var(--ink);font-size:14px;border-top:1px solid #f3f6fa!important;padding:13px 14px!important;}
.domain-pricing table.table-list td:first-child{color:var(--p)!important;font-weight:900;font-size:15px;}
.domain-pricing table.table-list tbody tr:nth-child(even) td{background:#f8fafc;}
.domain-pricing .dataTables_wrapper .dataTables_filter input{border:1px solid var(--line)!important;border-radius:9px!important;padding:8px 12px!important;}
.domain-pricing .dataTables_info,.domain-pricing .text-center p{color:var(--muted);font-size:12.5px;}
/* color distinction requested: product cards get a primary top accent */
#order-standard_cart .product,.products .product{border-top:3px solid var(--p)!important;}
#order-standard_cart .product .product-desc p{text-align:right;}
#order-standard_cart .product .product-desc > p:first-child{text-align:center;}

/* ════════ V12 — generalize domain components + sky search banner + pro tables everywhere ════════ */
/* domain search banner: sky identity instead of amber */
.domain-checker-bg{background:linear-gradient(135deg,#075985,#0284c7 60%,#0ea5e9)!important;
  border-radius:16px!important;box-shadow:var(--sh-sm)!important;padding:36px 18px!important;}
.domain-checker-bg .form-control{height:52px!important;border:none!important;font-size:15px!important;}
.domain-checker-bg .btn{background:#fff!important;color:var(--p-dark)!important;font-weight:900!important;
  height:52px;padding:0 30px!important;box-shadow:0 4px 14px rgba(0,0,0,.15)!important;}
.domain-checker-bg .btn:hover{background:#f0f9ff!important;}
/* featured TLD cards centered on every page */
.featured-tlds-container .row{display:flex!important;justify-content:center;gap:18px;flex-wrap:wrap;}
.featured-tlds-container [class*="col-"]{float:none!important;width:auto!important;min-width:230px;max-width:280px;}
#order-standard_cart form.float-right,.domain-pricing form.float-right{float:none!important;display:flex;justify-content:center;margin:6px 0 10px;}
/* professional tables everywhere (lists, pricing) — never shatter */
.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;background:#fff;
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-sm);padding:8px 12px;}
table.table-list{display:table!important;width:100%!important;min-width:600px;}
table.table-list thead{display:table-header-group!important;}
table.table-list tbody{display:table-row-group!important;}
table.table-list tr{display:table-row!important;}
table.table-list th,table.table-list td{display:table-cell!important;float:none!important;}
table.table-list thead th{background:var(--p-soft)!important;color:var(--p-dark)!important;font-size:12.5px;font-weight:800;border:none!important;padding:12px 14px!important;}
table.table-list td{font-weight:600;color:var(--ink);font-size:14px;border-top:1px solid #f3f6fa!important;padding:13px 14px!important;}
table.table-list tbody tr:nth-child(even) td{background:#f8fafc;}
.dataTables_wrapper .dataTables_filter input{border:1px solid var(--line)!important;border-radius:9px!important;padding:8px 12px!important;}
.dataTables_info{color:var(--muted);font-size:12.5px;}

/* ════════ V13 — sidebar overflow + search buttons + polish ════════ */
/* sidebar items: never overflow card */
.sidebar .list-group-item,.sidebar .list-group-item a,.sidebar .panel a,.sidebar .panel-body a{
  white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;max-width:100%;}
.sidebar .list-group-item{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.sidebar .list-group-item .badge{float:none!important;flex-shrink:0;order:2;}
.sidebar .list-group-item::after{position:static;transform:none;order:3;}
/* input-group search buttons → primary (generic) */
.input-group .btn{background:var(--p)!important;color:#fff!important;font-weight:800!important;}
.input-group .btn:hover{background:var(--p-dark)!important;}
/* keep domain banner search button white (must stay after generic) */
.domain-checker-bg .btn{background:#fff!important;color:var(--p-dark)!important;}
.domain-checker-bg .btn:hover{background:#f0f9ff!important;}
/* KB category cards icons primary */
.kb-cat i,.knowledgebase i.fa-folder,.panel i.fa-folder{color:var(--p)!important;}

/* ════════ V14 — client area navigation bar ════════ */
.sas-client-nav{position:fixed;top:70px;left:0;right:0;z-index:9998;background:#fff;
  border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(16,30,54,.04);}
.sas-client-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;
  white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.sas-client-nav ul::-webkit-scrollbar{display:none;}
.sas-client-nav a{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;font-size:13.5px;
  font-weight:700;color:#475569!important;border-bottom:2.5px solid transparent;transition:.18s;}
.sas-client-nav a i{color:var(--p);margin:0!important;font-size:12px;}
.sas-client-nav a:hover{color:var(--p)!important;border-bottom-color:#bcd9ee;background:#f7fbfe;}
.sas-client-nav a.active{color:var(--p)!important;border-bottom-color:var(--p);background:#f2f9fe;font-weight:800;}
body.has-clientnav .titan-app-container{padding-top:146px;}
@media (max-width:991px){
  .sas-client-nav{top:64px;}
  body.has-clientnav .titan-app-container{padding-top:132px;}
  .sas-client-nav a{padding:11px 12px;font-size:13px;}
}

/* ════════ V15 — client nav always visible (guest + client) ════════ */
.titan-app-container{padding-top:146px!important;}
@media (max-width:991px){ .titan-app-container{padding-top:132px!important;} }