/* a4e-blog / P15: arhive (index, categorii, autor). Directia M1 + M9 (chip produs) + M10 (cautare).
   Tokenii si fonturile vin din handle-ul a4e-blog-base. Nimic lipicios. Fara @import. */

.a4e-arc,.a4e-arc *,.a4e-arc *::before,.a4e-arc *::after{box-sizing:border-box}
.a4e-arc{background:var(--a4e-bg-page,#fff);color:var(--a4e-text,#39464D);font-family:var(--a4e-font-body,"Barlow",system-ui,sans-serif);font-size:var(--a4e-fs-base,17px);line-height:1.55;width:100%}
.a4e-arc [hidden]{display:none!important}
.a4e-arc a{color:inherit}
.a4e-arc :focus-visible{outline:2px solid var(--a4e-focus,#00718F);outline-offset:2px}
.a4e-arc-band :focus-visible{outline-color:var(--a4e-cyan,#00CCFF)}
.a4e-arc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.a4e-arc-wrap{max-width:var(--a4e-container,1240px);margin:0 auto;padding-inline:var(--a4e-gutter,16px)}

/* ---------------------------------------------------------------- banda */
.a4e-arc-band{background:var(--a4e-bg-band-glow,radial-gradient(60% 120% at 12% 0%,rgba(0,204,255,.28),transparent 60%),#0A0C0E);color:var(--a4e-on-dark,#EDF1F2);padding:28px 0 22px}
.a4e-arc-crumb{font-size:var(--a4e-fs-xs,12.5px);color:var(--a4e-on-dark-muted,#9AA7AD)}
.a4e-arc-crumb p,.a4e-arc-crumb ol{margin:0;padding:0;list-style:none}
.a4e-arc-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px}
.a4e-arc-crumb li+li::before{content:"/";margin-right:8px;color:var(--a4e-line-d,#242D33)}
.a4e-arc-crumb a{color:var(--a4e-on-dark-2,#BAC6CB);text-decoration:none}
.a4e-arc-crumb a:hover{color:#fff;text-decoration:underline}
.a4e-arc-crumb .separator{margin:0 6px;color:var(--a4e-on-dark-muted,#9AA7AD)}
.a4e-arc-crumb .last{color:var(--a4e-on-dark-muted,#9AA7AD)}
.a4e-arc-eyebrow{margin:18px 0 4px;font-size:var(--a4e-fs-sm,14px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--a4e-cyan,#00CCFF)}
.a4e-arc-title{margin:0 0 10px;font-family:var(--a4e-font-display,"Barlow Condensed",sans-serif);font-weight:var(--a4e-display-weight,700);font-size:var(--a4e-fs-h1,clamp(32px,3vw + 18px,54px));line-height:var(--a4e-display-lh,1.05);letter-spacing:var(--a4e-display-tracking,.005em);color:#fff;max-width:22ch;text-wrap:balance;overflow-wrap:anywhere}
.a4e-arc-lead{color:var(--a4e-on-dark-2,#BAC6CB);max-width:62ch;font-size:var(--a4e-fs-lead,19px)}
.a4e-arc-lead p{margin:0 0 6px}
.a4e-arc-lead a{color:#fff}

/* cautare (M10) */
.a4e-arc-search{position:relative;display:flex;align-items:center;gap:8px;margin-top:20px;max-width:640px;background:#fff;border-radius:10px;padding:5px 5px 5px 14px;color:var(--a4e-ink,#0B0F12)}
.a4e-arc-search svg{flex:none;color:var(--a4e-muted,#5B6870)}
.a4e-arc-search input[type=search]{flex:1;min-width:0;height:44px;border:0;outline:0;background:none;font:400 17px/1.2 var(--a4e-font-body,"Barlow",sans-serif);color:var(--a4e-ink,#0B0F12);-webkit-appearance:none;appearance:none;box-shadow:none}
.a4e-arc-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.a4e-arc-search input::placeholder{color:var(--a4e-muted,#5B6870);opacity:1}
.a4e-arc-search:focus-within{box-shadow:var(--a4e-ring-on-dark,0 0 0 3px rgba(0,204,255,.45))}
.a4e-arc-search__go{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:7px;background:var(--a4e-btn-bg,#00CCFF);color:var(--a4e-btn-text,#00222D);font:600 15px/1 var(--a4e-font-body,"Barlow",sans-serif);cursor:pointer}
.a4e-arc-search__go:hover{filter:brightness(1.06)}

/* filtru categorii: link-uri reale. Mobil: scroll orizontal in container. */
.a4e-arc-filter{margin-top:16px}
.a4e-arc-filter ul{list-style:none;margin:0;padding:0 0 4px;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#2A343A transparent}
.a4e-arc-filter li{flex:none;margin:0}
.a4e-arc-filter a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid #2A343A;border-radius:999px;background:var(--a4e-surface-d,#13181C);color:#DDE5E8;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.a4e-arc-filter a:hover{border-color:var(--a4e-cyan,#00CCFF);color:#fff}
.a4e-arc-filter a.is-on{background:var(--a4e-cyan,#00CCFF);border-color:var(--a4e-cyan,#00CCFF);color:#00222D}
.a4e-arc-filter__n{font-weight:400;opacity:.8;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- corp */
.a4e-arc-body{padding-top:24px;padding-bottom:56px}
.a4e-arc-count{margin:20px 0 14px;font-size:var(--a4e-fs-sm,14px);font-weight:600;color:var(--a4e-muted,#5B6870)}
.a4e-arc-empty{padding:40px 0}

/* grila: carduri egale */
.a4e-arc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.a4e-card{--h:#5B6870;position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--a4e-border,#DCE2E5);border-radius:var(--a4e-r-sm,6px);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.a4e-card:hover{border-color:var(--a4e-line-strong,#7C8A91)}
.a4e-card:focus-within{box-shadow:var(--a4e-ring,0 0 0 3px rgba(0,113,143,.35))}
.a4e-hue-1{--h:#00718F}.a4e-hue-2{--h:#157A55}.a4e-hue-3{--h:#8A5200}.a4e-hue-4{--h:#B33A0B}.a4e-hue-5{--h:#5B3FA0}.a4e-hue-6{--h:#2F5D8A}

.a4e-card__media{position:relative;aspect-ratio:3/2;background:var(--a4e-surface-d,#13181C);border-bottom:3px solid var(--h);overflow:hidden}
.a4e-card__img{display:block;width:100%;height:100%;object-fit:cover}
.a4e-card__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#13181C,#1A2126 55%,var(--h))}
.a4e-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.a4e-card__cat{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:var(--a4e-fs-xs,12.5px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--h)}
.a4e-card__dot{width:8px;height:8px;border-radius:50%;background:var(--h);flex:none}
.a4e-card__pill{padding:1px 8px;border-radius:999px;background:var(--a4e-cyan,#00CCFF);color:#00222D;letter-spacing:.02em}
.a4e-card__title{margin:0;font-family:var(--a4e-font-display,"Barlow Condensed",sans-serif);font-weight:var(--a4e-display-weight,700);font-size:22px;line-height:1.12;letter-spacing:var(--a4e-display-tracking,.005em);color:var(--a4e-ink,#0B0F12);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.a4e-card__title a{color:inherit;text-decoration:none}
.a4e-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.a4e-card__title a:focus-visible{outline:none}
.a4e-card:hover .a4e-card__title a{text-decoration:underline;text-decoration-color:var(--h);text-decoration-thickness:2px;text-underline-offset:3px}
.a4e-card__ex{margin:0;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.a4e-card__meta{margin:auto 0 0;padding-top:6px;display:flex;flex-wrap:wrap;gap:0 6px;font-size:var(--a4e-fs-xs,12.5px);color:var(--a4e-muted,#5B6870)}

/* chip produs principal (M9) */
.a4e-card__prod{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:8px 10px;border:1px solid var(--a4e-border,#DCE2E5);border-radius:var(--a4e-r-sm,6px);background:var(--a4e-surface-soft,#F0F3F5);text-decoration:none;color:var(--a4e-ink,#0B0F12);min-width:0}
.a4e-card__prod:hover{border-color:var(--a4e-cyan-ink,#00718F)}
.a4e-card__prodimg{flex:none;width:44px;height:44px;border-radius:5px;background:#fff;overflow:hidden;display:block}
.a4e-card__prodimg img{display:block;width:44px;height:44px;object-fit:contain}
.a4e-card__prodtxt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.a4e-card__prodname{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a4e-card__prodprice{font-size:13.5px;color:var(--a4e-ink-2,#39464D);font-variant-numeric:tabular-nums}
.a4e-card__prodprice del{opacity:.7}
.a4e-card__prodprice ins{text-decoration:none;font-weight:700;color:var(--a4e-bad,#B33A0B)}
.a4e-card__stock{margin-left:4px;font-size:var(--a4e-fs-xs,12.5px);font-weight:600;color:var(--a4e-ok,#157A55)}

/* articol pilon */
.a4e-card--feat{margin-bottom:8px;background:var(--a4e-surface-soft,#F0F3F5)}
.a4e-card--feat .a4e-card__body{padding:18px 20px 20px}
.a4e-card--feat .a4e-card__title{font-size:30px;-webkit-line-clamp:4;line-clamp:4}
.a4e-card--feat .a4e-card__ex{font-size:16px;-webkit-line-clamp:4;line-clamp:4}
.a4e-card--feat .a4e-card__prod{background:#fff}

/* paginare nativa */
.a4e-arc .navigation.pagination{margin-top:32px}
.a4e-arc .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.a4e-arc .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--a4e-line-strong,#7C8A91);border-radius:var(--a4e-r-sm,6px);background:#fff;color:var(--a4e-ink,#0B0F12);font-weight:600;text-decoration:none}
.a4e-arc a.page-numbers:hover{border-color:var(--a4e-ink,#0B0F12)}
.a4e-arc .page-numbers.current{background:var(--a4e-ink,#0B0F12);border-color:var(--a4e-ink,#0B0F12);color:#fff}
.a4e-arc .page-numbers.dots{border-color:transparent;background:none;min-width:auto;padding:0 4px}

/* rezultate cautare (M10) */
.a4e-arc-results .a4e-arc-count{margin-top:0}
.a4e-arc-reslist{list-style:none;margin:0;padding:0}
.a4e-arc-reslist li{padding:14px 0;border-bottom:1px solid var(--a4e-border,#DCE2E5)}
.a4e-arc-reslist a{display:inline-block;font-family:var(--a4e-font-display,"Barlow Condensed",sans-serif);font-weight:var(--a4e-display-weight,700);font-size:22px;line-height:1.2;color:var(--a4e-cyan-ink,#00718F);text-decoration:none;overflow-wrap:anywhere}
.a4e-arc-reslist a:hover{text-decoration:underline}
.a4e-arc-reslist p{margin:4px 0 0;font-size:15px;line-height:1.45;max-width:70ch;overflow-wrap:anywhere}
.a4e-arc-reslist .a4e-arc-reslist__m{font-size:var(--a4e-fs-xs,12.5px);color:var(--a4e-muted,#5B6870);font-weight:600}
.a4e-arc-reslist mark{background:var(--a4e-cyan-wash,#E7F4FA);color:inherit;border-radius:2px;padding:0 1px}

/* ---------------------------------------------------------------- latimi */
@media (min-width:768px){
	.a4e-arc-wrap{padding-inline:var(--a4e-gutter-md,24px)}
	.a4e-arc-band{padding:40px 0 28px}
	.a4e-arc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
	.a4e-arc-filter ul{flex-wrap:wrap;overflow:visible}
	.a4e-card--feat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto}
	.a4e-card--feat .a4e-card__media{grid-row:1/3;aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:3px solid var(--h)}
	.a4e-card--feat .a4e-card__body{align-self:center;padding:26px 28px 14px}
	.a4e-card--feat .a4e-card__prod{margin:0 28px 24px}
	.a4e-card--feat .a4e-card__title{font-size:36px}
}
@media (min-width:1024px){
	.a4e-arc-wrap{padding-inline:var(--a4e-gutter-lg,40px)}
	.a4e-arc-band{padding:48px 0 32px}
	.a4e-arc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}
@media (prefers-reduced-motion:reduce){
	.a4e-card{transition:none}
}

/* titlul ascuns al paginarii native (clasa WP; o repetam, in caz ca tema nu o are) */
.a4e-arc .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}