/* BabyBeet Campaign Manager – megjelenési helyek (v1.5.0)
   Színek: --bbcm-c-bg, --bbcm-c-fg, --bbcm-c-text, --bbcm-c-accent, --bbcm-c-accent-fg,
   --bbcm-c-cta, --bbcm-c-cta-fg, --bbcm-c-item, --bbcm-c-num, --bbcm-c-label, --bbcm-c-ink (a kampánysablonból) */

.bbcm-chip,.bbcm-pct,.bbcm-cdb,.bbcm-cardline,.bbcm-pbox,.bbcm-bar,.bbcm-inline,.bbcm-ty,.bbcm-sc-row,.bbcm-fatc-row{box-sizing:border-box}
.bbcm-flame{width:12px;height:12px;flex:none;display:inline-block;vertical-align:-1px}
.bbcm-hl{font-weight:700;color:var(--bbcm-c-num,#F7BC45)}
.bbcm-nw{white-space:nowrap}
.bbcm-cd{font-variant-numeric:tabular-nums;font-weight:700;color:var(--bbcm-c-num,#F7BC45);white-space:nowrap}

/* Címke és százalék */
.bbcm-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bbcm-c-bg,#0E0E10);color:var(--bbcm-c-num,#F7BC45);font:700 11px/1 "Basis Grotesque Pro",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;max-width:100%}
.bbcm-chip .bbcm-chip-t{overflow:hidden;text-overflow:ellipsis}
.bbcm-chip--onDark{background:var(--bbcm-c-item,#1C1C21)}
.bbcm-pct{display:inline-flex;align-items:center;background:var(--bbcm-c-accent,#F7BC45);color:var(--bbcm-c-accent-fg,#0E0E10);font:800 13px/1 "Basis Grotesque Pro",system-ui,sans-serif;padding:5px 9px;border-radius:999px;white-space:nowrap}
.bbcm-pct--sm{font-size:11px;padding:3px 7px;vertical-align:2px}

/* Visszaszámláló dobozok */
.bbcm-cdb{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.bbcm-cdb span{background:var(--bbcm-c-item,#1C1C21);color:var(--bbcm-c-num,#F7BC45);font:700 15px/1 "Basis Grotesque Pro",system-ui,sans-serif;border-radius:7px;padding:5px 6px;min-width:30px;text-align:center}
.bbcm-cdb i{font-style:normal;font-weight:700;color:var(--bbcm-c-num,#F7BC45)}

/* 1 – Termékkártyák */
.bbcm-anchor{position:relative}
.bbcm-cardbadges{position:absolute;top:10px;right:10px;left:10px;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:6px;pointer-events:none;flex-wrap:nowrap}
.bbcm-cardbadges .bbcm-chip{font-size:10px;padding:5px 8px;gap:5px;min-width:0;flex:0 1 auto}
.bbcm-cardbadges .bbcm-chip .bbcm-flame{width:11px;height:11px}
.bbcm-cardbadges .bbcm-pct{flex:none}
.bbcm-cardbadges.is-narrow .bbcm-chip{padding:5px}
.bbcm-cardbadges.is-narrow .bbcm-chip-t{display:none}
.bbcm-cardbadges.is-narrow .bbcm-pct{font-size:12px;padding:4px 8px}
.bbcm-cardline{display:flex;align-items:flex-start;gap:5px;margin-top:4px;font:500 12px/1.3 "Basis Grotesque Pro",system-ui,sans-serif;color:inherit;opacity:.92}
.bbcm-cardline .bbcm-flame{color:var(--bbcm-c-num,#F7BC45);margin-top:2px}
.bbcm-cardline > span{min-width:0}
.bbcm-has-badges .onsale{display:none!important}
.bbcm-card-outline{outline:2px solid var(--bbcm-c-accent,#F7BC45);outline-offset:-2px}

/* 2 – Termékoldal ár alatt */
.bbcm-pbox{background:var(--bbcm-c-bg,#0E0E10);color:var(--bbcm-c-fg,#fff);border-radius:14px;padding:10px 12px;margin:10px 0;display:flex;flex-direction:column;gap:7px;width:100%;font-family:"Basis Grotesque Pro",system-ui,sans-serif}
.bbcm-pbox-l1{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}
.bbcm-pbox-still{color:var(--bbcm-c-text,#C9C9CF)}
.bbcm-pbox-l2{font-size:13px;line-height:1.4;color:var(--bbcm-c-text,#C9C9CF)}
.bbcm-pbox-l2 .bbcm-sep{opacity:.7}
@media (max-width:400px){.bbcm-cdb span{font-size:14px;min-width:27px;padding:4px 5px}.bbcm-pbox{padding:10px}}

/* 3 – Oldalsó kosár: csak a fejléc és a szállítási sáv */
body.bbcm-sc .sc-header.bbcm-sc-head{background:var(--bbcm-sc-bg,#0E0E10);border-bottom-color:transparent;flex-wrap:wrap;row-gap:10px;padding-bottom:14px}
body.bbcm-sc .sc-header.bbcm-sc-head > strong{color:var(--bbcm-sc-fg,#fff)}
body.bbcm-sc .sc-header.bbcm-sc-head .sc-close{background:var(--bbcm-sc-item,#1C1C21);border-color:rgba(255,255,255,.14);color:var(--bbcm-sc-fg,#fff)}
body.bbcm-sc .sc-header.bbcm-sc-head .sc-close:hover{background:var(--bbcm-sc-accent,#F7BC45);color:var(--bbcm-sc-accent-fg,#0E0E10)}
.bbcm-sc-row{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font:500 13px/1.35 "Basis Grotesque Pro",system-ui,sans-serif;color:var(--bbcm-sc-text,#C9C9CF)}
.bbcm-sc-row .bbcm-sc-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.bbcm-sc-row .bbcm-chip{background:var(--bbcm-sc-item,#1C1C21);color:var(--bbcm-sc-num,#F7BC45)}
.bbcm-sc-row .bbcm-sc-ok{color:var(--bbcm-sc-num,#F7BC45);font-weight:700}
.bbcm-sc-row .bbcm-cd{color:var(--bbcm-sc-num,#F7BC45)}
.bbcm-sc-row .bbcm-hl{color:var(--bbcm-sc-num,#F7BC45)}
body.bbcm-sc-freebar .sc-freebar .sc-bar{background:color-mix(in srgb,var(--bbcm-sc-accent,#F7BC45) 22%,#ffffff)}
body.bbcm-sc-freebar .sc-freebar .sc-bar span{background:var(--bbcm-sc-accent,#F7BC45)}
body.bbcm-sc-freebar .sc-freebar .sc-bar-text strong{background:color-mix(in srgb,var(--bbcm-sc-accent,#F7BC45) 28%,#ffffff);color:var(--bbcm-sc-ink,#1F2A2A);border-radius:6px;padding:0 4px}

/* 4–5 – Kosár és pénztár sáv */
.bbcm-bar{background:var(--bbcm-c-bg,#0E0E10);color:var(--bbcm-c-fg,#fff);border-radius:14px;padding:11px 14px;margin:0 0 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;font:500 14px/1.4 "Basis Grotesque Pro",system-ui,sans-serif;width:100%}
.bbcm-bar[hidden]{display:none!important}
.bbcm-bar-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.bbcm-bar--checkout{border-radius:10px;padding:9px 12px;font-size:13px;margin-bottom:12px}
.bbcm-bar--checkout .bbcm-flame{color:var(--bbcm-c-num,#F7BC45)}
.bbcm-bar-cd{color:var(--bbcm-c-text,#C9C9CF);white-space:nowrap}
tr.bbcm-save-row--saving th,tr.bbcm-save-row--saving td{color:var(--bbcm-c-ink,#1F2A2A);font-weight:700}
tr.bbcm-save-row--saving th::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bbcm-c-accent,#F7BC45);margin-right:7px;vertical-align:1px}
@media (max-width:600px){.bbcm-bar{border-radius:12px;padding:10px 12px;font-size:13px}.bbcm-bar .bbcm-cdb{width:100%}}

/* 6 – Landing offer sor */
.bbcm-inline-wrap{display:flex;justify-content:center;width:100%}
.bbcm-inline{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;background:var(--bbcm-c-bg,#0E0E10);color:var(--bbcm-c-fg,#fff);border-radius:999px;padding:8px 10px 8px 14px;font:500 14px/1.3 "Basis Grotesque Pro",system-ui,sans-serif;max-width:100%}
.bbcm-inline .bbcm-chip{background:var(--bbcm-c-item,#1C1C21)}
@media (max-width:480px){.bbcm-inline{border-radius:16px;padding:10px 12px;flex-direction:column;gap:8px;text-align:center}}

/* 7 – Ragadós kosár sáv */
body.bbcm-fatc #bb-floating-atc .bb-floating-inner{flex-wrap:wrap}
.bbcm-fatc-row{flex:0 0 auto;width:100%;order:-1;display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 12px/1.2 "Basis Grotesque Pro",system-ui,sans-serif;color:#E8EFED}
.bbcm-fatc-row .bbcm-chip{font-size:10px;padding:3px 8px}
body.bbcm-fatc #bb-floating-atc .bb-floating-title .bbcm-pct{margin-left:8px}
body.bbcm-fatc #bb-floating-atc .bb-floating-price del{opacity:.7;font-weight:400;margin-right:6px}
body.bbcm-fatc #bb-floating-atc .bb-floating-price ins{text-decoration:none;color:var(--bbcm-c-num,#F7BC45)}

/* 8 – Köszönőoldal */
.bbcm-ty{background:var(--bbcm-c-bg,#0E0E10);color:var(--bbcm-c-fg,#fff);border:2px solid var(--bbcm-c-accent,#F7BC45);border-radius:22px;padding:22px 20px;margin:0 auto 24px;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-family:"Basis Grotesque Pro",system-ui,sans-serif}
.bbcm-ty-title{font:600 22px/1.25 "Reloceta",Georgia,serif;color:var(--bbcm-c-fg,#fff);text-wrap:balance}
.bbcm-ty-text,.bbcm-ty-extra{font-size:14px;line-height:1.45;color:var(--bbcm-c-text,#C9C9CF);background:var(--bbcm-c-item,#1C1C21);border-radius:12px;padding:8px 12px}
.bbcm-ty-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bbcm-c-cta,#F7BC45);color:var(--bbcm-c-cta-fg,#0E0E10)!important;border-radius:999px;padding:11px 22px;font:600 15px/1.1 "Reloceta",Georgia,serif;text-decoration:none!important}
.bbcm-ty-btn:hover{filter:brightness(1.05)}

/* Admin előnézet jelzés */
.bbcm-preview-pill{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2147483000;background:#0E0E10;color:#F7BC45;border:1px solid #F7BC45;border-radius:999px;padding:7px 12px;font:700 12px/1 system-ui,sans-serif;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}

/* Fejléc ticker */
.promo-ticker{--bg:transparent;--fg:#333333;--accent:#333333;--gap:48px;--speed:50;width:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Reloceta,sans-serif;font-weight:600;line-height:1}
.promo-ticker .promo-track{display:inline-flex;align-items:center;gap:var(--gap);padding:10px 0;white-space:nowrap;will-change:transform}
.promo-ticker .promo-item{display:inline-flex;align-items:center;gap:10px;line-height:1.2}
.promo-ticker .promo-item .emoji{display:inline-flex;align-items:center;line-height:1;transform:translateY(-3px)}
.promo-ticker .promo-item .emoji.emoji--clock{transform:translateY(0)}
.promo-ticker .promo-hl{font-weight:800;color:var(--accent)}
.promo-ticker .bbcm-ticker-data{display:none}
.promo-ticker.promo-ticker--campaign{--gap:64px;--speed:45;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent);letter-spacing:.01em}
@media (max-width:767px){.promo-ticker.promo-ticker--campaign{--gap:40px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.promo-ticker .promo-track{flex-wrap:wrap;white-space:normal;justify-content:center;padding:8px 12px}}