/*
 * BLACK FRIDAY DESIGN
 * Csak akkor töltődik be, ha a config bf_design_tol / bf_design_ig ablakában vagyunk
 * (lásd Page::bfDesignAktiv(), page_crystalnails.tpl.html).
 * Minden szabály html.black_friday alá van szűkítve, hogy felülírja a style.css régi .black_friday szabályait is.
 */

html.black_friday {
    --bf-bg: #0b0b0b;
    --bf-felulet: #161616;
    --bf-felulet-2: #1e1e1e;
    --bf-keret: #2c2c2c;
    --bf-szoveg: #e6e6e6;
    --bf-szoveg-halvany: #a0a0a0;
    --bf-kiemelt: #e40570;
    --bf-kiemelt-szoveg: #ff4fa3; /* sötét háttéren olvashatóbb pink szöveghez */
    background: var(--bf-bg);
}

/* ---------- Alap háttér és szöveg ---------- */
html.black_friday body {
    background: var(--bf-bg);
    color: var(--bf-szoveg);
}
html.black_friday .bg-white,
html.black_friday .bg-gray,
html.black_friday .bg-light-gray,
html.black_friday section.main {
    background-color: var(--bf-bg);
}
html.black_friday h1, html.black_friday h2, html.black_friday h3,
html.black_friday h4, html.black_friday h5, html.black_friday h6 {
    color: #fff;
}
html.black_friday a {
    color: var(--bf-szoveg);
}
html.black_friday a:hover,
html.black_friday a:focus,
html.black_friday a:active {
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday hr {
    border-color: var(--bf-keret);
}
html.black_friday .text-muted {
    color: var(--bf-szoveg-halvany);
}

/* ---------- Oldalsáv ---------- */
html.black_friday .sidebar-block,
html.black_friday .sidebar-content,
html.black_friday .sidebar-category,
html.black_friday .sidebar-nav ul {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
}
html.black_friday .sidebar-title.bg-white,
html.black_friday .sidebar-block-v2.bg-white .sidebar-title {
    background: var(--bf-felulet-2);
    border-bottom: 1px solid var(--bf-keret);
    color: #fff;
}
html.black_friday .sidebar-block-v2.bg-white .sidebar-title a {
    color: #fff;
}
html.black_friday .sidebar-block-v2.bg-white .sidebar-title a:hover {
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .sidebar-nav a,
html.black_friday .sidebar-nav h4 > a,
html.black_friday ul.sidebar-nav a {
    color: var(--bf-szoveg);
    background-color: transparent;
}
html.black_friday ul.sidebar-nav a:hover {
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .sidebar-nav.level-1 > li {
    border-color: var(--bf-keret);
}
html.black_friday .sidebar-nav .level-2 a {
    border-color: var(--bf-keret);
}
/* kiemelt első kategória (pl. Újdonságok) */
html.black_friday .sidebar-nav.level-1 > li:first-child {
    border-color: var(--bf-bg);
}
html.black_friday .sidebar-nav.level-1 > li:first-child > h2 > a,
html.black_friday .sidebar-nav.level-1 > li:first-child > h3 > a,
html.black_friday .sidebar-nav.level-1 > li:first-child > h4 > a,
html.black_friday .sidebar-nav.level-1 > li.active:first-child > h2 > a,
html.black_friday .sidebar-nav.level-1 > li.active:first-child > h3 > a,
html.black_friday .sidebar-nav.level-1 > li.active:first-child > h4 > a {
    background: var(--bf-felulet);
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .sidebar-nav.level-1 > li:first-child > h2 > a:hover,
html.black_friday .sidebar-nav.level-1 > li:first-child > h3 > a:hover,
html.black_friday .sidebar-nav.level-1 > li:first-child > h4 > a:hover {
    background: var(--bf-kiemelt);
    color: #fff;
}
html.black_friday .toggle-list {
    color: var(--bf-szoveg-halvany);
}
/* az év színe blokk (.cloud-dancer, .color-year) szándékosan világos marad */
html.black_friday .item.successes {
    background-color: var(--bf-felulet);
}
html.black_friday .sidebar-block.promotion .badges tr {
    border-bottom-color: var(--bf-felulet);
}

/* ---------- Terméklista ---------- */
html.black_friday .product-list-item .product {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
}
html.black_friday .product-list-item .product:hover {
    box-shadow: 0 0 0 1px var(--bf-kiemelt), 0 6px 20px rgba(228, 5, 112, 0.25);
}
/* a termékfotók fehér hátterűek: fehér keretben maradnak, hogy ne lebegjenek a sötétben */
html.black_friday .product-list-item .product .product-img {
    background-color: #fff;
}
html.black_friday .product-list-item .product .product-data .product-title a {
    color: #fff;
}
html.black_friday .product-list-item .product:hover .product-data .product-title a,
html.black_friday .product-list-item .product .product-data .product-title a:hover {
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .product-list-item .product .product-data .product-lead {
    color: var(--bf-szoveg-halvany);
}
html.black_friday .product-list-item .product .product-data .product-price {
    color: #fff;
}
html.black_friday .product-list-item .product .product-data .product-price .old-price {
    color: var(--bf-szoveg-halvany);
}
html.black_friday .product-list-item .product .product-data .product-price .discount-price {
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .product-list-item .product .product-action .input-group-addon {
    background-color: var(--bf-felulet-2);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}
html.black_friday .product-list-item .product .product-action .help-min {
    color: var(--bf-szoveg-halvany);
}
html.black_friday .add-to-favourites {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
html.black_friday .add-to-favourites:hover {
    background-color: var(--bf-kiemelt-szoveg);
    border-color: var(--bf-kiemelt-szoveg);
}

/* ---------- Űrlapelemek ---------- */
html.black_friday .form-control,
html.black_friday input[type="text"],
html.black_friday input[type="email"],
html.black_friday input[type="password"],
html.black_friday input[type="number"],
html.black_friday input[type="tel"],
html.black_friday textarea,
html.black_friday select {
    background-color: var(--bf-felulet-2);
    border-color: var(--bf-keret);
    color: #fff;
}
html.black_friday .form-control::placeholder {
    color: var(--bf-szoveg-halvany);
}

/* ---------- Gombok ---------- */
html.black_friday .btn-white {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
html.black_friday .btn-white:hover {
    background-color: #fff;
    color: #000;
}
html.black_friday .btn-inverse-gray {
    border-color: var(--bf-szoveg-halvany);
    color: var(--bf-szoveg);
}
html.black_friday .btn-inverse-gray:hover {
    background-color: var(--bf-kiemelt-szoveg);
    border-color: var(--bf-kiemelt-szoveg);
    color: #fff;
}
/* fő gomb (Kosárba, Tovább a megrendeléshez, Keresés...): pink, ahogy a normál designban */
html.black_friday .btn-default {
    background: var(--bf-kiemelt);
    border: 1px solid var(--bf-kiemelt) !important;
    color: #fff;
}
html.black_friday .btn-default:hover,
html.black_friday .btn-default:focus,
html.black_friday .btn-default:active {
    background: #ff1f8a;
    border-color: #ff1f8a !important;
    color: #fff;
}

/* ---------- Magazin / cikkek ---------- */
html.black_friday .news-item,
html.black_friday .block-v1 {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}

/* ---------- Márkák, előnyök sáv ---------- */
html.black_friday .brands img {
    filter: grayscale(1) invert(1) brightness(1.4);
    opacity: 0.75;
}
html.black_friday .brands a:hover img {
    opacity: 1;
}
html.black_friday .callout-box {
    background-color: var(--bf-felulet-2);
}
html.black_friday .callout-box:hover {
    background-color: var(--bf-kiemelt-szoveg);
}

/* ---------- Lapozó, táblázatok, panelek ---------- */
html.black_friday .pagination > li > a,
html.black_friday .pagination > li > span {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}
html.black_friday .pagination > .active > a,
html.black_friday .pagination > .active > span {
    background-color: var(--bf-kiemelt) !important;
    border-color: var(--bf-kiemelt) !important;
    color: #fff;
}
html.black_friday .table > thead > tr > th,
html.black_friday .table > tbody > tr > td,
html.black_friday .table > tbody > tr > th {
    border-color: var(--bf-keret);
}
html.black_friday .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--bf-felulet);
}
html.black_friday .panel,
html.black_friday .well,
html.black_friday .modal-content,
html.black_friday .dropdown-menu,
html.black_friday .list-group-item,
html.black_friday .nav-tabs > li.active > a,
html.black_friday .tab-content {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}
html.black_friday .dropdown-menu > li > a {
    color: var(--bf-szoveg);
}
html.black_friday .dropdown-menu > li > a:hover {
    background-color: var(--bf-felulet-2);
    color: var(--bf-kiemelt-szoveg);
}
html.black_friday .breadcrumb {
    background-color: transparent;
    color: var(--bf-szoveg-halvany);
}

/* ---------- Lábléc ---------- */
html.black_friday footer,
html.black_friday footer .footer-top {
    background-color: #050505;
    border-top-color: var(--bf-keret);
    color: var(--bf-szoveg-halvany);
}
html.black_friday footer .footer-bottom {
    background-color: #000;
    border-top-color: var(--bf-keret);
}
html.black_friday footer .footer-col-title {
    color: #fff;
}
html.black_friday footer a {
    color: var(--bf-szoveg-halvany);
}
html.black_friday footer a:hover {
    color: var(--bf-kiemelt-szoveg);
}

/* ---------- Termékoldal ---------- */
html.black_friday .product-description,
html.black_friday .product2.product-action,
html.black_friday .product-share,
html.black_friday .product-reviews.page-block {
    background-color: var(--bf-felulet);
    color: var(--bf-szoveg);
}
/* a termékfotó fehér hátterű, ezért a keret fehér marad */
html.black_friday .product-image {
    background-color: #fff;
}
html.black_friday .product-page-head .product-action .product-price,
html.black_friday .product-page-head .product-action .product-cart-btn,
html.black_friday .product-cart-btn {
    background-color: var(--bf-felulet-2);
    color: #fff;
}
html.black_friday .product-description p,
html.black_friday .product-description li,
html.black_friday .product-description span,
html.black_friday .product-description div {
    color: var(--bf-szoveg);
}
html.black_friday .show-review-action {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
html.black_friday .show-review-action:hover {
    background-color: var(--bf-kiemelt);
    border-color: var(--bf-kiemelt);
}
html.black_friday .input-group-addon,
html.black_friday .product-page-head .product-action .product-gty .input-group-addon {
    background-color: var(--bf-felulet-2);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}
/* a style.css pink (#ce0058) címei sötét háttéren túl sötétek */
html.black_friday .product-page-subtitle,
html.black_friday .product-page-subtitle span,
html.black_friday .product-share-title,
html.black_friday .product-description a {
    color: var(--bf-kiemelt-szoveg);
}

/* ---------- Általános tartalomdoboz (belépés, regisztráció, rendelés, szöveges oldalak) ---------- */
html.black_friday .page-block {
    background-color: var(--bf-felulet);
    border-color: var(--bf-keret);
    color: var(--bf-szoveg);
}
html.black_friday label,
html.black_friday .control-label,
html.black_friday .help-block {
    color: var(--bf-szoveg-halvany);
}
html.black_friday .btn-gray {
    background: #3a3a3a;
    border-color: #3a3a3a;
    color: #fff;
}
html.black_friday .btn-gray:hover {
    background: var(--bf-kiemelt);
    border-color: var(--bf-kiemelt);
    color: #fff;
}

/* ---------- Kosár ---------- */
html.black_friday #no-more-tables thead tr {
    background-color: var(--bf-felulet-2);
    color: var(--bf-szoveg-halvany);
}
/* mennyiség frissítése gomb (a sablonban btn-gary osztállyal) */
html.black_friday .btn-gary.qty {
    background-color: var(--bf-felulet-2);
    border: 1px solid var(--bf-keret);
    color: var(--bf-szoveg);
}
html.black_friday .btn-gary.qty:hover {
    background-color: var(--bf-kiemelt);
    border-color: var(--bf-kiemelt);
    color: #fff;
}
html.black_friday .btn-info {
    background-color: var(--bf-kiemelt);
    border-color: var(--bf-kiemelt);
    color: #fff;
}
html.black_friday .btn-info:hover {
    background-color: #ff1f8a;
    border-color: #ff1f8a;
}