/* Spójność wizualna sklepu z landingiem (smartselectai.pl) — te same
   tokeny co landing/style.css i login.css. Zwykły CSS (nie LESS) ładowany
   przez layout modułu, żeby ominąć potok kompilacji LESS motywu Luma. */
:root {
    --ss-primary: #6335cc;
    --ss-primary-dim: #4d27a8;
    --ss-primary-light: #9a7ae0;
    --ss-ink: #26164b;
    --ss-dark-bg: #050505;
    --ss-font-display: "Space Grotesk", system-ui, sans-serif;
    --ss-font-body: "Barlow", system-ui, sans-serif;
}

/* ─── Typografia ─────────────────────────────────────────────────────── */
body {
    font-family: var(--ss-font-body);
}

.page-title,
.block-title strong,
.product-item-name,
h1, h2, h3, h4, h5, h6,
.footer-links li a,
.abs-shopping-cart-items .product-item-name,
.cart.table-wrapper .product-item-name {
    font-family: var(--ss-font-display);
}

.page-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* ─── Pigułkowe przyciski (jak .btn / .btn--primary na landingu) ────────── */
.action.primary,
button.action.primary,
.action-primary,
.products-grid .action.tocart.primary,
.cart-container .action.primary,
.block-minicart .action.primary {
    border-radius: 999px !important;
    font-family: var(--ss-font-body);
    letter-spacing: 0.01em;
}

.action.primary,
button.action.primary {
    background: var(--ss-primary);
    border-color: var(--ss-primary);
}

.action.primary:hover,
.action.primary:focus,
button.action.primary:hover,
button.action.primary:focus {
    background: var(--ss-primary-dim);
    border-color: var(--ss-primary-dim);
}

/* ─── Nagłówek ───────────────────────────────────────────────────────── */
.page-header {
    border-bottom: none;
}

.page-header .panel.wrapper {
    background: linear-gradient(120deg, #3a1f6b 0%, #0a0612 65%);
    border-bottom: none;
}

.page-header .panel.wrapper .panel.header {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.page-header .switcher-label,
.page-header .header.links > li > a,
.page-header .header.links > li > span {
    font-family: var(--ss-font-body);
    color: rgba(255, 255, 255, 0.85);
}

.page-header .header.links > li > a:hover {
    color: #fff;
}

.minicart-wrapper .action.showcart:hover:before {
    color: var(--ss-primary);
}

.minicart-wrapper .action.showcart .counter.qty {
    background: var(--ss-primary);
}

/* ─── Nawigacja w jednym wierszu z logo (przeniesiona przez <move> w layoucie) ── */
@media (min-width: 768px) {
    .page-header .header.content {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        gap: 24px;
        padding: 16px 20px;
    }
    .page-header .header.content .logo {
        float: none !important;
        margin: 0 !important;
        flex: 0 0 auto;
    }
    .page-header .header.content .nav-toggle {
        display: none !important;
    }
    .page-header .header.content .nav-sections {
        position: static !important;
        margin: 0 !important;
        flex: 0 1 auto;
        min-width: 0;
        order: 2;
        background: transparent !important;
    }
    .page-header .header.content .nav-sections-items,
    .page-header .header.content .section-item-content {
        background: transparent !important;
    }
    .page-header .header.content .nav-sections-item-title,
    .page-header .header.content #store\.links,
    .page-header .header.content #store\.settings {
        display: none !important;
    }
    .page-header .header.content .navigation {
        width: auto !important;
        background: #faf9fd !important;
        border: 1px solid rgba(154, 122, 224, 0.4);
        border-radius: 10px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 12px -6px rgba(99, 53, 204, 0.25);
        display: flex;
        align-items: center;
        padding: 4px 8px;
    }
    .page-header .header.content .navigation .level0 {
        margin: 0 6px !important;
    }
    .page-header .header.content .minicart-wrapper {
        margin-left: auto !important;
        order: 4;
    }
}

.navigation {
    background: #f6f3fc;
    border: none;
}

.navigation .level0 > .level-top {
    font-family: var(--ss-font-body);
    font-weight: 600;
}

@media (min-width: 768px) {
    .navigation .level0 > .level-top {
        line-height: normal;
        padding: 12px 20px;
        border: none;
        border-radius: 0;
        background: transparent;
        transition: background 0.2s ease, color 0.2s ease;
    }
    .navigation .level0 > .level-top:hover,
    .navigation .level0.active > .level-top,
    .navigation .level0.has-active > .level-top {
        background: rgba(99, 53, 204, 0.08);
        box-shadow: none;
    }
}

.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top,
.navigation .level0 > .level-top:hover {
    color: var(--ss-primary);
}

.navigation .level0 .submenu {
    border-radius: 10px;
    border-color: #ece4fa;
    box-shadow: 0 20px 40px -16px rgba(38, 22, 75, 0.25);
    overflow: hidden;
}

.navigation .level0 .submenu li {
    border-radius: 0;
}

.navigation .level0 .submenu a {
    border-radius: 0 !important;
}

.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
    color: var(--ss-primary);
    background: #f6f3fc;
}

/* ─── Ceny, etykiety, linki produktowe ───────────────────────────────── */
.price-box .price {
    color: var(--ss-primary);
}

.product-item-name a:hover,
.product.name a:hover {
    color: var(--ss-primary) !important;
}

/* ─── Breadcrumbs / paginacja ────────────────────────────────────────── */
.breadcrumbs .item a:hover {
    color: var(--ss-primary);
}

.pages .item .page.current,
.pages .item a.page:hover {
    color: var(--ss-primary);
}

/* ─── Stopka ─────────────────────────────────────────────────────────── */
.page-footer {
    background: var(--ss-dark-bg);
    color: rgba(250, 250, 250, 0.6);
    margin-top: 3rem;
}

.page-footer .footer.content {
    border-top: none;
}

.page-footer a {
    color: rgba(250, 250, 250, 0.6);
}

.page-footer a:hover {
    color: #fff;
}

.page-footer address {
    font-family: var(--ss-font-body);
    font-size: 0.8125rem;
    color: rgba(250, 250, 250, 0.35);
}

/* Ukryj domyślny link "Report All Bugs" do Magento — nie pasuje do
   markowego dema. */
.page-footer .bugs {
    display: none;
}