:root{
  --ws-ink:#10283a;--ws-muted:#64737d;--ws-teal:#078b9d;--ws-teal-dark:#056e7a;
  --ws-green:#4f9f18;--ws-green-dark:#3f8112;--ws-line:#dfe8e9;--ws-soft:#f4faf9;
  --ws-cream:#fbf8f1;--ws-warm:#fff8e8;--ws-white:#fff;--ws-shadow:0 12px 34px rgba(16,40,58,.075);
}
html,body,body.primary-bg-color{background:#fff!important;color:var(--ws-ink)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px}
*{box-sizing:border-box} a{color:var(--ws-teal)!important} a:hover{color:var(--ws-teal-dark)!important;text-decoration:none}.container{max-width:1180px!important}
body:before{content:"Web Secured Hosting Canada · Client Area";display:block;padding:7px 16px;text-align:center;background:#fff5d8;border-bottom:1px solid #f0dfac;color:#6d5411;font-size:12px;font-weight:700}
#header.header,header.header,.header,.navbar,.main-navbar-wrapper,.main-navbar-wrapper .navbar,.navbar-main{background:#fff!important;color:var(--ws-ink)!important;border-color:var(--ws-line)!important;box-shadow:none!important}
#header.header{border-bottom:1px solid var(--ws-line)!important}#header .navbar-light{min-height:92px}#header .navbar-brand{padding:5px 0!important;display:flex;align-items:center}
#header .navbar-brand .logo-img,#header .logo-img,.header .logo-img{width:auto!important;max-width:240px!important;max-height:74px!important;object-fit:contain!important}
#header .main-navbar-wrapper{border-top:1px solid #eef3f4!important}#header .main-navbar-wrapper .container{min-height:52px}
#header .navbar-nav .nav-link,#header .navbar-nav a,.main-navbar-wrapper a{color:var(--ws-ink)!important;font-weight:700!important;font-size:14px!important}
#header .navbar-nav .nav-link:hover,#header .navbar-nav a:hover{color:var(--ws-teal)!important}
#header .toolbar .btn,#header .cart-btn{background:#fff!important;border:1px solid var(--ws-teal)!important;color:var(--ws-teal)!important;border-radius:10px!important}
#header .badge-info{background:var(--ws-green)!important}.master-breadcrumb{background:#f7faf9!important;border-bottom:1px solid var(--ws-line)!important}.master-breadcrumb .breadcrumb{background:transparent!important;margin:0!important}
#main-body{background:#fff!important;padding-top:34px!important;padding-bottom:62px!important}.primary-content{color:var(--ws-ink)!important}.header-lined{border-bottom-color:var(--ws-line)!important}.header-lined h1,.page-header,h1,h2,h3,h4,h5{color:var(--ws-ink)!important;font-family:Arial,Helvetica,sans-serif!important}.header-lined h1{font-weight:800!important;letter-spacing:-.025em}
.card,.panel,.modal-content,.list-group,.tiles .tile,.client-home-cards .card{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:15px!important;box-shadow:var(--ws-shadow)!important;color:var(--ws-ink)!important}.card-header,.panel-heading,.card-footer{background:var(--ws-soft)!important;border-color:var(--ws-line)!important;color:var(--ws-ink)!important}.card-header,.panel-heading{font-weight:800!important}.list-group-item{background:#fff!important;border-color:#edf2f2!important;color:var(--ws-ink)!important}
.btn{border-radius:10px!important;font-weight:800!important;box-shadow:none!important}.btn-primary,.btn-success,.btn-info,button.btn-primary,input.btn-primary{background:var(--ws-teal)!important;border-color:var(--ws-teal)!important;color:#fff!important}.btn-primary:hover,.btn-success:hover,.btn-info:hover{background:var(--ws-teal-dark)!important;border-color:var(--ws-teal-dark)!important;color:#fff!important}.btn-default,.btn-secondary,.btn-outline-primary{background:#fff!important;border:1px solid var(--ws-teal)!important;color:var(--ws-teal)!important}
.form-control,.custom-select,.input-group-text,select.form-control,textarea.form-control{background:#fff!important;color:var(--ws-ink)!important;border:1px solid #cbd8da!important;border-radius:10px!important;box-shadow:none!important}.form-control:focus,.custom-select:focus{border-color:var(--ws-teal)!important;box-shadow:0 0 0 3px rgba(7,139,157,.12)!important}label{color:var(--ws-ink)!important;font-weight:700}
.alert-info{background:#eef9fa!important;border-color:#cbe9ec!important;color:var(--ws-ink)!important}.alert-success{background:#f2faec!important;border-color:#d5ebc8!important;color:#31551d!important}.alert-warning{background:var(--ws-warm)!important;border-color:#efdca8!important;color:#6c5416!important}
#footer.footer,footer.footer,.footer{background:#f8faf9!important;border-top:1px solid var(--ws-line)!important;color:var(--ws-muted)!important}#footer.footer a,.footer a{color:var(--ws-teal)!important}
.bg-dark,.bg-black,.bg-secondary,section.bg-dark,div.bg-dark{background:#fff!important;color:var(--ws-ink)!important}.text-light,.text-white{color:var(--ws-ink)!important}.border-dark{border-color:var(--ws-line)!important}
@media(max-width:991px){#header .navbar-light{min-height:74px}#header .navbar-brand .logo-img,#header .logo-img{max-width:190px!important;max-height:58px!important}}
@media(max-width:575px){body:before{font-size:11px}#header .navbar-brand .logo-img,#header .logo-img{max-width:158px!important;max-height:50px!important}}

/* ---- Web Secured order-flow refinements ---- */
#order-standard_cart{color:var(--ws-ink)!important;max-width:1180px;margin:0 auto}
#order-standard_cart .cart-sidebar{padding-right:24px}
#order-standard_cart .cart-sidebar .panel,#order-standard_cart .cart-sidebar .card,#order-standard_cart .categories-collapsed{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:15px!important;box-shadow:0 10px 26px rgba(16,40,58,.055)!important;overflow:hidden}
#order-standard_cart .cart-sidebar .panel-heading,#order-standard_cart .cart-sidebar .card-header{background:#f6fbfa!important;padding:14px 17px!important;font-size:15px!important;font-weight:800!important}
#order-standard_cart .cart-sidebar .list-group-item{padding:13px 17px!important;background:#fff!important;border-color:#edf2f2!important}#order-standard_cart .cart-sidebar .list-group-item.active,#order-standard_cart .cart-sidebar .list-group-item.active a{background:#eef8f9!important;color:var(--ws-teal-dark)!important;border-color:var(--ws-line)!important}
#order-standard_cart h1{font-size:38px!important;font-weight:800!important;letter-spacing:-.035em;margin-bottom:8px!important}#order-standard_cart h2{font-weight:800!important}.cart-body>p,.cart-body>.lead{color:var(--ws-muted)!important;font-size:16px!important;line-height:1.55!important}
#order-standard_cart .product-info,#order-standard_cart .summary-container,#order-standard_cart .domain-selection-options .option,#order-standard_cart .view-cart-items,#order-standard_cart .order-summary,#order-standard_cart .domain-pricing .tld-pricing-header,#order-standard_cart .domain-pricing .tld-row,#order-standard_cart .checkout,#order-standard_cart .payment-methods{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:16px!important;box-shadow:var(--ws-shadow)!important;color:var(--ws-ink)!important}
#order-standard_cart .product-info{padding:24px!important;background:linear-gradient(135deg,#fff 0%,#f8fbfa 100%)!important}
#order-standard_cart .product-info .product-title{font-size:21px!important;font-weight:800!important;color:var(--ws-ink)!important}
#order-standard_cart .order-summary{overflow:hidden!important;border:0!important}#order-standard_cart .order-summary h2{background:var(--ws-teal)!important;color:#fff!important;padding:12px 18px!important;border-radius:14px 14px 0 0!important;font-size:20px!important;font-weight:800!important}#order-standard_cart .summary-container{border-top-left-radius:0!important;border-top-right-radius:0!important;padding:18px!important}
#order-standard_cart .summary-container .total-due-today{background:#fff!important;color:var(--ws-ink)!important;border-top:1px solid var(--ws-line)!important;margin-top:12px!important;padding-top:16px!important}#order-standard_cart .summary-container .total-due-today .amt{color:var(--ws-ink)!important;font-weight:800!important}
#order-standard_cart .btn-primary,#order-standard_cart .btn-success,#order-standard_cart .btn-info{min-height:48px!important;padding:11px 22px!important;font-size:17px!important;border-radius:10px!important}
#order-standard_cart .form-control,#order-standard_cart select,#order-standard_cart textarea{min-height:42px!important;border:1px solid #cbd8da!important;border-radius:10px!important;background:#fff!important}
#order-standard_cart .sub-heading{margin-top:28px!important;margin-bottom:18px!important}#order-standard_cart .sub-heading span{background:#fff!important;color:var(--ws-ink)!important;font-weight:800!important;font-size:17px!important}
#order-standard_cart .domain-selection-options .option{padding:18px!important;margin-bottom:14px!important}#order-standard_cart .domain-selection-options .option:hover{border-color:#a9dce1!important}#order-standard_cart .domain-selection-options .option label{color:var(--ws-ink)!important;font-size:16px!important}
#order-standard_cart .domain-checker-container,#order-standard_cart .domain-checker-bg{background:linear-gradient(135deg,#f0fbfb 0%,#fff9ed 100%)!important;color:var(--ws-ink)!important;border:1px solid var(--ws-line)!important;border-radius:18px!important}
#order-standard_cart .view-cart-items-header{background:#f6fbfa!important;color:var(--ws-ink)!important;border-color:var(--ws-line)!important;font-weight:800!important}
#order-standard_cart .view-cart-items .item{border-color:var(--ws-line)!important;padding-top:15px!important;padding-bottom:15px!important}
#order-standard_cart .payment-methods .payment-method{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:12px!important;margin-bottom:10px!important;padding:12px!important}#order-standard_cart .payment-methods .payment-method.selected{border-color:var(--ws-teal)!important;box-shadow:0 0 0 3px rgba(7,139,157,.10)!important}
#order-standard_cart .payment-methods .payment-method img{max-height:36px!important;width:auto!important}
#order-standard_cart .cc-input-container{background:#fff!important;border:1px solid var(--ws-line)!important;border-radius:14px!important;padding:16px!important}
#order-standard_cart .checkout-security-note{margin:18px 0 4px;padding:14px 16px;border:1px solid #d8e8dc;background:#f5fbf3;border-radius:12px;color:#365b27;font-size:14px;line-height:1.45}
/* Tone down the utilitarian sidebar so checkout is the focus */
@media(min-width:992px){#order-standard_cart .cart-sidebar{opacity:.92}#order-standard_cart .cart-body{padding-left:4px}}
@media(max-width:991px){#order-standard_cart .cart-sidebar{padding-right:15px;margin-bottom:22px}#order-standard_cart h1{font-size:32px!important}}


/* ============================================================
   Web Secured Hosting - Mobile Checkout Cleanup
   Domain selection must be the primary action on mobile
   ============================================================ */

@media (max-width: 991px) {

    /* WHMCS cart sidebar contains Categories / Actions / Currency.
       Customer already selected a hosting plan on web-hosting.ca. */
    #order-standard_cart .cart-sidebar {
        display: none !important;
    }

    /* Allow checkout body to use the full phone width */
    #order-standard_cart .cart-body {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Reduce excessive space before the actual ordering content */
    #main-body {
        padding-top: 18px !important;
    }

    #order-standard_cart h1 {
        margin-top: 0 !important;
        font-size: 30px !important;
        line-height: 1.12 !important;
    }
}

@media (max-width: 575px) {

    #main-body {
        padding-top: 12px !important;
    }

    #order-standard_cart h1 {
        font-size: 28px !important;
    }

}

/* ============================================================
   Web Secured Hosting - Remove WHMCS mobile navigation clutter
   ============================================================ */

@media (max-width: 991px) {

    /* Desktop cart sidebar */
    #order-standard_cart .cart-sidebar {
        display: none !important;
    }

    /* WHMCS alternate mobile sidebar:
       Categories / Actions / Currency */
    #order-standard_cart .sidebar-collapsed {
        display: none !important;
    }

    /* Domain/order content gets full width */
    #order-standard_cart .cart-body {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* Web Secured Hosting - Canadian localisation branding */
#footer .iti-flag.us,
.footer .iti-flag.us {
    background-image: none !important;
    background: transparent !important;
    width: 24px !important;
    height: 16px !important;
    position: relative !important;
    overflow: visible !important;
    border: 0 !important;
}

#footer .iti-flag.us::before,
.footer .iti-flag.us::before {
    content: "🇨🇦";
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 22px;
    line-height: 22px;
}

/* Footer localisation readability */
#footer button[data-target="#modalChooseLanguage"],
.footer button[data-target="#modalChooseLanguage"] {
    color: #10283a !important;
    background: transparent !important;
    border: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

#footer .iti-flag.us,
.footer .iti-flag.us {
    background-image: none !important;
    background-color: #fff !important;
    width: 24px !important;
    height: 16px !important;
    display: inline-block !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #d7d7d7 !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
}

#footer .iti-flag.us::before,
.footer .iti-flag.us::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to right,#d80621 0%,#d80621 25%,#fff 25%,#fff 75%,#d80621 75%,#d80621 100%) !important;
}

#footer .iti-flag.us::after,
.footer .iti-flag.us::after {
    content: "♦" !important;
    position: absolute !important;
    left: 8px !important;
    top: -3px !important;
    color: #d80621 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    transform: rotate(45deg) !important;
}


/* ============================================================
   Web Secured Hosting - Hosting Plans Grid ONLY
   Scoped to #products so checkout/mobile cart remain untouched
   ============================================================ */

/* DESKTOP */
@media (min-width: 1101px) {

    #products.price-table-container > ul {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;
        align-items: stretch !important;
        margin: 32px 0 !important;
        padding: 0 !important;
    }

    #products.price-table-container > ul > li {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
    }
}

/* TABLET ONLY */
@media (min-width: 651px) and (max-width: 1100px) {

    #products.price-table-container > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        padding: 0 !important;
    }

    #products.price-table-container > ul > li {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        display: flex !important;
    }
}

/* CARD STYLING - hosting product grid only */

#products.price-table-container .price-table {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid #d8e4e5 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(16,40,58,.06) !important;
}

#products.price-table-container .top-head {
    background: #fff !important;
    color: #10283a !important;
}

#products.price-table-container .top-area {
    min-height: 76px !important;
    padding: 22px 18px 12px !important;
    display: flex !important;
    align-items: center !important;
}

#products.price-table-container .top-area h4 {
    margin: 0 !important;
    color: #078b9d !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

#products.price-table-container .price-area {
    background: #fff !important;
    padding: 8px 18px 20px !important;
}

#products.price-table-container .price {
    color: #10283a !important;
    margin-bottom: 16px !important;
}

#products.price-table-container .price span {
    color: #10283a !important;
    font-size: 40px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

#products.price-table-container .order-button {
    display: block !important;
    width: 100% !important;
    padding: 12px 14px !important;
    background: #078b9d !important;
    border: 2px solid #078b9d !important;
    border-radius: 9px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

#products.price-table-container .order-button:hover {
    background: #056e7a !important;
    border-color: #056e7a !important;
    color: #fff !important;
}

#products.price-table-container .popular-plan {
    background: #078b9d !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 7px 12px !important;
}

#products.price-table-container .price-table > ul {
    flex: 1 !important;
    margin: 0 !important;
    padding: 18px 20px 24px !important;
    background: #fff !important;
}

#products.price-table-container .price-table > ul > li {
    color: #10283a !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}


/* MOBILE
   Deliberately simple: one product per row.
   Does NOT touch WHMCS cart/checkout/mobile sidebar rules.
*/
@media (max-width: 650px) {

    #products.price-table-container > ul {
        display: block !important;
        margin: 20px 0 !important;
        padding: 0 !important;
    }

    #products.price-table-container > ul > li {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
    }

    #products.price-table-container .price-table {
        width: 100% !important;
        height: auto !important;
    }

    #products.price-table-container .top-area {
        min-height: 0 !important;
    }

    #products.price-table-container .price span {
        font-size: 36px !important;
    }
}