/*
 * Blogul Căutat Blocks: block-specific CSS only, namespaced .bcb-.
 * The components themselves (bubble, paper, erata, sticky, snaps, ransom letters, faceoff/vs, verdict,
 * sv-trip/sv-rating, machine, flyer/tabs, tapes, s-nl) come from the theme (assets/css/site.css).
 * Built on the theme's CSS variables, with fallbacks. Selectors are doubled (.a.bcb-a) where they must
 * win over the theme's own rules whatever order the two stylesheets load in.
 */

/* ---------- Hashi zice: Hashi on the right ---------- */
.hz--post.bcb-hz--right{flex-direction:row-reverse;padding:0 22px 0 28px}
@media (max-width:599.98px){.hz--post.bcb-hz--right{padding:0 8px 0 14px}}

/* ---------- Notiță lipită: the block is the note alone (the prototype's .noted also held the heading) ---------- */
.bcb-noted{position:relative}
.noted.bcb-noted > .paper.sticky{margin-top:0}
.prose > .noted.bcb-noted{margin-top:1.6em}
/* The theme hides the 4th line of every .lost__facts list on phones (it was made for the flyer); a taped note keeps all its lines. */
.bcb-noted .lost__facts li:nth-child(4){display:block}
.bcb-sticky__p{margin:6px 0 10px;font-size:14px;line-height:1.5}
.bcb-sticky__p a{color:var(--purple-2,#514B76)}
@media (min-width:1340px){
  /* in the margin: takes no room in the text column; lines up with a heading that follows */
  .prose > .noted.bcb-noted--margin{height:0;margin-top:0}
  .noted.bcb-noted--margin:has(+ h2) > .paper.sticky,.noted.bcb-noted--margin:has(+ h3) > .paper.sticky{top:calc(var(--h2-gap,60px) + 4px)}
  .noted.bcb-noted--inline > .paper.sticky{position:relative;left:auto;top:auto;width:100%;max-width:330px;margin:0}
}

/* ---------- Poză lipită: a single print, centered, never a swipe row ---------- */
.bcb-gal--1 .snaps{display:block;max-width:560px;margin-inline:auto;padding:14px 0 0;overflow:visible}

/* ---------- Titlu decupat ---------- */
.bcb-ransom .ransom{--rs:clamp(40px,4.6vw,64px);row-gap:.14em}
.bcb-ransom--s .ransom{--rs:clamp(30px,3.2vw,44px)}
.bcb-ransom--l .ransom{--rs:clamp(50px,6vw,88px)}
.bcb-ransom--center .ransom{justify-content:center}
.bcb-ransom__w{display:inline-flex;flex-wrap:wrap;align-items:flex-end;gap:.07em}

/* ---------- Față în față: room for the tapes above the prints ---------- */
.prose > .bcb-faceoff{margin-top:2.2em}

/* ---------- Nota lui Hashi: the article's travel card without the photo (like the head's .hp) ---------- */
.sv-trip.bcb-nota{position:relative;grid-template-columns:minmax(0,1fr);width:100%;max-width:540px;padding:20px 24px 16px;rotate:-.8deg}
.bcb-nota .sv-trip__body{padding:0}
.bcb-nota .hp__k{margin-bottom:4px;font:800 11px/1 var(--fb,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--purple,#60579A)}
.bcb-nota .hp__paw{position:absolute;right:18px;top:14px;width:30px;height:30px;rotate:18deg}
.bcb-nota .sv-lesson{font-size:15px}
.prose > .sv-trip.bcb-nota{justify-self:start;margin-top:2em;background:var(--sky,#E3EFF6)}
@media (max-width:699.98px){.sv-trip.bcb-nota{padding:18px 18px 14px}}

/* ---------- Robot telefonic without Hashi on top ---------- */
.bcb-robot--solo .machine{padding-right:18px}
.prose > .bcb-robot{margin-top:2em}

/* ---------- Afiș cu bilețele in a text column: the «rupe unul!» arrow goes under it ---------- */
.flyer-wrap.bcb-afis{max-width:440px;margin-bottom:56px}
.prose > .flyer-wrap.bcb-afis{justify-self:start;margin-top:2.4em}
.flyer-wrap.bcb-afis .lost__title{margin:0;font:800 clamp(30px,2.7vw,40px)/.94 var(--fh,system-ui,sans-serif);font-stretch:76%;letter-spacing:-.04em;text-wrap:balance}
.bcb-afis .rupe{left:14px;right:auto;top:calc(100% + 4px);bottom:auto;rotate:-4deg}
.bcb-afis .rupe svg{width:54px;rotate:-72deg}
.bcb-afis .lost__facts li:nth-child(4){display:block}
.bcb-scissors{flex:none;width:18px;height:18px}

/* ---------- Bandă: crosses the reading sheet from edge to edge ---------- */
.tapes.bcb-tapes{margin:clamp(30px,3vw,46px) 0}
.prose > .tapes.bcb-tapes{grid-column:wide-start / wide-end;margin-inline:calc(var(--pad,40px) * -1)}
.tapes.bcb-tapes--single{height:84px}
.bcb-tapes--single .tape{translate:0 -50%}

/* ---------- Newsletter inside a post: the blue sheet as a rounded card ---------- */
.bcb-nl{position:relative;padding:clamp(24px,3vw,44px) clamp(18px,3vw,44px) 0;border-radius:24px;background:var(--blue,#7AB2D3);color:var(--nero,#252525);overflow:clip}
.prose > .bcb-nl{margin-top:2.4em}
.bcb-nl.s-nl .nl__cat,.bcb-nl.s-nl .bubble--big{grid-row:1}
.bcb-nl.s-nl .nl__cat{height:300px}
.bcb-nl.s-nl .bubble--big h2{margin:0;font:800 clamp(30px,3.4vw,50px)/.92 var(--fh,system-ui,sans-serif);font-stretch:86%;letter-spacing:-.05em;text-wrap:balance}
.bcb-nl.s-nl .nl__intro{margin-top:14px}
@media (min-width:980px){
  .bcb-nl.s-nl .nl__cat{grid-column:1 / 5}
  .bcb-nl.s-nl .bubble--big{grid-column:5 / 13;margin:0 0 48px 24px}
}
@media (max-width:979.98px){
  .bcb-nl{padding-bottom:26px}
  .bcb-nl.s-nl .nl__cat{height:190px}
  .bcb-nl.s-nl .bubble--big{grid-row:2}
}

/* ---------- Draft preview banner («Previzualizare · nepublicat încă»): a strip above the header, never covered by the cookie bar ---------- */
.bcb-preview-banner{position:relative;z-index:70;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:9px 16px;background:var(--nero,#252525);color:var(--vanilla,#F5F4F0);font:700 13.5px/1.3 var(--fb,system-ui,sans-serif);letter-spacing:.02em;text-align:center}
.bcb-preview-banner::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--hashi,#C5D63A)}