/* =====================================================================
   Black November – кампанийна тема върху reset_main.css
   Зарежда се от includes_libs/blacknovember_skin.php само по време на кампанията.
   ===================================================================== */

/* ---------- страница: тъмни страни, светла колона ---------- */
html { background: #0a0a0c !important; }
body { background: transparent !important; padding-top: 40px; position: static; }

/* ---------- горна част ---------- */
.header_out {
    background:
        linear-gradient(to bottom, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 30px, rgba(255,255,255,.14) 30px, rgba(255,255,255,0) 31px),
        linear-gradient(to bottom, rgba(0,0,0,0) 124px, #c51015 124px, #8c0a0e 170px),
        radial-gradient(ellipse 760px 150px at 50% 124px, rgba(227,22,28,.42), rgba(227,22,28,0) 70%)
        !important;
}
.header { background: none !important; }                      /* без летните рисунки до логото */
.header_top, .header_top a { color: #b4b4bd !important; }
.header_top a:hover { color: #fff !important; }
.header_top a.feedback { color: #ff7a7e !important; }

/* полетата за вход, кошница и търсене */
#header_login, #header_basket, .header_basket, #header_search, .header_search {
    background: rgba(255,255,255,.96) !important;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,.5);
}

/* ---------- съдържание ---------- */
.content_out { background: none !important; }
.content {
    background: #f4f5f7;
    box-shadow: 0 0 0 12px #f4f5f7, 0 0 70px 12px rgba(227,22,28,.30);
}

/* ---------- лентата с бутони (Нови продукти, ценови листи, Джаджи…) ---------- */
.catalog_menu {
    background: #e7e8ec !important;
    border-radius: 6px;
    box-shadow: inset 0 -2px 0 #e3161c;                         /* червена линия отдолу, без да мести нищо */
}
.catalog_menu a, .catalog_menu a.long, .catalog_menu a.current, .catalog_menu a.longcurrent {
    box-sizing: border-box; height: 32px; line-height: 30px;
    color: #3a3d46 !important;
    background: linear-gradient(#ffffff, #eff0f3) !important;
    border: 1px solid #d2d4da; border-radius: 5px;
}
.catalog_menu a:hover, .catalog_menu a:hover.long { color: #c51015 !important; border-color: #e3161c; background: #fff !important; }
.catalog_menu a.current, .catalog_menu a.longcurrent { color: #c51015 !important; border-color: #e3161c; background: #fff !important; }
.catalog_menu a.new_products {                                   /* Нови продукти и Джаджи */
    height: 32px; line-height: 30px;
    color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.25);
    background: linear-gradient(#ea1d23, #b30d12) !important;
    border-color: #9e0b0f;
}
.catalog_menu a.new_products:hover { color: #fff !important; background: linear-gradient(#26262d, #0a0a0c) !important; border-color: #000; }
.catalog_menu a.new_products[href*="gadgets"] {                  /* Джаджи – бял като останалите */
    color: #3a3d46 !important; text-shadow: none;
    background: linear-gradient(#ffffff, #eff0f3) !important; border-color: #d2d4da;
}
.catalog_menu a.new_products[href*="gadgets"]:hover { color: #c51015 !important; background: #fff !important; border-color: #e3161c; }

/* левият списък с категории: светлосиви вместо сини редове (цветът идва от header.php) */
.left_menu_content h2[style*="daebf2"] { background-color: #f0f1f4 !important; }

/* ---------- долна част ---------- */
.footer_out { background: #0a0a0c !important; border-top: 3px solid #e3161c; }
.footer_nav, .footer_nav a { color: #e6e6ea !important; }
.footer_nav a:hover { color: #ff7a7e !important; }
.footer_copy, .footer_copy a { color: #8a8a94 !important; }

/* ---------- лента най-горе (добавя се от js/blacknovember.js) ---------- */
.bn-ribbon {
    position: absolute; top: 0; left: 0; right: 0; z-index: 50;
    height: 40px; display: flex; align-items: center; justify-content: center; gap: 18px;
    background: linear-gradient(90deg, #0a0a0c 0%, #2a0406 35%, #3d0609 50%, #2a0406 65%, #0a0a0c 100%);
    border-bottom: 2px solid #e3161c;
    font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #fff !important; text-decoration: none !important;
    white-space: nowrap; overflow: hidden;
}
.bn-ribbon .bn-t { font-size: 21px; font-weight: 900; letter-spacing: -.01em; line-height: 1; }
.bn-ribbon .bn-t i { font-style: normal; color: #ff1f26; }
.bn-ribbon .bn-s { font-size: 15px; font-weight: 600; color: #e9e9ee; }
.bn-ribbon .bn-s em { font-style: normal; color: #a9a9b3; font-weight: 400; }
.bn-ribbon .bn-c {
    font-size: 14px; font-weight: 800; color: #15151a; background: #fff;
    border-radius: 999px; padding: 6px 16px; line-height: 1;
}
.bn-ribbon:hover .bn-c { background: #e3161c; color: #fff; }

/* ---------- падащи проценти (само фон, зад съдържанието) ---------- */
#bn-rain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -1; }
#bn-rain span {
    position: absolute; top: 0; font-family: "Segoe UI", Roboto, Arial, sans-serif; font-weight: 900; line-height: 1;
    color: #e3161c; white-space: nowrap; animation: bn-fall linear infinite; will-change: transform; user-select: none;
}
#bn-rain span.o { color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,.9); }
@keyframes bn-fall { from { transform: translateY(-25vh) rotate(var(--r)); } to { transform: translateY(125vh) rotate(calc(var(--r) * -1)); } }

/* ---------- странични панели (само на широки екрани) ---------- */
.bn-side {
    position: fixed; top: 50%; z-index: 40; transform: translateY(-50%);
    font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #fff !important; text-decoration: none !important;
    text-align: center; display: none;
}
.bn-side b { display: block; font-weight: 900; line-height: .9; letter-spacing: -.02em; }
.bn-side b.r { color: #ff1f26; text-shadow: 0 0 30px rgba(227,22,28,.45); }
.bn-side span { display: block; color: #dcdce2; font-weight: 600; }
.bn-side .bn-c {
    display: inline-block; margin-top: 14px; background: #e3161c; color: #fff; font-weight: 800;
    border-radius: 999px; padding: 10px 18px; box-shadow: 0 10px 26px rgba(227,22,28,.35);
}
.bn-side:hover .bn-c { background: #fff; color: #15151a; }
/* вляво: вертикален надпис, чете се отдолу нагоре */
.bn-left { writing-mode: vertical-rl; transform: translateY(-50%) rotate(180deg); white-space: nowrap; }
.bn-left b { display: inline-block; }
.bn-left b:first-child { color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,.85); }
/* вдясно: карта */
.bn-right b { font-size: 1em; }
.bn-right .bn-sl { margin-top: 14px; font-size: 18px; color: #fff; }
.bn-right .bn-un { margin-top: 2px; font-size: 14px; color: #a9a9b3; font-weight: 400; }
.bn-right .bn-c { font-size: 15px; }

@media (prefers-reduced-motion: reduce) { #bn-rain span { animation: none; } }
@media print { .bn-ribbon, #bn-rain, .bn-side { display: none !important; } body { padding-top: 0; } }