/* ShamrockVPN V41 - Store dropdown + native WHMCS sidebar + compact pricing cards */

/* =========================
   STORE DROPDOWN
   ========================= */
.shamrock-theme .svp-store-menu{
    position:relative;
    display:flex;
    align-items:stretch;
}
.shamrock-theme .svp-store-menu > .svp-store-toggle{
    height:100%;
    display:flex!important;
    align-items:center;
}
.shamrock-theme .svp-store-dropdown{
    position:absolute;
    z-index:99999;
    top:calc(100% - 1px);
    left:0;
    width:298px;
    padding:10px;
    border:1px solid rgba(120,137,205,.20);
    border-radius:0 0 18px 18px;
    background:#fff;
    box-shadow:0 22px 50px rgba(5,16,48,.24);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.shamrock-theme .svp-store-menu:hover .svp-store-dropdown,
.shamrock-theme .svp-store-menu:focus-within .svp-store-dropdown,
.shamrock-theme .svp-store-menu.is-open .svp-store-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}
.shamrock-theme .svp-store-dropdown > a{
    min-height:52px;
    display:flex!important;
    align-items:center;
    gap:11px;
    padding:12px 14px!important;
    border-radius:12px;
    color:#28385f!important;
    background:#fff!important;
    font-size:14px!important;
    line-height:1.25;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:normal;
}
.shamrock-theme .svp-store-dropdown > a:hover,
.shamrock-theme .svp-store-dropdown > a:focus{
    color:#4058d6!important;
    background:#f5f7ff!important;
}
.shamrock-theme .svp-store-dropdown > a i{
    width:18px;
    text-align:center;
    color:#6677a8!important;
}
.shamrock-theme .svp-store-divider{
    height:1px;
    margin:6px 8px;
    background:#e7ebf5;
}
.shamrock-theme .svp-store-menu.is-open .nav-store-chevron{
    transform:rotate(180deg);
}
.shamrock-theme .nav-store-chevron{
    transition:transform .16s ease;
}

/* =========================
   STORE PAGE SHELL
   ========================= */
body.svp-store-active .shamrock-whmcs-body,
body.shamrock-theme.svp-store-active #main-body{
    min-height:520px!important;
    padding:34px 0 64px!important;
    background:
      radial-gradient(circle at 55% -15%,rgba(104,121,255,.15),transparent 34%),
      linear-gradient(180deg,#20356f 0%,#172858 100%)!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
}
body.svp-store-active .shamrock-whmcs-container{
    width:min(1540px,calc(100% - 40px))!important;
    max-width:none!important;
}
body.svp-store-active .shamrock-primary-content,
body.svp-store-active .shamrock-primary-full{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Hide old custom store hero/banner fragments if they still exist. */
body.svp-store-active .shamrock-store-hero,
body.svp-store-active .shamrock-order-hero,
body.svp-store-active .store-hero,
body.svp-store-active .store-banner,
body.svp-store-active .shamrock-store-banner,
body.svp-store-active .shamrock-store-intro,
body.svp-store-active .plans-simple-banner.store-banner,
body.svp-store-active [data-store-hero]{
    display:none!important;
}

/* =========================
   NATIVE STANDARD_CART LAYOUT
   ========================= */
body.svp-store-active #order-standard_cart{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    color:#f8f9ff!important;
    background:transparent!important;
}
body.svp-store-active #order-standard_cart *{box-sizing:border-box}

body.svp-store-active #order-standard_cart > .row,
body.svp-store-active #order-standard_cart .shamrock-order-layout{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:28px!important;
    width:100%!important;
    margin:0!important;
}

/* Always show native Categories + Actions sidebar on desktop. */
body.svp-store-active #order-standard_cart .cart-sidebar,
body.svp-store-active #order-standard_cart .shamrock-cart-sidebar{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    flex:0 0 292px!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
}
body.svp-store-active #order-standard_cart .cart-body,
body.svp-store-active #order-standard_cart .shamrock-cart-body{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 auto!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
}

/* Sidebar cards like the reference screenshot. */
body.svp-store-active #order-standard_cart .cart-sidebar .panel,
body.svp-store-active #order-standard_cart .cart-sidebar .card{
    display:block!important;
    overflow:hidden!important;
    margin:0 0 18px!important;
    border:0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 13px 32px rgba(5,14,44,.20)!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .panel-heading,
body.svp-store-active #order-standard_cart .cart-sidebar .card-header{
    min-height:64px!important;
    padding:18px 20px!important;
    border:0!important;
    border-bottom:1px solid #e8edf6!important;
    background:#fbfcff!important;
    color:#172553!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .panel-title{
    margin:0!important;
    color:#172553!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:800!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .panel-title i,
body.svp-store-active #order-standard_cart .cart-sidebar .card-header i{
    color:#172553!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .list-group{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .list-group-item,
body.svp-store-active #order-standard_cart .cart-sidebar a.list-group-item{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:15px 18px!important;
    border:0!important;
    border-bottom:1px solid #edf1f7!important;
    border-radius:0!important;
    background:#fff!important;
    color:#52617f!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-decoration:none!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .list-group-item:last-child{border-bottom:0!important}
body.svp-store-active #order-standard_cart .cart-sidebar a.list-group-item:hover{
    color:#344b95!important;
    background:#f4f7ff!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar a.list-group-item.active,
body.svp-store-active #order-standard_cart .cart-sidebar .list-group-item.active{
    color:#fff!important;
    background:linear-gradient(90deg,#617bff,#7c69f4)!important;
    font-weight:800!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .list-group-item i{
    width:18px!important;
    text-align:center!important;
    color:#657493!important;
}
body.svp-store-active #order-standard_cart .cart-sidebar .list-group-item.active i{color:#fff!important}

/* Keep the real sidebar; remove the duplicate collapsed selector. */
body.svp-store-active #order-standard_cart .sidebar-collapsed,
body.svp-store-active #order-standard_cart .shamrock-category-compact{
    display:none!important;
}

/* Compact heading only, no giant box. */
body.svp-store-active #order-standard_cart .header-lined,
body.svp-store-active #order-standard_cart .shamrock-product-group-title{
    margin:3px 0 24px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
}
body.svp-store-active #order-standard_cart .header-lined:before,
body.svp-store-active #order-standard_cart .header-lined:after{display:none!important}
body.svp-store-active #order-standard_cart .header-lined h1,
body.svp-store-active #order-standard_cart .shamrock-product-group-title h1{
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:clamp(28px,3vw,44px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.8px!important;
}
body.svp-store-active #order-standard_cart .header-lined p{display:none!important}

/* =========================
   COMPACT PRODUCT CARDS
   ========================= */
body.svp-store-active #order-standard_cart .products,
body.svp-store-active #order-standard_cart .shamrock-products{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
body.svp-store-active #order-standard_cart .products > .row,
body.svp-store-active #order-standard_cart .shamrock-products-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
}
body.svp-store-active #order-standard_cart .products > .row > [class*="col-"],
body.svp-store-active #order-standard_cart .shamrock-product-col{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
}
body.svp-store-active #order-standard_cart .products > .row:empty{display:none!important}

body.svp-store-active #order-standard_cart .product,
body.svp-store-active #order-standard_cart .shamrock-product-card{
    position:relative!important;
    width:100%!important;
    min-height:345px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
    margin:0!important;
    padding:20px 18px 17px!important;
    border:1px solid rgba(194,204,255,.18)!important;
    border-radius:21px!important;
    background:linear-gradient(160deg,#2e4a91 0%,#243e7f 55%,#203671 100%)!important;
    color:#fff!important;
    box-shadow:0 16px 36px rgba(7,15,45,.20)!important;
}
body.svp-store-active #order-standard_cart .product > header,
body.svp-store-active #order-standard_cart .shamrock-product-top{
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    text-align:left!important;
}
body.svp-store-active #order-standard_cart .product > header > span:first-child,
body.svp-store-active #order-standard_cart .shamrock-product-top h3{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.18!important;
    font-weight:800!important;
    text-transform:none!important;
    text-align:left!important;
}
body.svp-store-active #order-standard_cart .shamrock-product-symbol{
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 0 16px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:18px!important;
}
body.svp-store-active #order-standard_cart .shamrock-starting-label{
    display:block!important;
    margin:0 0 8px!important;
    color:#cbd5ff!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:1.2px!important;
}
body.svp-store-active #order-standard_cart .product-desc,
body.svp-store-active #order-standard_cart .shamrock-product-main{
    flex:1 1 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#c9d2f1!important;
}
body.svp-store-active #order-standard_cart .product-desc p,
body.svp-store-active #order-standard_cart .shamrock-product-summary{
    margin:9px 0 12px!important;
    color:#c8d2f2!important;
    font-size:12.5px!important;
    line-height:1.45!important;
}
body.svp-store-active #order-standard_cart .product-desc ul,
body.svp-store-active #order-standard_cart .shamrock-product-desc ul{
    margin:13px 0 0!important;
    padding:0!important;
    list-style:none!important;
}
body.svp-store-active #order-standard_cart .product-desc li,
body.svp-store-active #order-standard_cart .shamrock-product-desc li{
    display:flex!important;
    gap:8px!important;
    margin:0 0 7px!important;
    color:#d9e0f8!important;
    font-size:12px!important;
    line-height:1.35!important;
}
body.svp-store-active #order-standard_cart .shamrock-feature-dot{
    width:17px!important;
    height:17px!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 17px!important;
    margin-top:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:8px!important;
}
body.svp-store-active #order-standard_cart .product-pricing,
body.svp-store-active #order-standard_cart .shamrock-price-block{
    margin:15px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    text-align:left!important;
}
body.svp-store-active #order-standard_cart .product-pricing .price,
body.svp-store-active #order-standard_cart .shamrock-price-block .price{
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:850!important;
}
body.svp-store-active #order-standard_cart .product-pricing .cycle,
body.svp-store-active #order-standard_cart .shamrock-price-block .cycle,
body.svp-store-active #order-standard_cart .setup-fee{
    color:#bdc8ec!important;
    font-size:11px!important;
}
body.svp-store-active #order-standard_cart .product footer,
body.svp-store-active #order-standard_cart .shamrock-product-footer{
    margin-top:auto!important;
    padding:15px 0 0!important;
    border:0!important;
    background:transparent!important;
}
body.svp-store-active #order-standard_cart .btn-order-now,
body.svp-store-active #order-standard_cart .shamrock-order-now{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(90deg,#687dff,#8d6cff)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(70,76,220,.28)!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
    text-decoration:none!important;
}
body.svp-store-active #order-standard_cart .btn-order-now:hover{filter:brightness(1.06)!important}

body.svp-store-active #order-standard_cart .shamrock-featured-product{
    background:linear-gradient(145deg,#7882ff 0%,#746cf3 54%,#886ff7 100%)!important;
    border-color:rgba(255,255,255,.28)!important;
    transform:translateY(-4px)!important;
}
body.svp-store-active #order-standard_cart .shamrock-featured-badge{
    position:absolute!important;
    z-index:3!important;
    left:50%!important;
    top:-13px!important;
    transform:translateX(-50%)!important;
    padding:7px 14px!important;
    border-radius:999px!important;
    background:#14245a!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(5,12,40,.26)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.65px!important;
    white-space:nowrap!important;
}

/* Alerts */
body.svp-store-active #order-standard_cart .alert{
    border:0!important;
    border-radius:14px!important;
}

/* Responsive */
@media (max-width:1199px){
    body.svp-store-active #order-standard_cart .products > .row,
    body.svp-store-active #order-standard_cart .shamrock-products-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
    body.svp-store-active #order-standard_cart > .row,
    body.svp-store-active #order-standard_cart .shamrock-order-layout{
        flex-direction:column!important;
        gap:22px!important;
    }
    body.svp-store-active #order-standard_cart .cart-sidebar,
    body.svp-store-active #order-standard_cart .shamrock-cart-sidebar{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        flex:0 0 auto!important;
    }
}
@media (max-width:767px){
    .shamrock-theme .svp-store-menu{display:block;width:100%}
    .shamrock-theme .svp-store-dropdown{
        position:static;
        width:100%;
        display:none;
        margin:0 0 6px;
        border-radius:14px;
        opacity:1;
        visibility:visible;
        transform:none;
        pointer-events:auto;
        box-shadow:none;
    }
    .shamrock-theme .svp-store-menu.is-open .svp-store-dropdown{display:block}
    body.svp-store-active .shamrock-whmcs-container{width:min(100% - 24px,1540px)!important}
    body.svp-store-active #order-standard_cart .products > .row,
    body.svp-store-active #order-standard_cart .shamrock-products-row{grid-template-columns:1fr!important}
    body.svp-store-active #order-standard_cart .product,
    body.svp-store-active #order-standard_cart .shamrock-product-card{min-height:0!important}
}


/* V48 sidebar final safety */
body.svp-store-active #order-standard_cart .cart-sidebar,
body.svp-store-active #order-standard_cart .shamrock-cart-sidebar{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}
