/* Support Data portal styles — append after the existing Nexus Cart variables. */
body.primary-bg-color { background: #f5f8fc; color: #17304d; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #56aaff; outline-offset: 3px; }
.header { background: #fff; box-shadow: 0 1px 0 rgba(17,49,85,.08); }
.header .navbar-light { padding-top: 1rem; padding-bottom: 1rem; }
.header .navbar-brand .logo-img { max-height: 58px; max-width: 220px; width: auto; object-fit: contain; }
.header .navbar-brand { color: #153d69; font-weight: 800; }
.header .main-navbar-wrapper { background: #fff; border-top: 1px solid #edf1f6; border-bottom: 1px solid #edf1f6; }
.header .main-navbar-wrapper .nav-link { color: #29435f; font-weight: 600; }
.header .main-navbar-wrapper .nav-link:hover, .header .main-navbar-wrapper .nav-link:focus { color: #0877d6; }
.header .search .form-control { border-color: #e2eaf3; background: #f7f9fc; border-radius: 0 9px 9px 0; }
.header .search .btn { border-color: #e2eaf3; background: #f7f9fc; border-radius: 9px 0 0 9px; color: #54809f; }
.header .cart-btn { color: #174f84; }
.master-breadcrumb { background: #f5f8fc; border: 0; }
.master-breadcrumb .breadcrumb { background: transparent; margin-bottom: 0; color: #75889d; }
#main-body { padding-top: 2rem; padding-bottom: 4rem; }

/* WHMCS renders the domain search above homepage.tpl. */
#frmDomainHomepage { background: linear-gradient(130deg,#102d4f,#145894); padding: 3rem max(1rem,calc((100vw - 1140px)/2)); color: #fff; }
#frmDomainHomepage h2 { color: #fff; font-weight: 750; font-size: clamp(1.7rem,3vw,2.4rem); }
#frmDomainHomepage .form-control, #frmDomainHomepage textarea { border-radius: 9px; }
#frmDomainHomepage a { color: #d3eaff; }
#frmDomainHomepage .btn-primary, #frmDomainHomepage #btnDomainSearch { background: #1689ea; border-color: #1689ea; }
#frmDomainHomepage .btn-success, #frmDomainHomepage #btnTransfer { background: #17a99b; border-color: #17a99b; }
#frmDomainHomepage .form-check-label, #frmDomainHomepage label, #frmDomainHomepage .domain-checker-options { color: #e6f1ff; }

.sd-home { --sd-navy:#102d4f; --sd-blue:#1287e5; --sd-muted:#5f7185; --sd-line:#e4edf5; }
.sd-home * { box-sizing: border-box; }
.sd-home h1,.sd-home h2,.sd-home h3 { color: var(--sd-navy); letter-spacing: -.035em; }
.sd-home h2 { font-size: clamp(1.65rem,2.6vw,2.25rem); font-weight: 760; margin: .3rem 0 0; }
.sd-eyebrow { color: #1687dd; font-size: .75rem; letter-spacing: .16em; font-weight: 800; }
.sd-welcome { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(250px,.6fr); min-height: 340px; align-items: center; padding: clamp(2rem,5vw,4.5rem); border-radius: 22px; background: linear-gradient(125deg,#e9f5ff 0%,#f7fbff 56%,#e8f8f5 100%); border: 1px solid #dbeefb; }
.sd-welcome:before { content:""; position:absolute; z-index:-1; width:480px; height:480px; border-radius:50%; background:#d9f0ff; right:-190px; top:-280px; }
.sd-welcome h1 { font-size: clamp(2.5rem,4.8vw,4.1rem); line-height:1.08; font-weight:800; max-width:650px; margin: .7rem 0 1rem; }
.sd-welcome p { color:#526d86; font-size:1.12rem; line-height:1.65; max-width:560px; margin-bottom:1.8rem; }
.sd-welcome-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.sd-welcome-actions .btn { border-radius:10px; font-weight:700; padding:.85rem 1.35rem; }
.sd-welcome-actions .btn i { margin-right:.4rem; }
.sd-btn-primary { background:#087ed6; border:1px solid #087ed6; color:#fff!important; box-shadow:0 9px 20px rgba(8,126,214,.18); }
.sd-btn-primary:hover { background:#056ab6; border-color:#056ab6; transform:translateY(-2px); }
.sd-btn-ghost { border:1px solid #b8d2e9; background:#fff; color:#164a79!important; }
.sd-btn-ghost:hover { background:#edf7ff; transform:translateY(-2px); }
.sd-welcome-art { width:250px; height:250px; position:relative; justify-self:center; }
.sd-orbit { position:absolute; border:1px solid #bfdff4; border-radius:50%; inset:12px; }
.sd-orbit-two { inset:45px; border-style:dashed; }
.sd-art-center { position:absolute; inset:75px; display:grid; place-items:center; border-radius:25px; background:linear-gradient(145deg,#168de9,#0b4b8c); color:white; font-size:2.5rem; box-shadow:0 22px 36px rgba(8,81,147,.22); transform:rotate(-8deg); }
.sd-art-center i { transform:rotate(8deg); }
.sd-art-node { position:absolute; width:48px; height:48px; display:grid; place-items:center; background:#fff; color:#1988d5; border-radius:15px; box-shadow:0 12px 26px rgba(39,111,155,.14); font-size:1.25rem; }
.sd-node-one { top:10px; left:90px; }.sd-node-two { right:0; top:135px; }.sd-node-three { bottom:12px; left:22px; }
.sd-section { margin-top:4rem; }
.sd-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.sd-section-heading p { color:var(--sd-muted); margin:0; }
.sd-grid { display:grid; gap:1.2rem; }
.sd-help-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sd-tile { display:flex; flex-direction:column; position:relative; min-height:235px; padding:1.7rem; background:#fff; color:var(--sd-navy); border:1px solid var(--sd-line); border-radius:17px; box-shadow:0 9px 30px rgba(20,60,100,.045); }
.sd-tile:hover,.sd-link-tile:hover,.sd-product:hover { text-decoration:none; transform:translateY(-4px); border-color:#a6d4f5; box-shadow:0 18px 38px rgba(20,74,119,.11); }
.sd-tile-icon,.sd-product-icon { display:grid; place-items:center; width:52px; height:52px; flex:none; background:#e9f5ff; color:#0b82d8; border-radius:13px; font-size:1.4rem; margin-bottom:1.4rem; }
.sd-tile-title { font-size:1.23rem; font-weight:750; margin-bottom:.45rem; }
.sd-tile-copy { color:var(--sd-muted); line-height:1.55; padding-right:1rem; }
.sd-tile-arrow { color:#087ed6; font-size:1.5rem; margin-top:auto; align-self:flex-end; }
.sd-account-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sd-link-tile { display:flex; align-items:center; gap:.75rem; min-height:92px; padding:1.25rem; border-radius:14px; border:1px solid var(--sd-line); background:#fff; color:var(--sd-navy); font-weight:700; }
.sd-link-tile i { color:#1485d7; font-size:1.3rem; }.sd-link-tile b { margin-left:auto; color:#1687dd; font-size:1.2rem; }
.sd-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sd-product { display:flex; flex-direction:column; min-height:245px; padding:1.7rem; background:#fff; border:1px solid var(--sd-line); border-radius:17px; transition:transform .2s,box-shadow .2s,border-color .2s; }
.sd-product h3 { font-size:1.25rem; font-weight:750; margin:0 0 .6rem; }.sd-product p { color:var(--sd-muted); line-height:1.55; margin-bottom:1.5rem; }
.sd-product-link { color:#087ed6; font-weight:750; margin-top:auto; }.sd-product-link span { margin-left:.3rem; }
.sd-bottom { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; background:#102d4f; border-radius:20px; color:#dae9f8; padding:2.5rem 3rem; margin-top:4rem; }
.sd-bottom h2 { color:#fff; font-size:1.8rem; font-weight:750; margin:.5rem 0; }.sd-bottom p { margin:0; color:#bad1e7; }.sd-bottom .sd-eyebrow { color:#73c7ff; }
.sd-bottom-links { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.sd-bottom-links a { display:flex; justify-content:space-between; gap:.6rem; padding:.9rem 1rem; background:#1a426a; border:1px solid #315a82; color:#fff; border-radius:9px; font-weight:650; }.sd-bottom-links a:hover { background:#245783; text-decoration:none; }
@media(max-width:991px) { .sd-welcome { grid-template-columns:1fr; }.sd-welcome-art { display:none; }.sd-help-grid,.sd-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.sd-account-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.sd-bottom { grid-template-columns:1fr; } }
@media(max-width:600px) { #frmDomainHomepage { padding:2rem 1rem; }.sd-welcome { padding:2rem 1.4rem; min-height:0; }.sd-section { margin-top:3rem; }.sd-section-heading { display:block; }.sd-section-heading p { margin-top:.5rem; }.sd-help-grid,.sd-product-grid,.sd-account-grid { grid-template-columns:1fr; }.sd-tile { min-height:205px; }.sd-bottom { padding:2rem 1.4rem; }.sd-bottom-links { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .sd-home a,.sd-product { transition:none; }.sd-tile:hover,.sd-link-tile:hover,.sd-product:hover,.sd-btn-primary:hover,.sd-btn-ghost:hover { transform:none; } }
/* Custom CSS for Supportdata theme */
/* Add your custom styles here */

/* Example:
.primary-bg-color {
    background-color: #your-color;
}
*/