/* ============================================================
   IAMART WHMCS CHECKOUT UI v3.2.0
   Unified IAMART Ecosystem
   Presentation only — no commercial logic
   ============================================================ */

:root{
    --iamart-checkout-blue:#43A6DB;
    --iamart-checkout-blue-2:#168ED1;
    --iamart-checkout-navy:#082D4B;
    --iamart-checkout-navy-2:#061F35;
    --iamart-checkout-text:#29465D;
    --iamart-checkout-muted:#72889A;
    --iamart-checkout-line:#DDE9F1;
    --iamart-checkout-soft:#F4F9FC;
    --iamart-checkout-white:#FFFFFF;
    --iamart-checkout-radius:16px;
    --iamart-checkout-shadow:
        0 16px 42px rgba(6,45,75,.08);
}


/* ============================================================
   PAGE
   ============================================================ */

body{
    background:
        linear-gradient(
            180deg,
            #f7fbfe 0,
            #ffffff 440px
        )!important;
    color:var(--iamart-checkout-text)!important;
}

#main-body{
    padding-top:34px!important;
    padding-bottom:56px!important;
}

#order-standard_cart{
    color:var(--iamart-checkout-text)!important;
}

#order-standard_cart .container,
#main-body>.container{
    max-width:1180px!important;
}


/* ============================================================
   TITLE
   ============================================================ */

#order-standard_cart .header-lined,
#main-body .header-lined{
    border:0!important;
    padding:0!important;
    margin:0 0 22px!important;
}

#order-standard_cart .header-lined h1,
#main-body .header-lined h1{
    color:var(--iamart-checkout-navy)!important;
    font-size:34px!important;
    line-height:1.1!important;
    letter-spacing:-.035em!important;
    font-weight:800!important;
    margin:0!important;
}

#order-standard_cart .header-lined h1 small,
#main-body .header-lined h1 small{
    display:block!important;
    color:var(--iamart-checkout-muted)!important;
    font-size:13px!important;
    line-height:1.5!important;
    letter-spacing:0!important;
    font-weight:500!important;
    margin-top:7px!important;
}


/* ============================================================
   CART SIDEBAR / ACTIONS
   ============================================================ */

#order-standard_cart .cart-sidebar{
    padding-right:18px!important;
}

#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card,
#order-standard_cart .sidebar-collapsed{
    border:1px solid var(--iamart-checkout-line)!important;
    border-radius:14px!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:hidden!important;
}

#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header{
    background:#f8fbfd!important;
    border-bottom:1px solid var(--iamart-checkout-line)!important;
    color:var(--iamart-checkout-navy)!important;
    font-size:12px!important;
    font-weight:800!important;
    padding:12px 14px!important;
}

#order-standard_cart .cart-sidebar .panel-body,
#order-standard_cart .cart-sidebar .card-body{
    padding:10px!important;
}

#order-standard_cart .cart-sidebar a{
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:700!important;
}


/* ============================================================
   CART ITEMS
   ============================================================ */

#order-standard_cart .view-cart-items-header{
    background:transparent!important;
    border:0!important;
    color:var(--iamart-checkout-muted)!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
    padding:0 10px 9px!important;
}

#order-standard_cart .view-cart-items{
    border:0!important;
    background:transparent!important;
}

#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-product{
    border:1px solid var(--iamart-checkout-line)!important;
    border-radius:var(--iamart-checkout-radius)!important;
    background:#fff!important;
    box-shadow:var(--iamart-checkout-shadow)!important;
    margin-bottom:13px!important;
    padding:20px!important;
    overflow:hidden!important;
}

#order-standard_cart .view-cart-items .item:nth-child(even){
    background:#fff!important;
}

#order-standard_cart .item-title,
#order-standard_cart .product-name,
#order-standard_cart .item .name,
#order-standard_cart .item strong{
    color:var(--iamart-checkout-navy)!important;
}

#order-standard_cart .item-title,
#order-standard_cart .product-name{
    font-size:15px!important;
    font-weight:800!important;
}

#order-standard_cart .item-domain,
#order-standard_cart .domain-name{
    color:var(--iamart-checkout-text)!important;
    font-weight:700!important;
}

#order-standard_cart .item-price,
#order-standard_cart .cycle{
    color:var(--iamart-checkout-muted)!important;
}


/* ============================================================
   EDIT / REMOVE
   ============================================================ */

#order-standard_cart .btn-link,
#order-standard_cart a.btn-link{
    color:var(--iamart-checkout-blue-2)!important;
    font-size:12px!important;
    font-weight:700!important;
    text-decoration:none!important;
}

#order-standard_cart .btn-link:hover,
#order-standard_cart a.btn-link:hover{
    color:var(--iamart-checkout-navy)!important;
}


/* ============================================================
   PROMO / TABS
   ============================================================ */

#order-standard_cart .view-cart-tabs{
    border:1px solid var(--iamart-checkout-line)!important;
    border-radius:var(--iamart-checkout-radius)!important;
    background:#fff!important;
    box-shadow:none!important;
    padding:18px!important;
    margin-top:16px!important;
}

#order-standard_cart .view-cart-tabs .nav-tabs{
    border-bottom:1px solid var(--iamart-checkout-line)!important;
}

#order-standard_cart .view-cart-tabs .nav-link{
    color:var(--iamart-checkout-muted)!important;
    font-size:12px!important;
    font-weight:800!important;
}

#order-standard_cart .view-cart-tabs .nav-link.active{
    color:var(--iamart-checkout-navy)!important;
    border-color:transparent transparent var(--iamart-checkout-blue)!important;
}

#order-standard_cart input.form-control{
    min-height:44px!important;
    border:1px solid #d4e3ed!important;
    border-radius:10px!important;
    box-shadow:none!important;
    color:var(--iamart-checkout-text)!important;
}

#order-standard_cart input.form-control:focus{
    border-color:var(--iamart-checkout-blue)!important;
    box-shadow:
        0 0 0 3px rgba(67,166,219,.13)!important;
}


/* ============================================================
   EMPTY CART BUTTON
   ============================================================ */

#order-standard_cart #btnEmptyCart,
#order-standard_cart .btn-empty-cart{
    margin-top:14px!important;
    border-radius:9px!important;
    font-size:11px!important;
    font-weight:700!important;
}


/* ============================================================
   SUMMARY
   ============================================================ */

#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .cart-summary{
    background:#fff!important;
    border:1px solid var(--iamart-checkout-line)!important;
    border-radius:18px!important;
    box-shadow:
        0 20px 50px rgba(6,45,75,.10)!important;
    overflow:hidden!important;
}

#order-standard_cart .summary-container{
    padding:22px!important;
}

#order-standard_cart .summary-container h2,
#order-standard_cart .summary-container h3,
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3{
    color:var(--iamart-checkout-navy)!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
}

#order-standard_cart .summary-container .subtotal,
#order-standard_cart .summary-container .recurring-totals,
#order-standard_cart .summary-container .total-due-today{
    color:var(--iamart-checkout-text)!important;
}

#order-standard_cart .summary-container .total-due-today{
    border-top:1px solid var(--iamart-checkout-line)!important;
    margin-top:14px!important;
    padding-top:17px!important;
}

#order-standard_cart .summary-container .total-due-today .amt,
#order-standard_cart .summary-container .total-due-today strong,
#order-standard_cart .total-due-today{
    color:var(--iamart-checkout-navy)!important;
    font-weight:800!important;
}


/* ============================================================
   BUTTONS
   ============================================================ */

#order-standard_cart .btn-primary,
#order-standard_cart #checkout{
    background:
        linear-gradient(
            135deg,
            var(--iamart-checkout-blue),
            var(--iamart-checkout-blue-2)
        )!important;

    border:0!important;
    border-radius:11px!important;
    color:#fff!important;

    box-shadow:
        0 9px 22px rgba(22,142,209,.20)!important;

    font-weight:800!important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart #checkout:hover{
    transform:translateY(-1px);
    box-shadow:
        0 12px 26px rgba(22,142,209,.25)!important;
}

#order-standard_cart #checkout{
    min-height:48px!important;
    font-size:14px!important;
}


/* ============================================================
   FOOTER / POWERED BY
   ============================================================ */

body .footer{
    margin-top:0!important;
}

body .powered-by,
body [class*="powered-by"]{
    margin-top:20px!important;
    margin-bottom:18px!important;
    opacity:.65;
    font-size:10px!important;
}


/* ============================================================
   MOBILE HEADER — IAMART ONE ROW
   JS adds these classes to current WHMCS elements.
   ============================================================ */

.iamart-checkout-headrow{
    position:relative!important;
}

.iamart-checkout-mobile-actions{
    display:none;
}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media(max-width:991.98px){

    #main-body{
        padding-top:22px!important;
        padding-bottom:36px!important;
    }

    .iamart-checkout-headrow{
        display:flex!important;
        align-items:center!important;
        flex-wrap:nowrap!important;
        min-height:68px!important;
        width:100%!important;
    }

    .iamart-checkout-brand{
        flex:0 1 auto!important;
        max-width:calc(100% - 112px)!important;
        margin-right:auto!important;
    }

    .iamart-checkout-brand img{
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:160px!important;
        max-height:38px!important;
        object-fit:contain!important;
    }

    .iamart-checkout-mobile-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:9px!important;
        margin-left:auto!important;
    }

    .iamart-checkout-mobile-actions>a,
    .iamart-checkout-mobile-actions>button{
        position:static!important;
        float:none!important;
        margin:0!important;

        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        padding:0!important;

        border:1px solid #d9e7ef!important;
        border-radius:10px!important;

        background:#fff!important;
        color:var(--iamart-checkout-navy)!important;

        box-shadow:none!important;
    }

    #header .main-navbar-wrapper{
        min-height:0!important;
    }

    #header .navbar-collapse:not(.show){
        min-height:0!important;
    }

    #order-standard_cart .cart-sidebar{
        padding-right:15px!important;
        padding-left:15px!important;
        margin-bottom:14px!important;
    }

    #order-standard_cart .cart-sidebar .panel,
    #order-standard_cart .cart-sidebar .card{
        margin-bottom:0!important;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:767.98px){

    body{
        background:#f8fbfd!important;
    }

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

    #main-body>.container,
    #order-standard_cart>.container,
    #order-standard_cart .container{
        padding-left:15px!important;
        padding-right:15px!important;
    }

    #order-standard_cart .header-lined{
        margin-bottom:15px!important;
    }

    #order-standard_cart .header-lined h1,
    #main-body .header-lined h1{
        font-size:25px!important;
        line-height:1.12!important;
    }

    #order-standard_cart .header-lined h1 small{
        font-size:12px!important;
    }

    #order-standard_cart .cart-sidebar{
        margin-bottom:11px!important;
    }

    #order-standard_cart .cart-sidebar .panel-heading,
    #order-standard_cart .cart-sidebar .card-header{
        padding:9px 12px!important;
    }

    #order-standard_cart .cart-sidebar .panel-body,
    #order-standard_cart .cart-sidebar .card-body{
        padding:8px!important;
    }

    #order-standard_cart .view-cart-items-header{
        display:none!important;
    }

    #order-standard_cart .view-cart-items .item,
    #order-standard_cart .view-cart-items .item-domain,
    #order-standard_cart .view-cart-items .item-product{
        padding:16px 15px!important;
        border-radius:14px!important;
        margin-bottom:10px!important;
    }

    #order-standard_cart .view-cart-items .item .row{
        margin-left:-5px!important;
        margin-right:-5px!important;
    }

    #order-standard_cart .view-cart-items .item [class*="col-"]{
        padding-left:5px!important;
        padding-right:5px!important;
    }

    #order-standard_cart .view-cart-tabs{
        padding:14px!important;
        margin-top:12px!important;
        border-radius:14px!important;
    }

    #order-standard_cart .view-cart-tabs .input-group{
        display:flex!important;
        width:100%!important;
        flex-wrap:nowrap!important;
    }

    #order-standard_cart .view-cart-tabs .input-group .form-control{
        min-width:0!important;
        flex:1 1 auto!important;
    }

    #order-standard_cart .view-cart-tabs .input-group-append,
    #order-standard_cart .view-cart-tabs .input-group-btn{
        flex:0 0 auto!important;
    }

    #order-standard_cart .summary-container{
        padding:18px 16px!important;
        border-radius:15px!important;
        margin-top:13px!important;
    }

    #order-standard_cart #checkout,
    #order-standard_cart .checkout-btn,
    #order-standard_cart .btn-primary.btn-lg{
        width:100%!important;
        min-height:48px!important;
        font-size:14px!important;
    }

    #order-standard_cart #btnEmptyCart,
    #order-standard_cart .btn-empty-cart{
        display:inline-flex!important;
        width:auto!important;
        margin-top:12px!important;
        margin-bottom:4px!important;
    }

    body .footer{
        padding-top:27px!important;
        padding-bottom:27px!important;
    }

    body .powered-by,
    body [class*="powered-by"]{
        margin-top:15px!important;
        margin-bottom:14px!important;
    }
}


/* ============================================================
   VERY SMALL PHONES
   ============================================================ */

@media(max-width:420px){

    .iamart-checkout-brand img{
        max-width:142px!important;
        max-height:34px!important;
    }

    .iamart-checkout-mobile-actions{
        gap:7px!important;
    }

    .iamart-checkout-mobile-actions>a,
    .iamart-checkout-mobile-actions>button{
        width:39px!important;
        height:39px!important;
        min-width:39px!important;
    }
}