/* ============================================================
   DIVINE STAR — тёмная тема для Limbo (EasyDonate)
   Фирменный мотив: восьмилучевая звезда, белым по графиту.
   Настроение: божественность, лёгкость, сияние.
   Военно-политическая / экономическая эстетика.
   ------------------------------------------------------------
   Установка: магазин -> "Кастомизация" -> вставить/загрузить -> Сохранить
   Вся палитра — в :root ниже.
   ============================================================ */

:root {
    --star:   #ffffff;                 /* фирменная звезда (белый) */
    --text:   #e8e8f5;                 /* основной свет */
    --soft:   #a9abc2;                 /* второстепенный текст */
    --panel:  #1c1c25;                 /* карточки, модалки */
    --panel2: #23232f;                 /* градиент карточек */
    --bg:     #16161b;                 /* фон (графит логотипа) */
    --line:   rgba(255,255,255,0.09);  /* границы */
    --lit:    rgba(255,255,255,0.28);  /* границы при наведении */
    --aura:   #b9b3f0;                 /* лавандовая аура-свечение */
    --aura-glow: rgba(185,179,240,0.16);

    /* фирменная звезда как переиспользуемая графика */
    --star-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='translate(50 50)' fill='%23ffffff'%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(45)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(90)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(135)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(180)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(225)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(270)'/%3E%3Crect x='-9' y='-48' width='18' height='42' rx='9' transform='rotate(315)'/%3E%3Ccircle r='24'/%3E%3C/g%3E%3C/svg%3E");
}

/* ============================================================
   СКРЫТЬ ВЕРХНИЙ БЛОК (обложку), чтобы сайт начинался с товаров.
   Раскомментируй строку ниже и замени .cover на РЕАЛЬНЫЙ класс
   верхнего блока (как узнать — см. сообщение). Пример:
   .site-header, .index-cover, .main-banner { display: none !important; }
   ------------------------------------------------------------ */
main.h-100 { display: none !important; }

/* --- Фон: графит + мягкие лучи + звёздная пыль --- */
body, html {
    background:
        radial-gradient(1100px 600px at 50% -10%, rgba(185,179,240,0.10), transparent 60%),
        radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,0.5), transparent),
        radial-gradient(2px 2px at 75% 20%, rgba(255,255,255,0.35), transparent),
        radial-gradient(1.5px 1.5px at 40% 70%, rgba(255,255,255,0.4), transparent),
        radial-gradient(1.5px 1.5px at 85% 65%, rgba(255,255,255,0.3), transparent),
        radial-gradient(2px 2px at 60% 45%, rgba(255,255,255,0.3), transparent),
        var(--bg) !important;
    color: var(--text) !important;
    -webkit-font-smoothing: antialiased;
}

/* гигантская звезда-водяной знак, медленно вращается */
body::after {
    content: "";
    position: fixed;
    top: -160px; right: -160px;
    width: 520px; height: 520px;
    background: var(--star-img) no-repeat center / contain;
    opacity: 0.03;
    pointer-events: none;
    z-index: 0;
    animation: spin 120s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* --- Навбар: затемняем --- */
.navbar.bg-light, .navbar-theme-light.bg-light {
    background: #141019 !important;
    border-bottom: 1px solid var(--line) !important;
}
.navbar .nav-link, .navbar .nav-link-inner-text { color: var(--text) !important; }
.navbar .nav-link:hover, .navbar .nav-link:hover .nav-link-inner-text { color: #ffffff !important; }


/* --- Карточки: градиентная волосяная рамка + аура при наведении --- */
.product-card, .server-card, .select-server-card {
    position: relative;
    background: linear-gradient(160deg, var(--panel), var(--panel2)) !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    background-clip: padding-box;
    box-shadow: 0 0 22px rgba(0,0,0,0.35);
    transition: transform .3s cubic-bezier(.2,.7,.3,1),
                box-shadow .3s ease;
    overflow: hidden;
}

/* градиентная рамка через mask-composite */
.product-card::before, .server-card::before {
    content: "";
    position: absolute; inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(150deg, rgba(255,255,255,0.28), transparent 45%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    pointer-events: none;
}

/* звезда, проявляющаяся в углу при наведении */
.product-card::after, .server-card::after {
    content: "";
    position: absolute; top: 12px; right: 12px;
    width: 18px; height: 18px;
    background: var(--star-img) no-repeat center / contain;
    opacity: 0; transform: scale(.5) rotate(-30deg);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
}
.product-card:hover, .server-card:hover, .select-server-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 34px rgba(0,0,0,0.45),
                0 0 20px rgba(185,179,240,0.14),
                0 0 0 1px var(--lit);
}
.product-card:hover::after, .server-card:hover::after {
    opacity: .9; transform: scale(1) rotate(0deg);
}

/* плавный зум картинки товара при наведении */
.product-card .item-image {
    transition: transform .5s ease;
}
.product-card:hover .item-image {
    transform: scale(1.05);
}

/* --- Поля, модалки --- */
.form-control, .modal-content, .bg-soft {
    background-color: var(--panel) !important;
}
input, .form-control {
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    color: var(--text) !important;
    transition: border-color .25s ease, box-shadow .25s ease;
}
input:focus, .form-control:focus {
    outline: none !important;
    border-color: var(--lit) !important;
    box-shadow: 0 0 0 3px var(--aura-glow) !important;
}

/* --- Текст (светлый на тёмном) --- */
.text-black a:not(.btn), .text-black h1, .text-black h2, .text-black h3,
.text-black h4, .text-black h5, .text-black h6,
.text-black .h1, .text-black .h2, .text-black .h3, .text-black .h4,
.text-black .h5, .text-black .h6,
.text-black .display-1, .text-black .display-2,
.text-black .display-3, .text-black .display-4,
.title, .category, .item-title, .modal-title, .label, label,
.input-group .form-control, .text-soft, .text-soft:hover,
.text-black, .text-black:hover, h4, h5, p {
    color: var(--text) !important;
}
.text-soft, .text-muted { color: var(--soft) !important; }

/* цена — сияющая, лавандово-белая */
.item-price, .cart-cost {
    color: #f4f2ff !important;
    text-shadow: 0 0 16px var(--aura-glow);
    font-weight: 700 !important;
}

/* исключения: тёмный текст на светлых кнопках/бейджах */
h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"],
p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"] {
    color: #16161b !important;
}

/* --- Заголовки секций --- */
.category, .title { letter-spacing: .5px; }
/* --- Подчёркивание заголовков в фирменный цвет --- */
.title:after {
    background: linear-gradient(90deg, var(--aura), #ffffff) !important;
    box-shadow: 0 0 14px var(--aura-glow) !important;
}
/* --- Фильтр-категории --- */
.category {
    background-color: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--line) !important;
}
.category:not(.active):hover {
    background-color: rgba(255,255,255,0.10) !important;
    color: #ffffff !important;
}
.category.active {
    background: linear-gradient(135deg, var(--aura), #ffffff) !important;
    color: #17161f !important;
    border-color: transparent !important;
}
.category > svg > path { stroke: var(--text) !important; }
.category.active > svg > path { stroke: #17161f !important; }


/* --- Кнопки: стеклянно-белые, светящиеся --- */
/* Широкий охват: ловим кнопку "в корзину"/"купить" по любому классу */
.btn-primary, .btn-buy, .btn-success,
.product-card .btn, .server-card .btn,
.product-card button, .server-card button,
button[class*="cart"], a[class*="cart"],
button[class*="buy"], a[class*="buy"],
.add-to-cart, .to-cart {
    position: relative;
    background: linear-gradient(135deg, #ffffff, #e4e0ff) !important;
    border: none !important;
    color: #17161f !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    border-radius: 11px !important;
    box-shadow: 0 6px 22px var(--aura-glow);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .25s ease, filter .25s ease;
}
/* блик, пробегающий по кнопке при наведении */
.btn-primary::after, .btn-buy::after, .btn-success::after,
.product-card .btn::after, .server-card .btn::after,
.product-card button::after, .server-card button::after,
button[class*="cart"]::after, a[class*="cart"]::after,
button[class*="buy"]::after, a[class*="buy"]::after,
.add-to-cart::after, .to-cart::after {
    content: "";
    position: absolute; top: 0; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,0.85), transparent);
    transform: skewX(-20deg);
    transition: left .6s ease;
}
.btn-primary:hover, .btn-buy:hover, .btn-success:hover,
.product-card .btn:hover, .server-card .btn:hover,
.product-card button:hover, .server-card button:hover,
button[class*="cart"]:hover, a[class*="cart"]:hover,
button[class*="buy"]:hover, a[class*="buy"]:hover,
.add-to-cart:hover, .to-cart:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 12px 34px var(--aura-glow);
}
.btn-primary:hover::after, .btn-buy:hover::after, .btn-success:hover::after,
.product-card .btn:hover::after, .server-card .btn:hover::after,
.product-card button:hover::after, .server-card button:hover::after,
button[class*="cart"]:hover::after, a[class*="cart"]:hover::after,
button[class*="buy"]:hover::after, a[class*="buy"]:hover::after,
.add-to-cart:hover::after, .to-cart:hover::after { left: 130%; }


/* иконка на белой кнопке: инвертируем, чтобы была видна */
.product-card .btn svg, .product-card button svg, .product-modal .btn-dark svg { filter: invert(1); }

.btn-outline-primary, .btn-secondary {
    background: transparent !important;
    color: var(--text) !important;
    border: 1px solid var(--lit) !important;
}
.btn-outline-primary:hover, .btn-secondary:hover {
    background: rgba(255,255,255,0.06) !important;
    box-shadow: 0 0 20px var(--aura-glow);
}

/* --- Корзина --- */
.cart-item-actions {
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
}
.mr-1, .mx-1 {
    margin-right: .25rem !important;
    color: var(--text) !important;
    fill: var(--text) !important;
}

/* --- Логотип: пульсирующее сияние --- */
.navbar-brand img, .logo img, header img[src*="logo"] {
    filter: drop-shadow(0 0 10px var(--aura-glow));
    animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
    0%,100% { filter: drop-shadow(0 0 8px rgba(185,179,240,0.25)); }
    50%     { filter: drop-shadow(0 0 18px rgba(185,179,240,0.55)); }
}

/* --- Ссылки --- */
a:not(.btn) { color: var(--aura) !important; transition: color .2s ease; }
a:not(.btn):hover { color: #ffffff !important; }

/* --- Плавное появление карточек --- */
@keyframes riseIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.product-card, .server-card { animation: riseIn .5s ease both; }

/* --- Скроллбар и выделение --- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ffffff, var(--aura));
    border-radius: 10px; border: 2px solid var(--bg);
}
::selection { background: rgba(185,179,240,0.4); color: #fff; }


/* ============================================================
   ДОРАБОТКИ: матовые кнопки, small-caps бренд, карусель, соцсети
   ============================================================ */

/* --- Название проекта рядом с лого (small caps) --- */
.navbar-brand { display: inline-flex !important; align-items: center; }
.navbar-brand::after {
    content: "nlain";
    margin-left: 12px;
    font-variant: small-caps;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2px;
    color: var(--text);
    text-shadow: 0 0 14px var(--aura-glow);
}

/* --- Матовые кнопки (frosted) --- */
.product-card .btn-dark, .product-modal .btn-dark, .btn-buy, .btn-primary, .btn-success,
.product-card .btn, .product-card button {
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    backdrop-filter: blur(18px) saturate(170%);
    background: rgba(255,255,255,0.16) !important;
    border: 1px solid rgba(255,255,255,0.30) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 4px 20px rgba(0,0,0,0.28), 0 0 14px var(--aura-glow) !important;
}
/* иконка на матовой кнопке остаётся белой (без инверсии) */
.product-card .btn svg, .product-card button svg, .product-modal .btn-dark svg { filter: none !important; }
.product-card .btn-dark:hover, .product-modal .btn-dark:hover, .btn-buy:hover,
.btn-primary:hover, .btn-success:hover, .product-card .btn:hover, .product-card button:hover {
    background: rgba(255,255,255,0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 8px 28px rgba(0,0,0,0.32), 0 0 20px var(--aura-glow) !important;
}

/* --- Последние покупки: свечение внутрь, чтобы не срезалось каруселью --- */
.owl-item .product-card:hover, .owl-item .product-card.card-gradient:hover {
    transform: none !important;
    box-shadow: inset 0 0 45px rgba(185,179,240,0.18), 0 0 0 1px var(--lit) !important;
}

/* --- Наведение на карточки соцсетей --- */
.social-card { transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; }
.social-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.40), 0 0 30px var(--aura-glow);
    filter: brightness(1.08) saturate(1.05);
}
.social-card .card-body > svg:last-child { transition: transform .3s ease; }
.social-card:hover .card-body > svg:last-child { transform: translateX(5px); }