/*
 * Dnevnik za najstnice (CartFlows tok #19924) – dodatki k zacetni-tecaj.css + zacetni-tecaj-bloki.css (Alenka, 24. 10. 2026).
 * Stran je zgrajena iz ločenih Elementor blokov na ogrodju začetnega tečaja (docs/dnevnik-za-najstnice/elementor-bloki/);
 * vsak kontejner strani ima razred »dn«. Tu so le: modra dnevnika namesto roza poudarkov (gumbi ostanejo roza, podlage
 * kremne), oznaki z ikono, pasica z dejstvi, ikone kartic, pokončni video, odlomki, dve mnenji v vrsti.
 */

/* ── barve: modra dnevnika + paleta strani ── */
.tz.dn {
	--rose-deep: #2A5D92;     /* zgornja pasica */
	--potrdi-bg: #2A5D92;     /* pasica z dejstvi */
	--brand-strong: #2A5D92;  /* poudarjene besede, nadnaslovi, značka, cena */
	--rose: #E3EDF7;          /* podlaga odseka o Eli */
	--brand-soft: #E3EDF7;    /* krogi ikon, začetnice */
	--denim: #86A9CC;         /* lepljiva pasica */
}
.tz.dn .elementor-widget-button .elementor-button:hover { background: #bf5b71; }   /* gumbi tudi ob prehodu roza */
.tz.dn .pasica .btn:hover { background: var(--brand-soft); }

/* ── prvi zaslon: pokončni video ── */
.tz.dn .e-con.video-stolpec { align-self: center; }
.tz.dn .elementor-widget-video.dn-video { width: min(100%, 330px); margin-inline: auto; }
.tz.dn .elementor-widget-video.dn-video > .elementor-widget-container { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-soft); background: #000; }

/* ── oznaki v prvem zaslonu (bloka Besedilo z razredom pill) ── */
.tz.dn .e-con.datum { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.tz.dn .elementor-widget.elementor-widget-text-editor.pill { align-items: center; background: var(--card); border-radius: 999px; box-shadow: var(--shadow-card); display: inline-flex; font-size: .92rem; font-weight: 600; gap: .45rem; line-height: 1.4; padding: .45rem .9rem; width: auto; }
.tz.dn .elementor-widget.elementor-widget-text-editor.pill :is(p, li) { color: inherit; font-size: inherit; line-height: inherit; margin: 0; }
.tz.dn .elementor-widget.elementor-widget-text-editor.pill::before { content: ""; flex: none; width: 16px; height: 16px; background: var(--brand-strong); -webkit-mask: var(--ik) center / contain no-repeat; mask: var(--ik) center / contain no-repeat; }
.tz.dn .pill-knjiga { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 4h11a3 3 0 013 3v13H8a3 3 0 01-3-3V4z'/%3E%3Cpath d='M5 17a3 3 0 013-3h11'/%3E%3C/svg%3E"); }
.tz.dn .pill-koledar { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E"); }

/* darilo pod gumbom: ikona darila namesto ščita */
.tz.dn .elementor-widget.elementor-widget-text-editor.gar-mini.gar-darilo::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v13M3 12h18M12 8c-2-4-6-4-6-1.5S10 8 12 8zm0 0c2-4 6-4 6-1.5S14 8 12 8z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v13M3 12h18M12 8c-2-4-6-4-6-1.5S10 8 12 8zm0 0c2-4 6-4 6-1.5S14 8 12 8z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ── pasica z dejstvi: točke v eni sredinski vrstici, pika med njimi (brez vzorca) ── */
.tz.dn.potrdi > .e-con.wrap { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: .6rem 2rem; justify-content: center; padding-block: 1rem; }
.tz.dn.potrdi .elementor-widget-text-editor { color: #fff; font-size: .98rem; font-weight: 600; line-height: 1.5; width: auto; }
.tz.dn.potrdi .elementor-widget-text-editor :is(p, li) { color: inherit; font-size: inherit; line-height: inherit; margin: 0; }
.tz.dn.potrdi .elementor-widget-text-editor + .elementor-widget-text-editor p::before { content: "•"; margin-right: .6rem; opacity: .6; }

/* ── kartice napiši · nariši · pobarvaj: ikone ── */
.tz.dn .e-con.kje > .e-con.karta.ik-pisi { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); }
.tz.dn .e-con.kje > .e-con.karta.ik-risi { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M3 21c3 0 5-1.5 5-4a3 3 0 10-6 0'/%3E%3Cpath d='M8 17L20 5a2 2 0 00-3-3L5 14'/%3E%3C/svg%3E"); }
.tz.dn .e-con.kje > .e-con.karta.ik-barvaj { --ik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 3a9 9 0 100 18c1.5 0 2-1 2-2s-1-1.5-1-2.5 1-1.5 2.5-1.5H18a3 3 0 003-3c0-5-4-9-9-9z'/%3E%3Ccircle cx='7.5' cy='11' r='1.2'/%3E%3Ccircle cx='11' cy='7' r='1.2'/%3E%3Ccircle cx='15.5' cy='8' r='1.2'/%3E%3C/svg%3E"); }

/* ── kaj vsebuje: gumb pod seznamom, odlomki 2 × 2 ── */
.tz.dn .e-con.btn-levo { margin-top: 1.4rem; }
.tz.dn .e-con.odlomki { display: grid !important; gap: .8rem; grid-template-columns: repeat(2, 1fr); margin-top: 1rem; }
.tz.dn .elementor-widget-image.odlomek > .elementor-widget-container { border-radius: var(--r); overflow: hidden; background: #fff; box-shadow: var(--shadow-card); }
.tz.dn .elementor-widget-image.odlomek img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 0; display: block; }

/* ── mnenja: dve v vrsti ── */
.tz.dn .e-con.dokazi.dva { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 640px) { .tz.dn .e-con.dokazi.dva { grid-template-columns: 1fr; } }

/* ── Ela: okvir »upa« brez slike ── */
.tz.dn .e-con.jana { margin-top: 1rem; }
.tz.dn .e-con.jana .elementor-widget-text-editor.cist { margin-top: .4rem; }

/* ── darilo: nalepke cele, na beli podlagi ── */
.tz.dn .elementor-widget-image.foto-darilo img { aspect-ratio: 1; object-fit: contain; background: #fff; }

/* ── cena in zaključek ── */
.tz.dn .elementor-widget-text-editor.dva-dnevnika { color: var(--soft); text-align: center; margin-top: .4rem; }
.tz.dn .elementor-widget-heading.oddaj .elementor-heading-title { color: var(--brand-strong); text-align: center; margin-top: 1.6rem; }

/* ── popravki po prvem lokalnem preizkusu (24. 10.) ── */
.tz.dn.e-con.top-sek { --denim: #2A5D92; background: #2A5D92; }                 /* zgornja pasica temno modra kot v prototipu */
.tz.dn.hero mark, .tz.dn .hero mark { background: none; color: var(--brand-strong); padding: 0; }   /* »najstnica« modro, brez podčrtave */
.tz.dn.konec .elementor-widget-heading.oddaj .elementor-heading-title { color: #fff; opacity: .9; }   /* na modri podlagi zaključka */
.tz.dn { --pasica-bg: #86A9CC; }                                               /* lepljiva pasica svetlo modra (pri tečaju roza) */
.tz.dn.e-con.potrdi { background: var(--potrdi-bg) !important; }               /* zacetni-tecaj.css naredi vse .tz.e-con razen naštetih prosojne */