:root {
  --color-main: #ff6a00;
  --color-main-light: #ff9a2f;
  --color-main-dark: #b83d00;

  --color-accent: #1a0f07;

  --color-text-primary: #f5efe6;
  --color-text-secondary: #b8a48a;

  --color-red: #ef4444;
  --color-red-dark: #dc2626;

  --color-green: #22c55e;
  --color-green-dark: #16a34a;

  --color-blue: #38bdf8;
  --color-blue-dark: #3b82f6;

  --color-top-donator: #ff8c2a;
  --color-top-donator-dark: #e8650a;

  --bg-0: #0b0907;
  --bg-1: #14110f;
  --bg-2: #1c1713;

  --color-discord: #5865F2;
  --color-discord-light: #7289da;

  --color-brighter-bg: #1f1a16;

  --logo-height: 165px;

  --header-image: url(https://i.ibb.co/WvCvfKMy/Chat-GPT-Image-20-may-2026-15-25-32.png);
  --header-image-height: 486px;

  /* 🔥 bajamos efectos */
  --header-image-opacity: 0.08;
  --header-image-blur: 2px;

  --bg-error: #ff0000;
}

/* =========================
   BODY
========================= */

body {
  background: var(--bg-0);
  font-family: 'Cinzel', sans-serif;
  font-optical-sizing: auto;
}

/* 🔥 efecto superior MUCHO más ligero */

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;

  z-index: -1;

  background: linear-gradient(
    180deg,
    rgba(255,106,0,0.08),
    transparent
  );

  pointer-events: none;
}

/* =========================
   TRANSITIONS
========================= */

.transition-all {
  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}

/* =========================
   HEADER
========================= */

.header-splash {
  background: var(--header-image) no-repeat center / cover;

  height: var(--header-image-height);

  opacity: var(--header-image-opacity);

  /* 🔥 blur reducido MUCHÍSIMO */
  filter: blur(var(--header-image-blur));
}

.header-splash-gradient-overlay {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.45),
    rgba(20,10,5,0.8),
    var(--bg-1)
  );
}

.header-splash-gray-overlay {

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    height: var(--header-image-height);
}

/* =========================
   TEXT
========================= */

.my-text-main {
  color: var(--color-main);
}

.my-text-primary {
  color: var(--color-text-primary);
}

.my-text-primary-hover:hover {
  color: var(--color-text-primary) !important;
}

.my-text-secondary {
  color: var(--color-text-secondary);
}

/* =========================
   BACKGROUNDS
========================= */

.bg-1 {
  background: var(--bg-1);
}

.bg-2 {
  background: var(--bg-2);
}

.discord-bg {
  background: linear-gradient(
    90deg,
    var(--color-discord),
    var(--color-discord-light)
  );
}

.main-bg {
  background: linear-gradient(
    90deg,
    var(--color-main),
    var(--color-main-light)
  );
}

.red-bg {
  background: linear-gradient(
    85deg,
    var(--color-red),
    var(--color-red-dark)
  );
}

.green-bg {
  background: linear-gradient(
    85deg,
    var(--color-green),
    var(--color-green-dark)
  );
}

.blue-bg {
  background: linear-gradient(
    85deg,
    var(--color-blue),
    var(--color-blue-dark)
  );
}

/* =========================
   TOOLTIP
========================= */

.tooltip::before {
  background-color: var(--bg-2);
  color: var(--color-text-primary);
  border: 1px solid #525252;
}

/* =========================
   SHADOWS
========================= */

.my-drop-shadow {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));
}

.my-shadow {
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* =========================
   SLIDER
========================= */

.sliderm__pagination[data-active="true"] {
  border-color: var(--color-main) !important;
}

/* =========================
   STORE MENU
========================= */

/* 🔥 quitamos efectos gigantes */

.store-menu::before,
.store-menu::after {
  display: none;
}

/* =========================
   WIDGETS
========================= */

.widget {
  background: var(--bg-1);

  border: 1px solid rgba(255,106,0,0.12);

  border-radius: 10px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.2);

  position: relative;

  overflow: hidden;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

/* 🔥 glow interno MUCHO más ligero */

.widget::before {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,106,0,0.05),
    transparent
  );

  opacity: 0;

  transition: opacity .2s ease;
}

.widget:hover::before {
  opacity: 1;
}

/* 🔥 quitamos glow exagerado desktop */

@media (min-width: 1024px) {
  .widget {
    padding-left: 2rem;
    padding-right: 2rem;

    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  }
}

.widget:hover {
  transform: translateY(-2px);

  box-shadow: 0 4px 14px rgba(255,106,0,0.12);
}

/* =========================
   WIDGET TITLES
========================= */

.widget .widget-title {
  margin-bottom: 0.5rem;

  font-size: 1.05rem;

  line-height: 1.4rem;

  font-weight: 600;

  text-transform: uppercase;

  color: var(--color-main);

  letter-spacing: 0.03em;
}

/* =========================
   PAYMENT GOAL
========================= */

.widget-goal .progress {
  height: 10px;

  background: var(--bg-0);

  position: relative;

  border-radius: 5px;

  overflow: hidden;
}

.widget-goal .my-progress-bar {
  position: absolute;

  height: 100%;

  background: var(--color-main);

  border-radius: 5px;

  transition: width .3s ease;
}

/* 🔥 stripes simplificadas */

.widget-goal .my-progress-bar.my-striped {
  background-image: linear-gradient(
    45deg,
    rgba(255,255,255,0.08) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255,255,255,0.08) 50%,
    rgba(255,255,255,0.08) 75%,
    transparent 75%,
    transparent
  );

  background-size: 20px 20px;
}

/* 🔥 animación más suave */

.widget-goal .my-progress-bar.my-animated {
  animation: progress-bar-striped 3s linear infinite;
}


/* =========================
   TOP DONATOR
========================= */

.widget-top-donator {
  background: linear-gradient(
    90deg,
    var(--color-top-donator-dark),
    var(--color-top-donator)
  );

  box-shadow: 0 2px 10px rgba(255,106,0,0.12);
}

/* =========================
   POPUPS
========================= */

.store-product-popup-content {
  padding: 0 !important;

  max-width: 1032px;

  max-height: 90vh;
}

/* 🔥 quitamos blur gigante */

.popup,
.modal::backdrop,
.drawer-toggle:checked~.drawer-side>.drawer-overlay {

  background-color: rgba(0,0,0,0.45) !important;

  backdrop-filter: none !important;
}

/* =========================
   POPUP CLOSE
========================= */

.basket-popup-content .popup-close {
  z-index: 9999;

  opacity: 1;
}

/* =========================
   POPUP SCROLL
========================= */

.popup-scroll-cont {
  display: flex;

  height: 100%;

  inset: 0;

  justify-content: center;

  align-items: center;

  width: 100%;

  position: fixed;

  overflow: auto;
}

/* =========================
   LOGIN POPUP
========================= */

.login-popup-content {
  width: 100%;

  max-width: 1032px;

  overflow: hidden;

  padding: 120px 2rem 130px;

  border-radius: 0.375rem;

  border: 1px solid #404040;

  /* 🔥 quitamos drop-shadow */
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* =========================
   GIFT POPUP
========================= */

.gift-form-popup .popup-content {
  background: var(--bg-1) !important;

  border-radius: 0.375rem;

  border: 1px solid #404040;

  overflow: hidden;

  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* =========================
   PRODUCT OPTIONS
========================= */

.store-product-options {
  padding: 0 !important;

  border: 1px solid #262626 !important;
}

.store-product-options p {
  font-size: 0.875rem !important;

  line-height: 1.25rem !important;

  color: rgb(212,212,212) !important;
}

/* =========================
   BASKET
========================= */

.basket-popup-content {
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

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

.btn:hover {
  transform: translateY(-2px);

  filter: brightness(1.05);
}

/* 🔥 quitamos animación brillante */

.btn-primary {
  position: relative;

  overflow: hidden;
}

.btn-primary::before {
  display: none;
}

/* 🔥 sombras hover más ligeras */

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {

  box-shadow: 0 0 4px rgba(255,106,0,0.18);
}

/* =========================
   SECONDARY BUTTON
========================= */

.btn-secondary {
  background: var(--bg-1);

  color: var(--color-text-secondary);

  border: 1px solid #404040;

  transition:
    transform .2s ease,
    opacity .2s ease;
}


.btn-secondary:hover {
  background: var(--bg-2);

  color: var(--color-text-primary);

  transform: translateY(-1px);
}

/* =========================
   GENERAL RADIUS
========================= */

.quantity-field,
.site-header-inner .info .image,
.site-sale-banner,
.category-description,
.store-text,
.no-products,
.store-product-full,
.navigation-horizontal > ul,
.navigation-horizontal .has-children > ul,
.popup-content,
.basket-item,
.toast {
  border-radius: 5px;
}

/* =========================
   USER MENU
========================= */

.site-header-inner .user-name ul li {
  overflow: hidden;
}

.site-header-inner .user-name ul li:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.site-header-inner .user-name ul li:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* =========================
   HOME CATEGORIES
========================= */

.site-home-categories .category {
  border-radius: 5px;

  padding: 20px var(--widget-padding);

  background: var(--color-brighter-bg);

  transition: color .15s ease;
}

.site-home-categories .category:hover {
  color: var(--color-main);
}

/* =========================
   STORE TEXT
========================= */

.store-text {
  background: var(--color-brighter-bg);
}

.store-text h1,
.store-text h2,
.store-text h3,
.store-text h4,
.store-text h5,
.store-text h6 {
  text-align: center;
}

/* =========================
   STORE PRODUCTS
========================= */

.store-products-list .store-product,
.store-products-images .store-product {
  border-radius: 5px;

  background: var(--color-brighter-bg);
}

.store-products-images .store-product {
  text-align: center;
}

.no-products {
  color: var(--color-text-secondary);

  background: var(--color-brighter-bg);
}

/* =========================
   PRODUCT FULL
========================= */

.store-product-full {
  background: var(--bg-1);

  border: 1px solid #404040;

  overflow: hidden;

  /* 🔥 sombra reducida */
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.store-product .quantity-field input[type=number] {
  border: none;
}

/* =========================
   NAVIGATION
========================= */

@media (width > 960px) {
  .navigation-horizontal > ul {
    border-radius: 5px;
  }
}

/* =========================
   TOP DONATOR
========================= */

.widget-top-donator .avatar {
  border-radius: 50%;
}

/* =========================
   POPUPS
========================= */

@media (width > 600px) {
  .popup-content {
    border-radius: 5px;
  }
}

.popup-close {
  border-radius: 0 5px 0 0;

  z-index: 50;
}

.basket-popup-content,
.basket-popup-content .popup-close {
  border-radius: 0;
}

/* =========================
   BASKET
========================= */

.basket-items {
  padding:
    var(--widget-padding)
    calc(var(--content-padding) - var(--widget-padding));
}

.basket-item .quantity,
.toast-close {
  border-radius: 2px;
}

/* =========================
   GLOWS
========================= */

/* 🔥 glow MUCHO más ligero */

.glow-fire {
  box-shadow:
    0 0 6px rgba(232,101,10,0.18);
}

.glow-orange {
  box-shadow:
    0 0 6px rgba(255,106,0,0.22);
}

/* ========================
   BACKGROUND
======================== */

/* 🔥 MUCHÍSIMO más ligero */

body::after {
  content: "";

  position: fixed;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  pointer-events: none;

  z-index: -1;

  background:
    radial-gradient(
      circle at 20% 30%,
      rgba(255,106,0,0.05),
      transparent 45%
    ),

    radial-gradient(
      circle at 80% 70%,
      rgba(255,80,0,0.03),
      transparent 45%
    );

  /* 🔥 quitamos blur */
  filter: none;

  /* 🔥 quitamos animación */
  animation: none;
}

/* ========================
   SCROLLBAR
======================== */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: var(--color-main);

  border-radius: 10px;
}

/* ========================
   HEADER
======================== */

.header-splash {

    background: var(--header-image) no-repeat center / cover;

    height: var(--header-image-height);

    opacity: 0.22;

    filter: blur(1px);

    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 75%,
        rgba(0,0,0,0) 100%
    );

    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 60%,
        rgba(0,0,0,0) 100%
    );
}
/* =========================
   REMOVE GRAY OVERLAY
========================= */

.header-splash-gray-overlay {

    background: transparent !important;
}

/* =========================
   REMOVE HEADER LINES
========================= */

.site-header,
.site-header-inner,
.navigation,
.navigation-top,
.navigation-bottom {

    border: none !important;

    box-shadow: none !important;
}
/* ========================
   TRANSITIONS
======================== */

/* 🔥 MUCHÍSIMO más ligero */

.btn,
.widget,
.store-product {

  transition:
    transform .2s ease,
    opacity .2s ease;
}

/* ========================
   HOVERS
======================== */

.btn:hover,
.widget:hover,
.store-product:hover {

  box-shadow: 0 0 8px rgba(255,106,0,0.12);
}

/* ========================
   STORE PRODUCT
======================== */

.store-product {
  position: relative;

  overflow: hidden;
}

/* 🔥 glow MUCHO más ligero */

.store-product:not(.store-product-full)::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,106,0,0.05),
    transparent
  );

  opacity: 0;

  transition: opacity .2s ease;
}

.store-product:not(.store-product-full):hover::after {
  opacity: 1;
}

/* 🔥 hover reducido */

.store-product:not(.store-product-full):hover {

  transform: translateY(-2px);

  box-shadow: 0 0 10px rgba(255,106,0,0.12);
}

/* ========================
   TOP DONATOR
======================== */

.widget-top-donator {
  overflow: visible !important;
}

.widget-top-donator > div {

  display: flex !important;

  align-items: center !important;

  gap: 10px;

  min-height: 150px;

  overflow: visible !important;
}

.widget-top-donator img {

  width: 125px !important;
  height: 125px !important;

  object-fit: contain !important;

  flex-shrink: 0 !important;

  margin-left: -18px;

  position: relative;
}

.widget-top-donator .text-center,
.widget-top-donator .flex.flex-col {

  padding-left: 0;
}


/* =========================
   POPUP FIX
========================= */

.store-product-full:hover,
.store-product-full.popup-content:hover,
.product-options-popup .store-product:hover,
.product-options-popup .store-product-full:hover {

  transform: none !important;

  box-shadow: none !important;

  border-color: rgba(255,255,255,0.08) !important;

  background: var(--color-brighter-bg) !important;
}

/* =========================
   POPUP CONTENT
========================= */

.popup-content,
.store-product-full,
.product-options-popup .popup-content,
.product-options-popup .store-product-full {

  background: #1a0f08 !important;

  box-shadow: none !important;

  filter: none !important;

  backdrop-filter: none !important;

  transform: none !important;

  transition: none !important;
}

/* =========================
   POPUP HOVER DISABLED
========================= */

.popup-content:hover,
.store-product-full:hover,
.product-options-popup .popup-content:hover,
.product-options-popup .store-product-full:hover {

  background: #1a0f08 !important;

  box-shadow: none !important;

  filter: none !important;

  transform: none !important;
}

/* =========================
   POPUP IMAGES
========================= */

.popup-content img,
.popup-content img:hover,
.product-options-popup .store-product:hover img,
.store-product-full:hover img {

  transform: none !important;

  filter: none !important;
}

/* =========================
   TOP DONATOR TEXT
========================= */

.widget-top-donator h6,
.widget-top-donator p {

  overflow-wrap: break-word;

  word-break: break-word;
}

.widget-top-donator .flex.flex-col {
  min-width: 0;
}

/* =========================
   RECENT PAYMENTS
========================= */

.widget-payments,
.widget-payments .widget-content,
.widget-payments .grid,
.widget-recent,
.widget-recent .widget-content,
.widget-recent .grid,
.widget-recent .payment {

  overflow: visible !important;
}

.widget-payments {
  position: relative;
}

.widget-payments .tooltip {
  z-index: 9999;
}

.widget-payments .tooltip:before,
.widget-payments .tooltip:after {

  transform: translateY(8px);
}

/* =========================
   USERNAME FONT FIX
========================= */

.site-header-inner .user-name,
.site-header-inner .user-name * {

    font-family: 'Montserrat', sans-serif !important;

    letter-spacing: normal !important;

    text-transform: none !important;
}
/* =========================
   HEADER USER TITLE FONT
========================= */

h6.inline-block.text-lg.font-bold.whitespace-nowrap.my-text-primary {

    font-family: 'Montserrat', sans-serif !important;

    letter-spacing: normal !important;

    text-transform: none !important;
}