/* FunTime theme — SweetGrief overrides (loaded after style.min.css) */

body {
    background:
        radial-gradient(ellipse 70% 55% at 85% 108%, rgba(255, 0, 90, .30), transparent 60%),
        radial-gradient(ellipse 60% 50% at 8% 96%, rgba(130, 0, 50, .45), transparent 60%),
        radial-gradient(ellipse 45% 35% at 50% 0%, rgba(255, 0, 90, .06), transparent 70%),
        linear-gradient(180deg, #0b0709 0%, #110810 60%, #1b0611 100%);
    background-color: #0a0609;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile_menu { background: #0b0709; }

/* purchase modal backdrop (original uses an image) */
.item_modal {
    background: rgba(6, 2, 5, .88);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    overflow-y: auto;
}
.item_modal .buy_item {
    background-color: rgba(12, 5, 9, .88);
    max-width: calc(100% - 24px);
}
.item_modal .buy_item .input { background: rgba(255, 255, 255, .03); }

/* server select chevron */
.main .server_select {
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23ff005a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 95% center;
}

/* old price next to the current one */
.main .item_info .item_action .price .old_price {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, .45);
    text-decoration: line-through;
}

/* payment method tiles inside the modal */
#payment-method .methods > li > .payment-btn {
    background-image: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}
#payment-method .methods > li > .payment-btn small { font-size: 11px; font-weight: 600; color: #ff005a; margin-top: 4px; }
#payment-method .methods > li > .payment-btn[data-method="sbp"] {
    background-image: url("../img/spb.svg") !important;
    color: transparent;
}
#payment-method .methods > li > .payment-btn[data-method="googlepay"] { color: transparent; }
#payment-method .methods > li > .payment-btn[data-method="card"],
#payment-method .methods > li > .payment-btn[data-method="sberpay"],
#payment-method .methods > li > .payment-btn[data-method="crypto"],
#payment-method .methods > li > .payment-btn[data-method="applepay"] { background-image: none !important; }
#payment-method .methods > li > .payment-btn:hover { box-shadow: 0 0 20px rgba(255, 0, 90, .6); }

/* rules / documents */
.rules .rule_box .head .box_status .chev { margin-left: 10px; }
.rules .rule_box .head .box_status .chev.up { transform: rotate(180deg); }
.rules .rule_box .rule_content p { margin-bottom: 14px; line-height: 1.6; }
.rules .rule_box .rule_content p:last-child { margin-bottom: 0; }
.rules .rule_box.open .head { cursor: default; }
.rules .rule_box.open .rule_content { display: block; margin-top: 25px; }
.rules .empty_promotions { text-align: center; margin-top: 50px; font-size: 25px; font-weight: 700; color: #ff005a; }

/* promotions */
.promotions .sale_box .info { word-break: break-word; }
.promotions .sale_box .info::-webkit-scrollbar { width: 4px; }

/* footer links */
.footer .copyright a { color: #ff005a; text-decoration: underline; }
.footer .copyright a:hover { color: #fff; }

/* toast */
.ft_toast {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translate(-50%, -20px);
    z-index: 9999;
    max-width: calc(100% - 32px);
    padding: 14px 24px;
    background: rgba(10, 4, 8, .96);
    border: 2px solid #ff005a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 25px rgba(255, 0, 90, .45);
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
}
.ft_toast.ok { border-color: #29d37a; box-shadow: 0 0 25px rgba(41, 211, 122, .4); }
.ft_toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 767px) {
    .item_modal .buy_item { padding: 30px 22px; width: 460px; }
    .main .items_box, .main .item_info { margin-bottom: 20px; }
}