/* ==========================================================================
   Pagina solutie CIJ (page-inkjet-cij.php). Reutilizeaza componentele din
   industrii.css (.imk-ind-*, .imk-btn, .imk-cta2, .imk-why, .imk-ind-faq).
   Aici doar componentele specifice CIJ. Tokeni din imarke.css :root.
   ========================================================================== */

/* wrap comun (daca nu e deja din industrii.css) */
.imk-cij-wrap{max-width:var(--wrap,1240px);margin:0 auto;padding-inline:var(--gutter,24px)}

/* ---- 01 HERO ---- */
.imk-cij-hero{position:relative;overflow:hidden;background:var(--imk-dark,#1B0F24);color:#fff}
.imk-cij-hero__in{position:relative;z-index:1;max-width:var(--wrap,1240px);margin:0 auto;padding:clamp(3rem,6vw,5.5rem) var(--gutter,24px);display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem)}
@media(min-width:980px){.imk-cij-hero__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}}
.imk-cij-hero__col{max-width:60ch}
.imk-cij-hero .imk-cij-kicker{color:#8EE06B}
.imk-cij-hero__t{font-family:var(--ff-head,Archivo,sans-serif);font-weight:800;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.025em;color:#fff;margin:.5rem 0 1.1rem;max-width:22ch}
.imk-cij-hero__lead p{color:#E8DDF0;font-size:clamp(15px,1.15vw,17px);line-height:1.62;margin:0 0 .85rem;max-width:64ch}
.imk-cij-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.7rem}
.imk-cij-hero__wm{position:absolute;z-index:0;right:clamp(-80px,-4vw,-20px);top:50%;transform:translateY(-50%) rotate(-6deg);width:min(42%,440px);aspect-ratio:1;background:url(../img/wm-datamatrix.svg) right center/contain no-repeat;opacity:.1;pointer-events:none}
@media(prefers-contrast:more){.imk-cij-hero__wm{display:none}}

/* kicker/section head reutilizabil (daca industrii.css nu e suficient) */
.imk-cij-kicker{display:inline-block;font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--imk-green,#4CAF27);margin:0 0 10px}
.imk-cij-h2{font-family:var(--ff-head,Archivo,sans-serif);font-weight:800;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.14;letter-spacing:-.015em;color:var(--imk-ink,#16121B);margin:0}
.imk-cij-lead{margin:.9rem 0 0;max-width:72ch;font-size:clamp(15px,1.1vw,17px);line-height:1.7;color:var(--imk-soft,#4a4458)}
.imk-cij-sec{padding-block:clamp(3rem,5.5vw,4.5rem)}
.imk-cij-sec--alt{background:var(--imk-surface,#faf8fc)}
.imk-cij-sec--dark{background:var(--imk-dark,#1B0F24);color:#fff}
.imk-cij-sec__head{margin-bottom:clamp(1.75rem,3.5vw,2.5rem)}

/* ---- 02 INDICATORI / STATS ---- */
.imk-cij-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr));gap:20px;margin-top:4px}
.imk-cij-stat{background:#fff;border:1px solid var(--imk-line,#E7E2EC);border-radius:var(--r-md,12px);padding:24px;transition:border-color .25s,box-shadow .25s,transform .25s}
.imk-cij-stat:hover{border-color:#CDB6DA;box-shadow:var(--sh-card,0 12px 30px -16px rgba(60,25,80,.4));transform:translateY(-3px)}
.imk-cij-stat__ico{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:11px;background:var(--imk-pur-50,#F6F1FA);color:var(--imk-pur,#6B2D8B);margin-bottom:14px}
.imk-cij-stat__n{font-family:var(--ff-head,Archivo,sans-serif);font-weight:800;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.02;letter-spacing:-.02em;color:var(--imk-ink,#16121B)}
.imk-cij-stat__d{margin:.5rem 0 0;font-size:15px;line-height:1.55;color:var(--imk-soft,#4a4458)}

/* ---- 03 prose + actiuni ---- */
.imk-cij-prose p{margin:0 0 1rem;max-width:74ch;font-size:clamp(15px,1.05vw,16.5px);line-height:1.75;color:var(--imk-soft,#4a4458)}
.imk-cij-prose p:last-child{margin-bottom:0}
.imk-cij-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:1.8rem}
.imk-cij-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--imk-pur,#6B2D8B);text-decoration:none}
.imk-cij-link:hover{color:var(--imk-pur-d,#57206F);text-decoration:underline;text-underline-offset:3px}
.imk-cij-link svg{flex:0 0 auto}

/* ---- 04 carduri provocari (peste .imk-ind-card) ---- */
.imk-cij-ch{display:flex;flex-direction:column}
.imk-cij-ch__t{font-family:var(--ff-head,Archivo,sans-serif);font-size:18px;font-weight:600;line-height:1.3;color:var(--imk-ink,#16121B);margin:2px 0 8px}
.imk-cij-ch__d{font-size:15px;line-height:1.6;color:var(--imk-soft,#4a4458);margin:0 0 14px}
.imk-cij-ch__m{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--imk-line,#E7E2EC);font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:12.5px;line-height:1.5;color:var(--imk-pur,#6B2D8B);font-weight:500}

/* ---- 05 banda inchisa + beneficii ---- */
.imk-cij-sec--dark .imk-cij-h2{color:#fff}
.imk-cij-sec--dark .imk-cij-kicker{color:#8EE06B}
.imk-cij-sec--dark .imk-cij-lead{color:#D9CCE3}
.imk-cij-bene{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin-top:clamp(1.5rem,3vw,2.25rem)}
.imk-cij-bene__i{display:flex;flex-direction:column;gap:10px}
.imk-cij-bene__ico{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:11px;background:rgba(142,224,107,.14);color:#8EE06B}
.imk-cij-bene__t{font-family:var(--ff-head,Archivo,sans-serif);font-size:16px;font-weight:600;color:#fff;margin:0}
.imk-cij-bene__d{font-size:14px;line-height:1.55;color:#C9BBD6;margin:0}

/* ---- 06 aplicatii CIJ ---- */
.imk-cij-app{display:flex;flex-direction:column}
.imk-cij-app__label{font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--imk-green,#4CAF27);margin:2px 0 6px}
.imk-cij-app__t{font-family:var(--ff-head,Archivo,sans-serif);font-size:18px;font-weight:600;line-height:1.3;color:var(--imk-ink,#16121B);margin:0 0 8px}
.imk-cij-app__d{font-size:15px;line-height:1.6;color:var(--imk-soft,#4a4458);margin:0}
.imk-cij-note{margin:clamp(1.75rem,3.5vw,2.5rem) auto 0;max-width:80ch;padding-top:18px;border-top:1px solid var(--imk-line,#E7E2EC);font-size:15px;line-height:1.65;color:var(--imk-mut,#6b6677)}

/* ---- 07 gama imprimante ---- */
.imk-cij-sub{font-family:var(--ff-head,Archivo,sans-serif);font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:700;color:var(--imk-ink,#16121B);margin:2.2rem 0 1.1rem}
.imk-cij-tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin-bottom:12px}
.imk-cij-tech__c{background:#fff;border:1px solid var(--imk-line,#E7E2EC);border-radius:12px;padding:24px}
.imk-cij-tech__ico{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:var(--imk-pur-50,#F6F1FA);color:var(--imk-pur,#6B2D8B);margin-bottom:12px}
.imk-cij-tech__t{font-family:var(--ff-head,Archivo,sans-serif);font-size:15px;font-weight:600;color:var(--imk-ink,#16121B);margin:0 0 6px;line-height:1.3}
.imk-cij-tech__d{font-size:14.5px;line-height:1.55;color:var(--imk-soft,#4a4458);margin:0}
.imk-cij-note2{margin:1.25rem 0 0;font-size:13px;color:var(--imk-mut,#6b6677)}
.imk-cij-group{font-family:var(--ff-head,Archivo,sans-serif);font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:700;letter-spacing:-.01em;line-height:1.25;text-transform:none;color:var(--imk-ink,#16121B);margin:clamp(2.5rem,4vw,3.25rem) 0 1.5rem}
.imk-cij-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.imk-cij-model{display:flex;flex-direction:column;background:#fff;border:1px solid var(--imk-line,#E7E2EC);border-radius:14px;padding:28px;transition:border-color .25s,box-shadow .25s,transform .25s}
.imk-cij-model:hover{border-color:#CDB6DA;box-shadow:var(--sh-card,0 14px 34px -18px rgba(60,25,80,.45));transform:translateY(-3px)}
.imk-cij-model__label{font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--imk-green,#4CAF27);margin:0 0 6px}
.imk-cij-model__name{font-family:var(--ff-head,Archivo,sans-serif);font-size:21px;font-weight:700;color:var(--imk-ink,#16121B);margin:0 0 8px;letter-spacing:-.01em}
.imk-cij-model__d{font-size:15px;line-height:1.7;color:var(--imk-soft,#4a4458);margin:0 0 18px}
.imk-cij-spec{margin:0 0 18px;display:grid;gap:11px}
.imk-cij-spec>div{display:grid;grid-template-columns:minmax(84px,auto) 1fr;gap:12px;font-size:14px;line-height:1.55}
.imk-cij-spec dt{color:var(--imk-mut,#6b6677);font-weight:600}
.imk-cij-spec dd{margin:0;color:var(--imk-ink,#16121B)}
.imk-cij-model .imk-cij-link{margin-top:auto;font-size:15px}

/* ---- 08 video ---- */
.imk-cij-video{position:relative;width:100%;max-width:900px;margin:clamp(1.5rem,3vw,2.25rem) auto 0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--imk-line,#E7E2EC);box-shadow:var(--sh-card,0 14px 40px -18px rgba(60,25,80,.4))}
.imk-cij-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ---- 09 ghid de selectie ---- */
.imk-cij-guide{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(1.5rem,3vw,2.25rem)}
@media(min-width:960px){.imk-cij-guide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}
.imk-cij-steps{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:18px;counter-reset:cijstep}
.imk-cij-steps li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.imk-cij-steps li::before{counter-increment:cijstep;content:counter(cijstep,decimal-leading-zero);font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:14px;font-weight:600;color:var(--imk-pur,#6B2D8B);background:var(--imk-pur-50,#F6F1FA);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.imk-cij-steps h3{font-family:var(--ff-head,Archivo,sans-serif);font-size:16px;font-weight:600;color:var(--imk-ink,#16121B);margin:6px 0 4px;line-height:1.3}
.imk-cij-steps p{font-size:14px;line-height:1.6;color:var(--imk-soft,#4a4458);margin:0}
.imk-cij-aside{background:var(--imk-dark-3,#2B1538);color:#fff;border-radius:16px;padding:clamp(1.5rem,3vw,2rem)}
.imk-cij-aside__k{font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8EE06B;margin:0 0 10px}
.imk-cij-aside h3{font-family:var(--ff-head,Archivo,sans-serif);font-size:19px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.28}
.imk-cij-aside p{font-size:15px;line-height:1.62;color:#D9CCE3;margin:0 0 12px}
.imk-cij-aside__end{font-weight:600;color:#EDE4F3;margin-bottom:0}

.imk-cij-hero__media{position:relative}
.imk-cij-hero__media img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px -20px rgba(0,0,0,.55)}
@media(max-width:979px){.imk-cij-hero__media{max-width:520px}}

/* ---- Layout fixes: grila 3/rand, capete 2-col, proza 2-col ---- */
.imk-cij-grid3{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.imk-cij-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.imk-cij-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.imk-cij-models{grid-template-columns:1fr}
@media(min-width:640px){.imk-cij-models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.imk-cij-models{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* capul de sectiune: 2 coloane cand exista lead (titlu stanga / lead dreapta) */
@media(min-width:900px){
	.imk-cij-sec__head:has(.imk-cij-lead) > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(2rem,4vw,3.75rem);row-gap:1.1rem;align-items:start}
	.imk-cij-sec__head:has(.imk-cij-lead) .imk-cij-kicker{grid-column:1;grid-row:1}
	.imk-cij-sec__head:has(.imk-cij-lead) .imk-cij-h2{grid-column:1;grid-row:2;margin:0}
	.imk-cij-sec__head:has(.imk-cij-lead) .imk-cij-lead{grid-column:2;margin:0;max-width:52ch}.imk-cij-sec__head:has(.imk-cij-lead) .imk-cij-sec__hl{grid-column:1}.imk-cij-sec__head:has(.imk-cij-lead) .imk-cij-actions{grid-column:1 / -1}
	/* proza pe 2 coloane ca sa umple latimea */
	.imk-cij-prose{column-count:2;column-gap:clamp(2rem,4vw,3.75rem)}
	.imk-cij-prose p{max-width:none;break-inside:avoid}
}

/* ---- Imaginea produsului in cardul de model ---- */
.imk-cij-model__media{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#faf9fc 0%,#f0ebf6 100%);border-radius:14px;padding:16px;margin-bottom:16px;min-height:184px}
.imk-cij-model__media img{width:auto;height:150px;max-width:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 18px rgba(27,15,36,.14))}

/* ---- Compatibilitate blocuri Gutenberg (sablon Canvas) ---- */
.imk-canvas{--wp--style--block-gap:0}
.imk-canvas .imk-cij-stats>*,.imk-canvas .imk-cij-grid3>*,.imk-canvas .imk-cij-models>*,.imk-canvas .imk-cij-bene>*,.imk-canvas .imk-cij-tech>*,.imk-canvas .imk-cij-hero__in>*{margin-block:0}
.imk-canvas figure.wp-block-image,.imk-canvas .imk-cij-hero__media{margin:0}
.imk-canvas .imk-cij-hero__lead>p:last-child{margin-bottom:0}
.imk-canvas .wp-block-html{display:contents}
/* containerul intern al grupurilor Gutenberg = transparent, ca grilele temei sa vada elementele reale */
.imk-canvas .wp-block-group__inner-container{display:contents}

/* ============================================================
   LAYOUT pe containerul intern Gutenberg (robust, determinist).
   Grupul exterior = block; grila/flex pe .wp-block-group__inner-container.
   Evita blocificarea inconsistenta a display:contents pe grid/flex items.
   ============================================================ */
.imk-canvas .imk-cij-stats,.imk-canvas .imk-cij-grid3,.imk-canvas .imk-cij-models,
.imk-canvas .imk-cij-bene,.imk-canvas .imk-cij-tech,.imk-canvas .imk-cij-hero__in,
.imk-canvas .imk-cij-ch,.imk-canvas .imk-cij-app,.imk-canvas .imk-cij-model,
.imk-canvas .imk-cij-bene__i{display:block}
.imk-canvas .imk-cij-stats > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr));gap:20px}
.imk-canvas .imk-cij-grid3 > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.imk-canvas .imk-cij-grid3 > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.imk-canvas .imk-cij-grid3 > .wp-block-group__inner-container{grid-template-columns:repeat(3,minmax(0,1fr))}}
.imk-canvas .imk-cij-models > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.imk-canvas .imk-cij-models > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.imk-canvas .imk-cij-models > .wp-block-group__inner-container{grid-template-columns:repeat(3,minmax(0,1fr))}}
.imk-canvas .imk-cij-bene > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:22px}
.imk-canvas .imk-cij-tech > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
.imk-canvas .imk-cij-hero__in > .wp-block-group__inner-container{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem)}
@media(min-width:980px){.imk-canvas .imk-cij-hero__in > .wp-block-group__inner-container{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}}
/* carduri flex -> coloana pe containerul intern (aliniere la baza functioneaza) */
.imk-canvas .imk-cij-ch > .wp-block-group__inner-container,
.imk-canvas .imk-cij-app > .wp-block-group__inner-container,
.imk-canvas .imk-cij-model > .wp-block-group__inner-container{display:flex;flex-direction:column;height:100%}
.imk-canvas .imk-cij-bene__i > .wp-block-group__inner-container{display:flex;flex-direction:column;gap:10px}/* premium: accent unic mov pe fundal deschis (verdele = doar semantic) */
.imk-cij-sec:not(.imk-cij-sec--dark) .imk-cij-kicker,
.imk-cij-app__label,
.imk-cij-model__label{color:var(--imk-pur,#6B2D8B)}

/* Ancore subnav sticky: evită ca antetul+subnav să acopere titlul secțiunii */
#cij-hub .section[id]{scroll-margin-top:190px}

/* Container CIJ lărgit la standardul paginilor (1440) -> cap pe lungimea rândului de text */
#cij-hub .section-intro{max-width:70ch}
#cij-hub .faq{max-width:920px}

/* Tab-uri verticale pe serii: subtitlul din tab (descriptor serie) */
.imk-root .imk-echtab__tabsub{display:block;font-family:var(--ff-mono,"IBM Plex Mono",monospace);font-weight:500;font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;opacity:.72;margin-top:3px}

/* Pagina 2D: container 1440 -> cap lungime rând text */
#imark-2d-page .section-intro{max-width:72ch}