/* ===== PP Menu — style partiala custom-files/menu-header.php ===== */
:root {
    --pp-navy: #15223b;
    --pp-ink: #1f2733;
    --pp-muted: #6b7280;
    --pp-line: #ece7dd;
    --pp-line2: #f2eee6;
    --pp-coral: #f26a3f;
    --pp-coral-soft: #fdece4;
}

.pp-header-wrap { position: relative; background: #fff; }
.pp-header { display: flex; align-items: center; gap: 24px; padding-top:1rem !important; padding-bottom:1rem !important; }
.pp-logo { flex: none; display: flex; align-items: center; }
.pp-logo img { display: block; }

.pp-nav { display: flex; align-items: center; gap: 22px; flex: 1; white-space: nowrap; }
.pp-ni {
    font-size: .9rem; font-weight: 600; color: #2c3644; font-family: 'RoobertR';
    background: none; border: 0; cursor: pointer; padding: 6px 0;
    display: inline-flex; align-items: center; gap: 5px; position: relative;
}
.pp-ni:hover, .pp-ni[aria-expanded="true"] { color: var(--pp-coral); }
.pp-ni::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -26px;
    height: 2.5px; background: var(--pp-coral); border-radius: 2px; opacity: 0; transition: opacity .15s;
}

a.pp-ni::after {
    bottom:-21px !important;
    height:3.5px !important;
}

.pp-ni:hover::after, .pp-ni[aria-expanded="true"]::after { opacity: 1; }
.pp-chev { width: 15px; height: 15px; flex: none; }
.pp-chev-r { width: 17px; height: 17px; }

.pp-acts { display: flex; align-items: center; gap: 12px; flex: none; }
.pp-ib {
    width: 40px; height: 40px; border-radius: 10px; border: 0; cursor: pointer;
    background: none; display: flex; align-items: center; justify-content: center; position: relative;
}
.pp-ic { width: 21px; height: 21px; }
.pp-search { background: var(--pp-coral); color: #fff; }
.pp-cart { color: var(--pp-navy); }
.pp-cart-count {
    position: absolute; top: -4px; right: -6px; background: #111; color: #fff;
    font-size: .6rem; font-weight: 700; min-width: 16px; height: 16px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; padding: 0 3px;
}
.pp-cart-count:empty { display: none; }

.pp-chip {
    display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--pp-line);
    border-radius: 22px; padding: 7px 13px; font-size: .85rem; font-weight: 600;
    color: #2c3644; background: #fff; cursor: pointer;
}
.pp-chip .pp-ic { width: 17px; height: 17px; }

.pp-burger {
    display: none; flex-direction: column; gap: 4px; width: 40px; height: 40px;
    align-items: center; justify-content: center; border: 0; background: none; cursor: pointer;
}
.pp-burger span { width: 22px; height: 2px; background: var(--pp-navy); border-radius: 2px; }

/* ---------- Mega dropdowny (desktop) ---------- */
.pp-mega-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 60;
    background: #fff;
    border: 1px solid var(--pp-line);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 18px 40px -24px rgba(20, 30, 50, .3);
}
.pp-mega-panel {
    display: none; background: #fff; /*border: 1px solid var(--pp-line);
    border-top: 0; border-radius: 0 0 14px 14px;
    box-shadow: 0 18px 40px -24px rgba(20,30,50,.3);*/
}
.pp-mega-panel.is-open { display: block; }
.pp-mega.pcont { padding: 1rem 0 !important; }
.pp-mega { display: flex; gap: 34px; padding: 26px 30px 8px; align-items: flex-start; }

.pp-feat { display: flex; gap: 14px; flex: none; }
.pp-tile { display: block; width: 150px; text-decoration: none; position:relative;}
    .pp-tile::after {
        background: linear-gradient(180deg,rgba(25,23,19,0) 0%,rgba(8,-7,6,0) 0%,rgba(8,7,6,0) 42%,rgba(0,0,0,.87121848739496) 85%);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius:12px;
    }
.pp-tile-th {
    display: block; height: 154px; border-radius: 12px; overflow: hidden;
    background-color: #e9d3cf; background-size: cover; background-position: center;
    box-shadow: 0 8px 18px -12px rgba(20,30,50,.4); transition: transform .16s;
}
.pp-tile-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pp-tile:hover .pp-tile-th { transform: translateY(-3px); }
.pp-tile-cap {
    display: block;
    margin-top: 9px;
    font-size: .84rem;
    font-weight: 700;
    color: white;
    position: absolute;
    bottom: 5px;
    left: 7px;
    line-height: 1.1;
    z-index:99;
}

.pp-cols { display: flex; gap: 48px; padding-left: 32px; flex: 0 0 auto; }
.pp-col { min-width: 158px; }
.pp-col h4 { font-size: .82rem; color: var(--pp-ink); margin-bottom: 10px; font-weight:bold; }
.pp-col a { display: block; font-size: .87rem; font-weight: 500; color: #333c48; text-decoration: none; padding: 3px 0; line-height:1; }
.pp-col a:hover { color: var(--pp-coral); }
.pp-col a.pp-viewall { color: #b8431d; font-weight: 700; margin-top: 6px; }

.pp-trend { margin-left: auto; flex: 0 0 288px; align-self: flex-start; }
    .pp-trend h4 {
        font-size: .92rem;
        color: var(--pp-ink);
        font-weight: bold;
        margin-bottom: 12px;
    }
.pp-trend h4 .s { color: var(--pp-coral); margin-right: 2px; }
.pp-trend-row { display: flex; gap: 12px; align-items: center; padding: 7px 0; text-decoration: none; }
.pp-trend-th {
    width: 56px; height: 56px; border-radius: 9px; flex: none;
    background-size: cover; background-position: center; background-color: #e9d3cf;
    box-shadow: 0 4px 10px -6px rgba(20,30,50,.4);
    overflow: hidden;
}
.pp-trend-th img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }
.pp-trend-name { display: block; font-size: .85rem; font-weight: 600; color: var(--pp-ink); }
.pp-trend-sub { display: block; font-size: .74rem; color: var(--pp-muted); }
.pp-trent-cont { line-height:1.2}

.pp-trend .s {
    font-size: 16px;
    margin-right: 0px !important;
}

.pp-megafoot {
    border-top: 1px solid var(--pp-line);
    padding: 12px 30px;
    background: #faf9f5;
    font-size: .8rem;
    color: var(--pp-muted);
    display: flex;
    justify-content: space-between;
}
.pp-megafoot b { color: var(--pp-ink); }
.pp-megafoot .s { color: #00b67a; font-size:17px;}

.pp-megafoot .pcont {padding:0 !important;}

.pp-aproof { margin-left: auto; flex: 0 0 288px; align-self: flex-start; display: flex; flex-direction: column; gap: 13px; }
.pp-aproof h4 { font-size: .92rem; color: var(--pp-ink); font-weight:bold; }
.pp-vrow { display: flex; gap: 10px; align-items: flex-start; font-size: .87rem; font-weight: 500; line-height: 1.35; color: #333c48; }
.pp-vrow svg { width: 15px; height: 15px; flex: none; margin-top: 2px; }

/* ---------- Drawer (mobile) ---------- */
.pp-drawer {
    position: fixed; inset: 0; z-index: 200; background: #fff;
    transform: translateX(-100%); transition: transform .28s ease; overflow: hidden;
}
.pp-drawer.is-open { transform: translateX(0); }
.pp-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--pp-line2); }
.pp-drawer-logo { display: block; height: 40px; width: auto; }
.pp-drawer-close { background: none; border: 0; font-size: 22px; cursor: pointer; color: var(--pp-ink); }
.pp-drawer-scroll { overflow-y: auto; height: calc(100% - 57px); padding-bottom: 20px; }

.pp-drawer-promo { background: var(--pp-coral-soft); padding: 15px 16px; display: flex; gap: 12px; align-items: center; }
.pp-drawer-promo svg { width: 34px; height: 34px; flex: none; }
.pp-drawer-promo p { font-size: .8rem; color: #c0562f; line-height: 1.35; font-weight: 500; margin: 0; }

.pp-drawer-item {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 15px 16px; border: 0; border-bottom: 1px solid var(--pp-line2);
    background: #fff; font-family: 'RoobertR'; font-size: 1.02rem; color: var(--pp-ink);
    text-decoration: none; cursor: pointer; text-align: left; font-weight:bold;
}
.pp-drawer-group { background: #faf7f2; padding: 13px 16px; }
.pp-drawer-group-label { font-size: .66rem; font-weight: 700; letter-spacing: .09em; color: var(--pp-muted); margin-bottom: 6px; }
.pp-drawer-group a { display: block; padding: 12px 0; font-size: .88rem; font-weight: 500; color: #333c48; text-decoration: none; border-bottom: 1px solid #efe9df; }
.pp-drawer-group a:last-child { border-bottom: 0; }
.pp-drawer-brand { padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 10px; background: #faf7f2; border-top: 1px solid #efe9df; }
.pp-drawer-brand .pp-vrow { font-size: .8rem; }
.pp-drawer-brand .pp-vrow svg { width: 14px; height: 14px; }
.pp-drawer-switcher { display: flex; align-items: center; gap: 12px; width: 100%; padding: 17px 18px; font-size: .95rem; border: 0; border-top: 1px solid var(--pp-line); color: var(--pp-ink); background: #fff; cursor: pointer; }

.pp-drawer-levels { position: absolute; inset: 0; pointer-events: none; }
.pp-drawer-level { position: absolute; inset: 0; background: #fff; transform: translateX(100%); transition: transform .28s ease; display: flex; flex-direction: column; }
.pp-drawer-level.is-open { transform: translateX(0); pointer-events: auto; }
.pp-drawer-back { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border: 0; border-bottom: 1px solid var(--pp-line); background: #fff; font-family: 'RoobertR'; font-size: 1.05rem; color: var(--pp-ink); cursor: pointer; font-weight:bold; }
.pp-drawer-back .pp-chev { color: var(--pp-coral); width: 19px; height: 19px; }
.pp-drawer-level-scroll { overflow-y: auto; }
.pp-drawer-level .pp-mega-panel { display: block; }
.pp-drawer-level .pp-mega { flex-direction: column; gap: 0; padding: 16px; }
.pp-drawer-level .pp-feat { flex-direction: row; flex-wrap: wrap; }
.pp-drawer-level .pp-feat .pp-tile { width: calc(50% - 7px); }
.pp-drawer-level .pp-feat .pp-tile-th { height: 120px; }
.pp-drawer-level .pp-cols { flex-direction: column; gap: 0; padding-left: 0; margin-top: 16px; }
.pp-drawer-level .pp-col h4 { color: #7A7878; }
.pp-drawer-level .pp-trend { margin-left: 0; padding-left: 0; margin-top: 16px; flex: 0 0 auto; }
.pp-drawer-level .pp-aproof { margin-left: 0; padding-left: 0; margin-top: 16px; flex: 0 0 auto; }
.pp-drawer-level .pp-megafoot { display: none; }



/* ---------- Responsywne przełączanie desktop / mobile ---------- */
@media (max-width: 1026px) {
    .pp-header { height: 60px; gap: 12px; }
    .pp-mega-wrap { display: none; }
    .pp-acts {
        flex: 1;
        justify-content: flex-end;
    }

    .pp-col-title {
        margin-left: 0.5rem;
        font-size: 16px;
        margin-top: 0.5rem;
        margin-bottom: 0;
    }
}
@media (min-width: 1027px) {
    .pp-drawer { display: none; }
    .pp-burger { display: none; }

}

@media (max-width: 600px) {
    .pp-drawer svg:not([aria-hidden='true'], .pp-ic) {
        padding:0 !important;
    }

    .pp-mega.pcont {
        width:100% !important;
        max-width:100% !important;

    }

    .pp-mega.pcont > *:not(.pp-cols), .pp-mega.pcont .pp-col a {
        padding:0.5rem;
        width:calc(100% - 1rem);
        font-size:1rem;
        font-weight:bold;
    }

    .pp-col a {
        border-bottom: 1px solid #f2eee6;
        font-size:1rem;
    }

    .pp-cols, .pp-col {
        width:100%;
    }

    .pp-cols {
        margin-top:0px !important;
    }

    #content {
        padding-top:90px !important;
    }
}

/* ---------- Nudge języka (slim bar) ---------- */
#lang-ribbon { height: auto; overflow: visible; }
#lang-ribbon:empty { display: none; }

.pp-nudge {
    display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
    width: 100%; padding: 9px 8px;
    background: var(--pp-navy); color: #fff; font-size: .78rem; line-height: 1.4;
}
.pp-nudge-flag { height: 15px; width: auto; flex: none; display: block; }

/* Nadpisuje legacy `#lang-ribbon button` z common.css */
#lang-ribbon .pp-nudge-cta,
#lang-ribbon .pp-nudge-close {
    padding: 0 !important;
    margin-left: 0 !important;
    background: none !important;
    border: 0;
    font-size: .78rem !important;
    cursor: pointer;
}
#lang-ribbon .pp-nudge-cta {
    color: #ffd9c9; font-weight: 700; text-decoration: underline;
}
#lang-ribbon .pp-nudge-close {
    color: #9aa9c0; font-size: 16px !important; line-height: 1;
    margin-left: auto !important;
}

.pp-aproof ul {
    padding-left: 1rem;
    margin-top: 0;
}

.pp-aproof ul li {
    position:relative;
}


.pp-aproof ul li::before {
    content: "";
    position: absolute;
    left: -1.05rem;
    top: 6px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f26a3f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.pp-aproof ul li::marker {
    color:transparent;
}