@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');

/* afgrief — стиль «как ReallyWorld»: светлая страница, оранжевый баннер-карточка.
   Тема: lullaby-dark (EasyDonate). Если что-то сломалось — удали файл
   в панели (красная корзина рядом с названием файла), магазин вернётся к прежнему виду. */

:root {
  --rw-orange: #f59a1a;
  --rw-orange-dark: #e8890a;
  --rw-text: #1f2430;
  --rw-muted: #6b7280;
  --rw-soft: #f4f6fb;
  --accent-color: #f59a1a;
  --accent-muted: #f59a1a75;
  --accent-neutral: #f59a1a50;
}

/* ---------- Общий фон и шрифт ---------- */
html, body {
  color: var(--rw-text);
  font-family: 'Golos Text', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background-color: #fffaf1 !important;
  background-image:
    conic-gradient(rgba(245, 154, 26, 0.07) 25%, transparent 0 50%, rgba(245, 154, 26, 0.07) 0 75%, transparent 0),
    linear-gradient(180deg, #fff3de 0%, #fffaf1 45%, #ffffff 100%) !important;
  background-size: 160px 160px, 100% 100% !important;
  background-attachment: fixed, fixed !important;
}
/* блоки темы больше не закрашиваем белым, чтобы был виден фон страницы */
.bg-elegant-dark { background: transparent !important; }

/* Листья из эффекта «Осень» убираем (в ReallyWorld их нет) */
#autumn { display: none !important; }

/* ---------- Меню ---------- */
.navbar-main {
  position: relative !important;
  background: #ffffff !important;
  padding-top: 18px;
  padding-bottom: 18px;
}
.navbar-main .nav-link,
.navbar-main .nav-link i,
.navbar-main .nav-link-inner-text {
  color: var(--rw-text) !important;
  font-weight: 600;
}
.navbar-main .nav-link:hover,
.navbar-main .nav-link:hover i,
.navbar-main .nav-link:hover .nav-link-inner-text {
  color: var(--rw-orange) !important;
}
.navbar-main .navbar-brand-dark { max-height: 44px; width: auto; }
.navbar-main .navbar-toggler { color: var(--rw-text) !important; }

/* ---------- Баннер-карточка (шапка) ---------- */
#welcome-section {
  width: calc(100% - 48px);
  max-width: 1440px;
  margin: 8px auto 0 !important;
  border-radius: 28px;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  background-color: var(--rw-orange);
  box-shadow: 0 20px 50px rgba(245, 154, 26, 0.25);
}
#welcome-section .pattern { display: none !important; }

/* убираем цветное затемнение (overlay-danger) поверх фона */
#welcome-section::before,
#welcome-section::after,
#welcome-section.overlay-danger::before,
#welcome-section.overlay-danger::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
#welcome-section .general-online { text-shadow: 0 2px 14px rgba(120, 50, 0, 0.35); }

/* Название «AF» красным + «GRIEF» белым (&4&lAF&f&lGRIEF) */
#welcome-section .shop-name {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 900;
  background: linear-gradient(90deg, #AA0000 0%, #AA0000 30.5%, #FFFFFF 30.5%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 2px 10px rgba(120, 50, 0, 0.35));
}

/* Описание «AFGRIEF - Начало пути»: «AF» красным, остальное белым.
   Если граница не на месте — поменяй --af-width. */
#welcome-section .shop-description {
  --af-width: 1.28em;
  display: inline-block;
  font-weight: 700;
  background: linear-gradient(90deg, #AA0000 0, #AA0000 var(--af-width), #FFFFFF var(--af-width), #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 2px 10px rgba(120, 50, 0, 0.35));
}

/* ---------- Текст в светлых секциях ---------- */
main.bg-elegant-dark section:not(#welcome-section),
main.bg-elegant-dark section.text-white:not(#welcome-section),
main.bg-elegant-dark section:not(#welcome-section) .text-white {
  color: var(--rw-text) !important;
}
.bg-elegant .text-white,
.bg-elegant.text-white,
.modal-content .text-white:not(.btn) {
  color: var(--rw-text) !important;
}
.modal-content { color: var(--rw-text); }
.text-muted { color: var(--rw-muted) !important; }

/* ---------- Карточки, поиск, окна ---------- */
.bg-elegant { background: #ffffff !important; }
.bg-elegant-night { background: var(--rw-soft) !important; }

.card.bg-elegant,
.profile-card .card {
  border-radius: 20px !important;
  border: 1px solid #eef0f6 !important;
  box-shadow: 0 10px 30px rgba(31, 36, 48, 0.08) !important;
}
.form-control.bg-elegant,
.input-group-text.bg-elegant {
  background: var(--rw-soft) !important;
  color: var(--rw-text) !important;
  border-radius: 14px;
}
.modal-content.bg-elegant {
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(31, 36, 48, 0.18);
}

/* ---------- Кнопки (оранжевые «таблетки») ---------- */
.btn-primary,
.btn-success,
.btn-danger {
  background: var(--rw-orange) !important;
  border-color: var(--rw-orange) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  font-weight: 700;
}
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover {
  background: var(--rw-orange-dark) !important;
  border-color: var(--rw-orange-dark) !important;
}
.basket-button { background: var(--rw-orange) !important; }
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded { background: var(--rw-orange) !important; }

/* ---------- Подвал ---------- */
footer.footer {
  background: var(--rw-soft) !important;
}
footer.footer,
footer.footer.text-white {
  color: var(--rw-text) !important;
}
footer.footer a[href*="easydonate.ru"] { color: var(--rw-orange) !important; }

/* ---------- Исправления после первой проверки ---------- */

/* углы баннера скругляем надёжнее (тень убираем, иначе её обрежет) */
#welcome-section {
  overflow: hidden !important;
  border-radius: 28px !important;
  clip-path: inset(0 round 28px);
  box-shadow: none !important;
}

/* «Онлайн 0 из 0» — светлая плашка вместо тёмной */
#welcome-section .general-online {
  display: inline-block !important;
  width: auto !important;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.25) !important;
  border-radius: 12px;
  color: #ffffff;
}
#welcome-section .general-online * { background: transparent !important; }

/* меньше пустоты между баннером и товарами */
main.bg-elegant-dark section.section-md { padding-top: 40px !important; }

/* картинки карточек: светлая заглушка вместо чёрного блока */
.card-image {
  background-color: #eef1f7 !important;
}
.card-image::before,
.card-image::after {
  background: transparent !important;
}

/* чёрные плашки категорий → светло-оранжевые с оранжевым текстом */
.bg-dark,
.bg-black,
.btn-dark,
.badge-dark,
.badge-black {
  background: #fff1dc !important;
  color: #d97706 !important;
  border-color: #fff1dc !important;
}
.bg-dark *,
.bg-black *,
.btn-dark *,
.badge-dark * {
  color: #d97706 !important;
}

/* ---------- Вторая попытка: чёрные блоки и плашки ---------- */
.card-image,
.profile-card .col-sm-5,
.profile-card .card-image * {
  background: #eef1f7 !important;   /* shorthand: убирает и цвет, и background-image */
}
.card-image { border-radius: 20px 0 0 20px; }

/* фильтры категорий (Isotope) */
[data-filter] {
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--rw-text) !important;
}
[data-filter].active,
[data-filter].is-checked,
[data-filter].selected {
  background: var(--rw-orange) !important;
  color: #ffffff !important;
}
[data-filter].active *,
[data-filter].is-checked *,
[data-filter].selected * { color: #ffffff !important; }

/* ---------- Третья правка ---------- */

/* «Онлайн» — отдельной строкой над названием, а не рядом с ним */
#welcome-section .general-online {
  display: block !important;
  width: fit-content !important;
  margin-bottom: 14px !important;
}

/* заголовки и текст в светлых секциях — тёмные (тема красит их в белый сама) */
main.bg-elegant-dark section:not(#welcome-section) :is(h1, h2, h3, h4, h5, h6, p, label, small, li):not(.btn),
main.bg-elegant-dark section:not(#welcome-section) a:not(.btn):not([data-filter]),
.card.bg-elegant :is(h1, h2, h3, h4, h5, h6, p, span, small, div):not(.btn):not(.badge) {
  color: var(--rw-text) !important;
}

/* картинки товаров: показываем целиком, без фильтров и затемнения */
.card-image img,
.profile-card img {
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  object-fit: contain !important;
}