/*
Theme Name: TuneUp Hosting
Description: Clean replacement theme for tuneuphosting.com, using the original Altis palette and fonts. No bundled plugins or external code.
Version: 1.0
Text Domain: tuneup
*/
:root{--blue:#4994cd;--bright:#0090cf;--ink:#221f1f;--pink:#dc5980;--green:#9bc23c;--sky:#c3e5ff;--line:#eaeaea;--bg:#f6f6f6}
*{box-sizing:border-box}
body{margin:0;font:16px/1.7 'Roboto',sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.brand,.nav a,.btn{font-family:'Rajdhani',sans-serif;letter-spacing:.2px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em}
a{color:var(--bright)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:var(--ink);position:sticky;top:0;z-index:5}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{font-size:28px;font-weight:700;color:#fff;text-decoration:none}
.brand b{color:var(--blue)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.nav a{display:block;padding:6px 12px;color:#fff;text-decoration:none;font-size:18px;font-weight:500;border-bottom:3px solid transparent}
.nav a:hover,.nav .current-menu-item a{border-color:var(--pink)}
.hero{background:linear-gradient(135deg,#0b3a5c,var(--blue));color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-top:70px;padding-bottom:70px}
.hero h1{font-size:clamp(36px,5vw,58px);font-weight:700}
.hero p{font-size:19px;max-width:48ch;color:var(--sky)}
.btn{display:inline-block;background:var(--pink);color:#fff;text-decoration:none;padding:10px 26px;font-size:20px;font-weight:600;border-radius:3px;margin:6px 10px 0 0}
.btn.alt{background:transparent;border:2px solid #fff}
.btn:focus-visible,.nav a:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.hero img{width:100%;height:auto}
.plans{padding:60px 0;background:var(--bg)}
.plans h2,.why h2{text-align:center;font-size:38px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:30px}
.card{background:#fff;border-top:4px solid var(--blue);padding:26px;text-align:center}
.card:nth-child(2){border-color:var(--pink)}.card:nth-child(3){border-color:var(--green)}
.card img{width:96px;height:96px}
.card h3{font-size:26px}
.why{padding:60px 0}
.why .grid img{width:56px;height:56px}
.why .item{text-align:center}
.domains{background:var(--ink);color:#fff;padding:44px 0;text-align:center}
.domains img{height:54px;margin:8px 10px}
.content{padding:50px 0;min-height:50vh}
.content .wrap{max-width:860px}
.content h1{font-size:44px}
.site-footer{background:var(--ink);color:#bbb;padding:36px 0;font-size:15px}
.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer a{color:var(--sky)}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}}

/* Dropdown menu */
.nav li{position:relative}
.nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#2d2a2a;padding:6px 0;margin:0;list-style:none;flex-direction:column;border-top:3px solid var(--pink);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{font-size:17px;padding:8px 16px;border:0;white-space:nowrap}
.nav .sub-menu a:hover{background:var(--blue)}
.nav .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;vertical-align:-2px}
.nav>ul{flex-wrap:nowrap}
.nav a{white-space:nowrap}
@media(max-width:900px){
 .nav>ul{flex-wrap:wrap}
 .nav .sub-menu{position:static;display:flex;box-shadow:none;border:0;background:transparent;padding-left:14px}
}

.tu-row{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}
.tu-col{flex:1 1 280px;min-width:0}
.content .wrap:has(.tu-row){max-width:1100px}

/* Legacy full-width page layout */
.legacy-page {
    width: 100%;
    min-width: 0;
    overflow: visible;
}
.legacy-page .legacy-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.legacy-page article {
    display: flow-root;
    width: 100%;
}
.legacy-page .kc_row {
    clear: both;
}

/* Shared Hosting page: fix overlapping legacy spacer sections */
body.page-id-259 .kc-css-942168 {
    display: none !important;
}

body.page-id-259 .kc-css-1869992,
body.page-id-259 .kc-css-4241676 {
    margin-top: 0 !important;
}

/* Shared Hosting page: remove the empty legacy spacer row */
body.page-id-259 .kc-css-942168 {
    display: none !important;
}

/* Shared Hosting page: align pricing actions without affecting other pages */
body.page-id-259 .idz-pricing-list {
    align-items: stretch;
}

body.page-id-259 .idz-pricing-item,
body.page-id-259 .idz-pricing-content {
    height: 100%;
}

body.page-id-259 .idz-pricing-content {
    display: flex;
    flex-direction: column;
}

body.page-id-259 .idz-pricing-content .idz-features-list {
    flex-grow: 1;
    min-height: 170px;
}

body.page-id-259 .idz-pricing-content > .idz-button {
    align-self: flex-start;
    margin-top: 12px;
}

/* Restore the top price link's button appearance */
/* Shared Hosting: restore the original Altis price badge */
body.page-id-259 .idz-button-price {
    border: 2px solid #dc5980;
    padding: 18px;
    line-height: 1.3;
    font-weight: 700;
    font-size: 14px;
    font-family: Rajdhani, sans-serif;
    position: relative;
    overflow: hidden;
}

body.page-id-259 .idz-button-price a.button-link {
    color: #dc5980;
    text-decoration: none;
}

body.page-id-259 .idz-button-price a.button-link:hover {
    text-decoration: none;
}

body.page-id-259 .idz-button-price a.button-link i {
    color: #dc5980;
    font-size: 15px;
    position: relative;
    bottom: auto;
    right: auto;
    left: 5px;
}

body.page-id-259 .idz-button-price span.top-text {
    display: block;
    color: #777;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 300;
}

body.page-id-259 .idz-button-price span.price {
    color: #221f1f;
    font-family: Rajdhani, sans-serif;
    font-size: 28px;
    font-weight: 700;
}

body.page-id-259 .idz-button-price span.cycle {
    display: inline-block;
    margin-bottom: 15px;
    color: #dc5980;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 300;
}

body.page-id-259 .idz-button-price .one-one > i.uk-icon-shopping-cart {
    position: absolute;
    right: -20px;
    bottom: -8px;
    z-index: -1;
    color: #f3f3f3;
    font-size: 122px;
}


/* Shared Hosting: restore the four plan label colours */
body.page-id-259 .kc-css-1947477 .idz-pricing-item.shared .idz-pricing-content h5 {
    background-color: #4994cd !important;
    color: #fff;
}

body.page-id-259 .kc-css-4173923 .idz-pricing-content h5 {
    background-color: #dc5980 !important;
    color: #fff;
}

body.page-id-259 .kc-css-976302 .idz-pricing-content h5,
body.page-id-259 .kc-css-1008406 .idz-pricing-content h5 {
    background-color: #4994cd !important;
    color: #fff;
}

/* Keep the pricing cards and their actions in a consistent vertical layout */
body.page-id-259 .idz-pricing-list {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

body.page-id-259 .idz-pricing-list > li {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

body.page-id-259 .idz-pricing-item,
body.page-id-259 .idz-pricing-content {
    width: 100%;
}

body.page-id-259 .idz-pricing-content {
    display: flex;
    flex-direction: column;
}

body.page-id-259 .idz-pricing-content .idz-features-list {
    flex-grow: 1;
}

body.page-id-259 .idz-pricing-content > .idz-button {
    align-self: flex-start;
    margin-top: 12px;
}

@media (max-width: 767px) {
    body.page-id-259 .idz-pricing-list {
        flex-wrap: wrap;
    }

    body.page-id-259 .idz-pricing-list > li {
        flex: 1 1 45%;
    }
}


/* Shared Hosting page 259: restore original pricing card appearance */
body.page-id-259 .idz-pricing-list > li .idz-pricing-content {
    padding: 30px 26px 35px 25px;
    border: 2px solid #4994cd;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

body.page-id-259 .kc-css-4173923 .idz-pricing-content {
    border-color: #dc5980;
}

body.page-id-259 .idz-pricing-content > .idz-button {
    display: inline-block;
    border: none;
    padding: 6px 18px;
    margin-top: 12px;
    font-family: Rajdhani, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #4994cd;
    text-decoration: none;
    line-height: 1.5;
}

body.page-id-259 .idz-pricing-content > .idz-button:hover {
    background-color: rgba(73, 148, 205, .9);
    color: #fff;
    text-decoration: none;
}

body.page-id-259 .kc-css-4173923 .idz-pricing-content > .idz-button {
    background-color: #dc5980;
}

body.page-id-259 .kc-css-4173923 .idz-pricing-content > .idz-button:hover {
    background-color: rgba(220, 89, 128, .9);
}

body.page-id-259 .idz-pricing-foot {
    background-color: #f6f6f6;
    margin-top: 35px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -35px;
    padding: 15px 20px;
}

body.page-id-259 .idz-pricing-foot p {
    margin: 0;
    font-size: 10px !important;
    text-transform: uppercase;
    color: #777;
}