/* Simplitize – LinkedIn-opslag fra ContentPlanner. Alt under .stzi */

/* Divi-sektionen og rækken omkring koden må ikke begrænse bredden */
.et_pb_section:has(> .et_pb_row .stzi){padding-top:0 !important;padding-bottom:0 !important}
.et_pb_row:has(.stzi){width:100% !important;max-width:none !important;padding:0 !important}
.et_pb_module:has(.stzi),.et_pb_column:has(.stzi){margin-bottom:0 !important}

.stzi{--i-lime:#B1EA68;--i-ink:#0A1F1D;--i-muted:#3D5350;--i-soft:#6B7E7A;--i-dark:#0E3B37;--i-line:#E3ECE8;--i-bg:#F4F8F6;--i-ease:cubic-bezier(.2,.7,.1,1);
	position:relative;display:block;box-sizing:border-box;width:100%;margin:0;padding:104px 0;background:#fff;
	font-family:Jost,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--i-ink);text-align:left;-webkit-font-smoothing:antialiased}
.stzi.stzi{width:calc(100vw - var(--stzu-sb,0px)) !important;max-width:none !important;margin-left:calc(50% - 50vw + var(--stzu-sb,0px) / 2) !important;margin-right:0 !important}
.stzi *,.stzi *::before,.stzi *::after{box-sizing:border-box}
.stzi a:not(#stz-nu){text-decoration:none !important;color:inherit}
.stzi a:focus-visible,.stzi button:focus-visible{outline:3px solid var(--i-lime);outline-offset:3px;border-radius:6px}
.stzi-in{max-width:1400px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}

/* Overskrift */
.stzi-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 44px}
.stzi .stzi-h{display:flex;align-items:center;gap:16px;margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:clamp(28px,3.4vw,46px) !important;font-weight:500 !important;line-height:1.1 !important;letter-spacing:-.025em;color:var(--i-ink) !important}
.stzi-badge{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--i-dark);color:var(--i-lime)}
.stzi-badge svg{width:22px;height:22px}
.stzi a.stzi-follow:not(#stz-nu){flex-shrink:0;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 20px;border-radius:999px;border:1px solid var(--i-line);color:var(--i-dark);background:#fff;transition:border-color .3s,transform .4s var(--i-ease),box-shadow .4s}
.stzi-follow i,.stzi-go i{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--i-lime);color:var(--i-ink);font-style:normal;transition:transform .45s var(--i-ease)}
.stzi a.stzi-follow:not(#stz-nu):hover{border-color:var(--i-lime);transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(14,59,55,.4)}
.stzi a.stzi-follow:not(#stz-nu):hover i{transform:rotate(45deg)}

/* Kort */
.stzi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);align-items:start}
.stzi-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--i-line);border-radius:24px;padding:10px;
	transition:transform .5s var(--i-ease),box-shadow .5s var(--i-ease),border-color .3s}
.stzi-card:hover{transform:translateY(-6px);border-color:#D3E0DA;box-shadow:0 30px 60px -34px rgba(14,59,55,.35)}
.stzi-img{display:block;position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1/1;background:var(--i-bg)}
.stzi-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--i-ease)}
.stzi-card:hover .stzi-img img{transform:scale(1.04)}
.stzi-body{display:flex;flex-direction:column;padding:20px 16px 14px}
.stzi .stzi-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px !important;padding:0 !important;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--i-soft)}
.stzi-meta span{color:var(--i-ink)}
.stzi-meta time::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--i-lime);margin:0 10px 2px 0;vertical-align:middle}
.stzi .stzi-title{margin:0 0 10px !important;padding:0 !important;font-family:inherit !important;font-size:20px !important;font-weight:500 !important;line-height:1.35 !important;letter-spacing:-.01em;color:var(--i-ink) !important}

/* Brødtekst: tre linjer, folder ud ved "læs mere" */
.stzi-text{position:relative;color:var(--i-muted);font-size:16px;line-height:1.6;max-height:calc(1.6em * 3);overflow:hidden;transition:max-height .6s var(--i-ease)}
.stzi-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.6em;background:linear-gradient(rgba(255,255,255,0),#fff);transition:opacity .3s}
.stzi-text p{margin:0 0 .9em !important;padding:0 !important}
.stzi-text p:last-child{margin-bottom:0 !important}
.stzi-text a:not(#stz-nu){color:var(--i-dark) !important;font-weight:500;background:linear-gradient(var(--i-lime),var(--i-lime)) 0 100%/100% 2px no-repeat}
.stzi-card.is-open .stzi-text{max-height:var(--h,2000px)}
.stzi-card.is-open .stzi-text::after{opacity:0}
.stzi .stzi-more{all:unset;cursor:pointer;align-self:flex-start;margin-top:8px;font-size:15px;font-weight:500;color:var(--i-dark);background:linear-gradient(var(--i-lime),var(--i-lime)) 0 100%/0 2px no-repeat;transition:background-size .35s var(--i-ease)}
.stzi .stzi-more:hover{background-size:100% 2px}
.stzi-card.is-open .stzi-more{display:none}

.stzi a.stzi-go:not(#stz-nu){align-self:flex-start;margin-top:22px;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 20px;border-radius:999px;background:var(--i-ink);color:#fff !important;font-size:15px;font-weight:500;transition:transform .45s var(--i-ease),box-shadow .45s}
.stzi a.stzi-go:not(#stz-nu) i{width:36px;height:36px}
.stzi a.stzi-go:not(#stz-nu):hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(10,31,29,.45)}
.stzi a.stzi-go:not(#stz-nu):hover i{transform:rotate(45deg)}

/* Kortene glider ind, når sektionen kommer til syne (kun med script) */
.stzi.is-js .stzi-card{opacity:0;transform:translateY(28px);transition:opacity .8s var(--i-ease),transform .9s var(--i-ease),box-shadow .5s,border-color .3s;transition-delay:calc(var(--i) * 90ms)}
.stzi.is-js.is-in .stzi-card{opacity:1;transform:none}
.stzi.is-js.is-in .stzi-card:hover{transform:translateY(-6px);transition-delay:0s}

/* Tablet og mobil: kortene kan swipes */
@media (max-width:980px){
	.stzi{padding:72px 0}
	.stzi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 clamp(16px,3vw,40px);gap:16px;margin:0 calc(-1 * clamp(16px,3vw,40px));padding:4px clamp(16px,3vw,40px) 24px;scrollbar-width:none}
	.stzi-grid::-webkit-scrollbar{display:none}
	.stzi-card{flex:0 0 min(420px,82%);scroll-snap-align:start}
	.stzi-card:hover{transform:none}
}
@media (max-width:600px){
	.stzi-head{align-items:center;margin-bottom:28px}
	.stzi-badge{width:40px;height:40px;border-radius:12px}
	.stzi .stzi-h{gap:12px}
	.stzi a.stzi-follow:not(#stz-nu){padding:0;width:48px;height:48px;justify-content:center;border:0}
	.stzi a.stzi-follow:not(#stz-nu) > svg{display:none}
	.stzi-title{font-size:18px !important}
}
@media (prefers-reduced-motion:reduce){.stzi *{transition:none !important}.stzi.is-js .stzi-card{opacity:1;transform:none}}

/* Pladsholder i Divi Builder */
.simplitize-linkedin:empty{display:flex;align-items:center;justify-content:center;min-height:160px;background:#F4F8F6;border:1px dashed #D3E0DA;border-radius:12px;font:500 15px/1.4 Jost,Helvetica,Arial,sans-serif;color:#3D5350}
.simplitize-linkedin:empty::before{content:"Simplitize: LinkedIn-opslag fra ContentPlanner (vises på selve siden)"}