/* Predloga posameznega prispevka v blogu (Milan, 25. 9. 2026). Naloži se samo na single.php, kjer ima razred mmnk-clanek. Vse mere, barve in radiji so tokeni iz cgp.css — tu ni literalov razen prosojnih nanosov, ki jih token ne more opisati. */ .mmnk-clanek { background: var(--pas-bela) } /* Avada da zapisu odmik 30 px; naslovni pas mora čez cel zaslon. */ .mmnk .mmc { margin: 0; padding: 0; width: 100%; max-width: none } .mmnk-clanek #main { padding: 0 !important; margin: 0; width: 100% } .mmnk-clanek * { box-sizing: border-box } /* ── naslovni pas ─────────────────────────────────────────────────── */ .mmnk .mmc-glava { position: relative; background: var(--pas-temna); color: var(--barva-na-temnem); padding: clamp(40px, 5vw, 76px) 0 clamp(48px, 5vw, 80px); overflow: hidden; } /* Pikčasta mreža, ista kot na straneh rešitev. */ .mmnk .mmc-glava::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .13) 1px, transparent 1px); background-size: 22px 22px; opacity: .55; pointer-events: none; } .mmnk .mmc-sir { width: min(100%, var(--cl-sirina)); margin-inline: auto; padding-inline: var(--vsebina-rob, clamp(20px, 4vw, 40px)); position: relative; z-index: 1; } .mmnk .mmc-pot { font-family: var(--pisava); font-size: var(--cl-f-drobno); color: var(--barva-na-temnem-tiho); margin: 0 0 clamp(18px, 2vw, 30px); } .mmnk .mmc-pot a { color: var(--barva-na-temnem-tiho); text-decoration: none } .mmnk .mmc-pot a:hover { color: var(--barva-znamka-svetla) } .mmnk .mmc-pot span { margin-inline: 8px; opacity: .5 } .mmnk .mmc-znacke { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px } .mmnk .mmc-znacke a { font-family: var(--pisava); font-size: var(--f-drobna); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; color: var(--barva-znamka-svetla); padding: var(--cl-znacka-odmik); border-radius: var(--cl-znacka-radij); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); } .mmnk .mmc-znacke a:hover { background: rgba(255, 255, 255, .16) } .mmnk .mmc-glava h1 { text-transform: none; font-family: var(--pisava-naslov); font-size: var(--cl-f-h1); font-weight: var(--teza-h1); line-height: var(--cl-vrstica-h); letter-spacing: var(--cl-razmik-h1); color: var(--barva-bela, #fff); margin: 0; max-width: 22ch; } .mmnk .mmc-glava .mmc-uvod { font-family: var(--pisava); font-size: var(--cl-f-uvod); line-height: 1.55; color: var(--barva-na-temnem-uvod); margin: clamp(16px, 1.6vw, 24px) 0 0; max-width: 62ch; } .mmnk .mmc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: clamp(22px, 2.4vw, 34px); font-family: var(--pisava); font-size: var(--cl-f-drobno); color: var(--barva-na-temnem-tiho); } .mmnk .mmc-meta > span { display: inline-flex; align-items: center; gap: 8px } .mmnk .mmc-meta i { width: 5px; height: 5px; border-radius: 50%; background: var(--barva-znamka-svetla); display: block; } /* Naslovni pas v dveh stolpcih: besedilo levo, fotografija desno. */ .mmnk .mmc-glava__o { display: grid; gap: clamp(28px, 3.4vw, 60px); align-items: center } /* Fotografija je levo in večja od besedila — naslov se bere ob njej, ne pod njo. */ .mmnk .mmc-glava--s-sliko .mmc-glava__o { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); } .mmnk .mmc-glava--s-sliko .mmc-glava__t { order: 2 } .mmnk .mmc-glava--s-sliko .mmc-glava__s { order: 1 } .mmnk .mmc-glava__s img { display: block; width: 100%; height: auto; border-radius: var(--cl-slika-radij); box-shadow: var(--senca-mehka); } /* ── postavitev telesa ────────────────────────────────────────────── */ .mmnk .mmc-telo { width: min(100%, var(--cl-sirina)); margin-inline: auto; padding: clamp(44px, 5vw, 76px) var(--vsebina-rob, clamp(20px, 4vw, 40px)) 0; display: grid; grid-template-columns: var(--cl-kazalo) minmax(0, 1fr); gap: var(--cl-razmik); align-items: start; } /* Članek s tremi naslovi ali manj nima kazala. Brez tega pravila bi vsebina pristala v ozkem stolpcu, ki je namenjen kazalu. */ .mmnk .mmc-telo--brez-kazala { grid-template-columns: minmax(0, 1fr); justify-items: center } /* Članek s preglednicami: kazalo odpade, stolpec je širši, da gredo stolpci tabele v vrsto brez prelamljanja. */ .mmnk .mmc-telo--tabele .mmc-vsebina { max-width: var(--cl-stolpec-tab) } .mmnk .mmc-vsebina { max-width: var(--cl-stolpec); width: 100% } /* ── kazalo ob strani ─────────────────────────────────────────────── */ .mmnk .mmc-kazalo { position: sticky; top: 110px } .mmnk .mmc-kazalo__n { font-family: var(--pisava); font-size: var(--f-drobna); font-weight: 700; letter-spacing: var(--nad-razmik); text-transform: uppercase; color: var(--barva-tiho); margin: 0 0 14px; } .mmnk .mmc-kazalo ol { list-style: none; margin: 0; padding: 0; counter-reset: kaz } .mmnk .mmc-kazalo li { counter-increment: kaz; margin-bottom: 2px } .mmnk .mmc-kazalo a { display: block; position: relative; padding: 8px 0 8px 16px; font-family: var(--pisava); font-size: var(--cl-f-drobno); line-height: 1.45; color: var(--barva-telo); text-decoration: none; border-left: 2px solid var(--barva-crta); transition: color var(--cas) var(--krivulja), border-color var(--cas) var(--krivulja); } .mmnk .mmc-kazalo a:hover { color: var(--barva-znamka); border-left-color: var(--barva-znamka-svetla) } .mmnk .mmc-kazalo a.je-tu { color: var(--barva-naslov); font-weight: 600; border-left-color: var(--barva-znamka-svetla) } /* ── besedilo članka ──────────────────────────────────────────────── */ /* Sestavine iz sistema (cenik, vprašanja) imajo svoje mere in barve. */ .mmnk .mmc-vsebina p:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice) *), .mmnk .mmc-vsebina li:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice) *) { font-family: var(--pisava); font-size: var(--cl-f-telo); line-height: var(--cl-vrstica); color: var(--barva-telo); } .mmnk .mmc-vsebina p { margin: 0 0 var(--cl-med-odstavki) } .mmnk .mmc-vsebina > p:first-child { font-size: var(--cl-f-uvod); line-height: 1.6; color: var(--barva-naslov) } .mmnk .mmc-vsebina h2 { text-transform: none; font-family: var(--pisava-naslov); font-size: var(--cl-f-h2); font-weight: var(--teza-naslov); line-height: var(--cl-vrstica-h); letter-spacing: var(--cl-razmik-h2); color: var(--barva-naslov); margin: var(--cl-nad-h2) 0 var(--cl-do-odstavka); scroll-margin-top: 110px; } .mmnk .mmc-vsebina h3 { text-transform: none; font-family: var(--pisava-naslov); font-size: var(--cl-f-h3); font-weight: var(--teza-naslov); line-height: 1.3; letter-spacing: var(--razmik-h3); color: var(--barva-naslov); margin: var(--cl-nad-h3) 0 10px; scroll-margin-top: 110px; } .mmnk .mmc-vsebina h4 { font-family: var(--pisava); font-size: var(--cl-f-telo); font-weight: var(--teza-krepko); color: var(--barva-naslov); margin: var(--cl-nad-h3) 0 8px; } .mmnk .mmc-vsebina h2:first-child, .mmnk .mmc-vsebina h3:first-child { margin-top: 0 } .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *) { color: var(--barva-znamka); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--barva-znamka) 40%, transparent); transition: color var(--cas) var(--krivulja), text-decoration-color var(--cas) var(--krivulja); } .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *):hover { color: var(--barva-znamka-temna); text-decoration-color: currentColor } .mmnk .mmc-vsebina strong { color: var(--barva-naslov); font-weight: var(--teza-krepko) } /* Seznami: krogec oziroma številka v barvi znamke, brez privzetih pik. */ .mmnk .mmc-vsebina ul, .mmnk .mmc-vsebina ol { margin: 0 0 var(--cl-med-odstavki); padding: 0; list-style: none } /* Postavke proze: zamik za piko in povsod enak odmik. Stare objave nosijo Avadine in Fusionove odmike, zato jih prepišemo. */ .mmnk .mmc-vsebina li:not(:is( .fusion-pricing-table, .fusion-checklist, .fusion-table, .awb-toc-el, .fusion-faq-shortcode, .fusion-tabs, .fusion-accordian, .fusion-content-boxes, .fusion-testimonials, .fusion-gallery, .fusion-counters-box, .fusion-blog-shortcode, .gform_wrapper, .mm-paketi ) li) { position: relative; padding-left: calc(var(--kljuk-velikost) + var(--kljuk-razmik)); margin: 0 0 var(--cl-med-seznam) !important; } .mmnk .mmc-vsebina li:not(:is( .fusion-pricing-table, .fusion-checklist, .fusion-table, .awb-toc-el, .fusion-faq-shortcode, .fusion-tabs, .fusion-accordian, .fusion-content-boxes, .fusion-testimonials, .fusion-gallery, .fusion-counters-box, .fusion-blog-shortcode, .gform_wrapper, .mm-paketi ) li):last-child { margin-bottom: 0 !important } .mmnk .mmc-vsebina li > p, .mmnk .mmc-vsebina li > span { margin: 0 !important } .mmnk .mmc-vsebina li > br:last-child { display: none } /* Naštevanja nosijo isto kljukico kot seznami na straneh storitev (.mms-seznam v sistem.css), da je znak povsod isti. */ .mmnk .mmc-vsebina ul > li:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .fusion-pricing-table) *)::before { content: ''; position: absolute; left: 0; top: calc(var(--cl-vrstica) * .5em - var(--kljuk-velikost) * .5); width: var(--kljuk-velikost); height: var(--kljuk-velikost); background: var(--kljuk-barva); -webkit-mask: var(--znak-kljuka) center/contain no-repeat; mask: var(--znak-kljuka) center/contain no-repeat; --znak-kljuka: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E"); } .mmnk .mmc-vsebina ol { counter-reset: st } .mmnk .mmc-vsebina ol > li { counter-increment: st } .mmnk .mmc-vsebina ol > li:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice) *)::before { content: counter(st) '.'; position: absolute; left: 0; top: 0; font-family: var(--pisava-naslov); font-weight: var(--teza-naslov); color: var(--barva-znamka-svetla); } .mmnk .mmc-vsebina li > ul, .mmnk .mmc-vsebina li > ol { margin-top: 10px; margin-bottom: 0 } /* Slike v besedilu — radij, senca in podpis. */ .mmnk .mmc-vsebina img, .mmnk .mmc-vsebina figure { max-width: 100%; height: auto } /* Avada zapiše figure { margin: 0 !important }, zato tudi tu. */ .mmnk .mmc-vsebina figure { margin: var(--cl-slika-zrak) 0 !important } .mmnk .mmc-vsebina img { display: block; border-radius: var(--cl-slika-radij); box-shadow: var(--senca-mehka); } .mmnk .mmc-vsebina figcaption, .mmnk .mmc-vsebina .wp-caption-text { font-family: var(--pisava); font-size: var(--cl-podpis); line-height: 1.5; color: var(--barva-tiho); margin-top: 12px; padding-left: 14px; border-left: 2px solid var(--barva-crta); } /* Slika, ki stoji sama v odstavku, dobi enak zrak kot figure. */ .mmnk .mmc-vsebina p > img:only-child { margin: var(--cl-slika-zrak) 0 } /* Navedek. */ .mmnk .mmc-vsebina blockquote { margin: var(--cl-slika-zrak) 0; padding: var(--cl-okvir-odmik); padding-left: calc(var(--cl-okvir-odmik) + 10px); border-left: var(--cl-okvir-crta) solid var(--barva-znamka-svetla); border-radius: 0 var(--cl-okvir-radij) var(--cl-okvir-radij) 0; background: var(--pas-mehka); } .mmnk .mmc-vsebina blockquote p { font-size: calc(var(--cl-f-telo) + 1px); color: var(--barva-naslov); margin-bottom: 0 } .mmnk .mmc-vsebina blockquote p + p { margin-top: 12px } /* Poudarjen okvir — »kaj si zapomnite«. Vstavi se v vsebino kot

…

. */ /* Preglednica. */ .mmnk .mmc-vsebina table { width: 100%; border-collapse: collapse; margin: var(--cl-slika-zrak) 0; font-family: var(--pisava); font-size: var(--cl-f-drobno); } .mmnk .mmc-vsebina th { text-align: left; background: var(--pas-mehka); color: var(--barva-naslov); font-weight: var(--teza-krepko); padding: 12px 14px; border-bottom: 1px solid var(--barva-crta); } .mmnk .mmc-vsebina td { padding: 12px 14px; border-bottom: 1px solid var(--barva-crta-mehka); color: var(--barva-telo); line-height: 1.55; } .mmnk .mmc-vsebina tr:last-child td { border-bottom: 0 } .mmnk .mmc-vsebina hr { border: 0; height: 1px; background: var(--barva-crta); margin: var(--cl-slika-zrak) 0; } /* ── povezani zapisi ──────────────────────────────────────────────── */ .mmnk .mmc-naprej { background: var(--pas-mehka); padding: var(--pas-zrak) 0 } .mmnk .mmc-naprej__n { font-family: var(--pisava-naslov); font-size: var(--cl-f-h2); font-weight: var(--teza-naslov); letter-spacing: var(--cl-razmik-h2); color: var(--barva-naslov); margin: 0 0 clamp(24px, 2.6vw, 38px); } .mmnk .mmc-mreza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.2vw, 32px) } .mmnk .mmc-karta { display: flex; flex-direction: column; background: var(--pas-bela); border-radius: var(--cl-okvir-radij); overflow: hidden; text-decoration: none; box-shadow: inset 0 0 0 1px var(--barva-crta-mehka); transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja); } .mmnk .mmc-karta:hover { transform: translateY(-3px); box-shadow: var(--senca-mehka) } .mmnk .mmc-karta img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block } .mmnk .mmc-karta__t { padding: clamp(16px, 1.6vw, 22px) } .mmnk .mmc-karta__o { font-family: var(--pisava); font-size: var(--f-drobna); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--barva-znamka); display: block; margin-bottom: 8px; } .mmnk .mmc-karta h3 { font-family: var(--pisava-naslov); font-size: 18px; font-weight: var(--teza-naslov); line-height: 1.32; letter-spacing: -.012em; color: var(--barva-naslov); margin: 0; } /* ── ožji zasloni ─────────────────────────────────────────────────── */ @media (max-width: 1080px) { .mmnk .mmc-telo { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-kazalo { position: static; order: -1; padding: 20px 22px; border-radius: var(--cl-okvir-radij); background: var(--pas-mehka) } .mmnk .mmc-vsebina { max-width: none } .mmnk .mmc-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media (max-width: 640px) { .mmnk .mmc-mreza { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-glava h1 { max-width: none } } /* Avada zapiše širino vrstice kot vrstični slog, članek pa mora teči v enem stolpcu, zato vsebnikom znotraj besedila vzamemo mere. */ .mmnk .mmc-vsebina .fusion-fullwidth, .mmnk .mmc-vsebina .fusion-builder-row, .mmnk .mmc-vsebina .fusion-layout-column { max-width: 100% !important; width: 100% !important; margin-inline: 0 !important; padding-inline: 0 !important; } .mmnk .mmc-vsebina .fusion-fullwidth { padding-block: 0 !important } .mmnk .mmc-vsebina .fusion-layout-column { float: none !important; margin-bottom: 0 !important } /* Avadin naslovni gradnik nosi svoje odmike (--awb-margin-top: 40px, --awb-margin-bottom: 0), zato se naslov dotika besedila pod sabo. Zamenjamo jih z ritmom članka. */ .mmnk .mmc-vsebina .fusion-title { margin: var(--cl-nad-h2) 0 var(--cl-do-odstavka) !important; } .mmnk .mmc-vsebina .fusion-title:has(:is(h3, h4, h5, h6)) { margin-top: var(--cl-nad-h3) !important; } /* Samo čisto prvi naslov v članku je brez zraka nad sabo; naslovi v Avadinih stolpcih so tam vedno prvi otrok, zato jih to ne sme zadeti. */ .mmnk .mmc-vsebina > .fusion-title:first-child { margin-top: 0 !important } /* ── poziv k dejanju (ista oblika kot na domači strani) ───────────── Temna fotografija, besedilo levo, rokopis desno, en rumen gumb. Besedila so za vsako stran svoja; oblika se ne spreminja. */ .mmnk .mmc-cta { position: relative; background: var(--nev-900) center right / cover no-repeat; padding: clamp(56px, 5.4vw, 78px) 0; overflow: hidden; } .mmnk .mmc-cta::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, rgba(6, 24, 40, .94) 0%, rgba(6, 24, 40, .88) 34%, rgba(8, 32, 52, .55) 62%, rgba(8, 32, 52, .28) 100%); } .mmnk .mmc-cta__o { position: relative; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); align-items: center; } .mmnk .mmc-cta__nad { margin: 0 0 12px; font-family: var(--pisava); font-size: var(--f-drobna); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--barva-znamka-svetla); } .mmnk .mmc-cta h2 { margin: 0 0 14px; font-family: var(--pisava-naslov); font-size: var(--f-h2); font-weight: var(--h2-teza-temno); line-height: 1.12; letter-spacing: var(--h2-razmik-temno); color: var(--barva-bela, #fff); text-transform: none; } .mmnk .mmc-cta h2 .mm-accent { color: var(--barva-znamka-svetla) } .mmnk .mmc-cta__opis { margin: 0 0 28px; max-width: 46ch; font-family: var(--pisava); font-size: var(--f-telo); line-height: 1.6; color: var(--barva-na-temnem-telo); } .mmnk .mmc-cta__gumb { display: inline-flex; align-items: center; gap: 10px; padding: var(--gumb-odmik, 15px 26px); border-radius: var(--gumb-radij, 999px); background: var(--barva-poudarek); color: var(--paleta-navy); font-family: var(--pisava); font-size: var(--gumb-velikost, 15px); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja); } .mmnk .mmc-cta__gumb:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(251, 192, 64, .28) } .mmnk .mmc-cta__rokopis { margin: 0; justify-self: end; font-family: var(--pisava-rokopis, "Caveat", cursive); font-size: clamp(22px, 2vw, 30px); line-height: 1.25; color: var(--barva-na-temnem); transform: rotate(-4deg); text-align: center; } @media (max-width: 900px) { .mmnk .mmc-cta__o { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-cta__rokopis { justify-self: start; transform: rotate(-3deg); margin-top: 18px } } /* ── povezani zapisi ──────────────────────────────────────────────── */ .mmnk .mmc-naprej { background: var(--pas-mehka); padding: var(--pas-zrak) 0 } .mmnk .mmc-naprej__n { font-family: var(--pisava-naslov); font-size: var(--cl-f-h2); font-weight: var(--teza-naslov); letter-spacing: var(--cl-razmik-h2); color: var(--barva-naslov); margin: 0 0 clamp(24px, 2.6vw, 38px); } .mmnk .mmc-mreza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.2vw, 32px) } .mmnk .mmc-karta { display: flex; flex-direction: column; background: var(--pas-bela); border-radius: var(--cl-okvir-radij); overflow: hidden; text-decoration: none; box-shadow: inset 0 0 0 1px var(--barva-crta-mehka); transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja); } .mmnk .mmc-karta:hover { transform: translateY(-3px); box-shadow: var(--senca-mehka) } .mmnk .mmc-karta img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block } .mmnk .mmc-karta__t { padding: clamp(16px, 1.6vw, 22px) } .mmnk .mmc-karta__o { font-family: var(--pisava); font-size: var(--f-drobna); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--barva-znamka); display: block; margin-bottom: 8px; } .mmnk .mmc-karta h3 { font-family: var(--pisava-naslov); font-size: 18px; font-weight: var(--teza-naslov); line-height: 1.32; letter-spacing: -.012em; color: var(--barva-naslov); margin: 0; } /* ── ožji zasloni ─────────────────────────────────────────────────── */ @media (max-width: 1080px) { .mmnk .mmc-telo { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-kazalo { position: static; order: -1; padding: 20px 22px; border-radius: var(--cl-okvir-radij); background: var(--pas-mehka) } .mmnk .mmc-vsebina { max-width: none } .mmnk .mmc-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media (max-width: 640px) { .mmnk .mmc-mreza { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-glava h1 { max-width: none } } /* Avada zapiše širino vrstice kot vrstični slog, članek pa mora teči v enem stolpcu, zato vsebnikom znotraj besedila vzamemo mere. */ .mmnk .mmc-vsebina .fusion-fullwidth, .mmnk .mmc-vsebina .fusion-builder-row, .mmnk .mmc-vsebina .fusion-layout-column { max-width: 100% !important; width: 100% !important; margin-inline: 0 !important; padding-inline: 0 !important; } .mmnk .mmc-vsebina .fusion-fullwidth { padding-block: 0 !important } .mmnk .mmc-vsebina .fusion-layout-column { float: none !important; margin-bottom: 0 !important } /* Avadin naslovni gradnik nosi svoje odmike (--awb-margin-top: 40px, --awb-margin-bottom: 0), zato se naslov dotika besedila pod sabo. Zamenjamo jih z ritmom članka. */ .mmnk .mmc-vsebina .fusion-title { margin: var(--cl-nad-h2) 0 var(--cl-do-odstavka) !important; } .mmnk .mmc-vsebina .fusion-title:has(:is(h3, h4, h5, h6)) { margin-top: var(--cl-nad-h3) !important; } /* Samo čisto prvi naslov v članku je brez zraka nad sabo; naslovi v Avadinih stolpcih so tam vedno prvi otrok, zato jih to ne sme zadeti. */ .mmnk .mmc-vsebina > .fusion-title:first-child { margin-top: 0 !important } /* ── poziv k dejanju pod člankom ──────────────────────────────────── */ .mmnk .mmc-gumb { display: inline-flex; align-items: center; padding: var(--gumb-odmik, 15px 26px); border-radius: var(--gumb-radij, 999px); font-family: var(--pisava); font-size: var(--gumb-velikost, 15px); font-weight: var(--gumb-teza, 700); text-decoration: none; background: var(--barva-poudarek); color: var(--paleta-navy); transition: background var(--cas) var(--krivulja); } .mmnk .mmc-gumb:hover { background: var(--barva-poudarek-hover) } .mmnk .mmc-gumb--obris { background: transparent; color: var(--barva-bela, #fff); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .34); } .mmnk .mmc-gumb--obris:hover { background: rgba(255, 255, 255, .1) } /* ═══ Avadini in Gravityjevi gradniki v članku ═════════════════════ Ti gradniki imajo svoje sezname in tabele. Naš slog za besedilo bi jim dodal pike in odmike, zato jih izvzamemo po imenu — ne po [class*="fusion-"], ker je v tem tudi .fusion-text z navadnim besedilom. */ .mmnk .mmc-vsebina :is( .fusion-pricing-table, .fusion-checklist, .fusion-table, .awb-toc-el, .fusion-faq-shortcode, .fusion-tabs, .fusion-accordian, .fusion-content-boxes, .fusion-testimonials, .fusion-gallery, .fusion-counters-box, .fusion-blog-shortcode, .gform_wrapper ) li { padding-left: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; } .mmnk .mmc-vsebina :is( .fusion-pricing-table, .fusion-checklist, .fusion-table, .awb-toc-el, .fusion-faq-shortcode, .fusion-tabs, .fusion-accordian, .fusion-content-boxes, .fusion-testimonials, .fusion-gallery, .fusion-counters-box, .fusion-blog-shortcode, .gform_wrapper, .mm-faq-kartice ) li::before { content: none !important; display: none } /* Tuje komponente obdržijo svoje razmike — naš zamik velja samo za prozo. */ .mmnk .mmc-vsebina :is( .fusion-pricing-table, .fusion-checklist, .fusion-table, .awb-toc-el, .fusion-faq-shortcode, .fusion-tabs, .fusion-accordian, .fusion-content-boxes, .fusion-testimonials, .fusion-gallery, .fusion-counters-box, .fusion-blog-shortcode, .gform_wrapper, .mm-paketi, .mm-faq-kartice ) li { padding-left: 0 } /* Fotografije v besedilu: brez Avadinih okvirjev, senc in animacij — mehka senca in radij iz CGP, širina omejena, da slika ne prevpije besedila. Logotipi in ikone v gradnikih ostanejo, kakršni so. */ .mmnk .mmc-vsebina :is(p, figure, .mmc-odvita, .fusion-imageframe, .fusion-image-element) img, .mmnk .mmc-vsebina > img { max-width: min(100%, var(--cl-slika-sirina)) !important; height: auto !important; border-radius: var(--cl-slika-radij) !important; box-shadow: var(--cl-slika-senca) !important; border: 0 !important; } .mmnk .mmc-vsebina .fusion-imageframe { border: 0 !important; box-shadow: none !important; background: none !important } /* Avadine animacije ob drsenju: v članku vse ostane na mestu. */ .mmnk .mmc-vsebina :is(.fusion-animated, [class*="awb-animate"], [data-animationtype]) { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; visibility: visible !important; } /* Barvni bloki iz Avade (zaključek študije) ostanejo v svoji barvi, besedilo in naslov v njih pa sta bela — temno na temnem je bilo neberljivo (Milan, 25. 9. 2026). */ .mmnk .mmc-vsebina :is(.fusion-fullwidth, .fusion-layout-column, .reading-box)[style*="background-color"] { border-radius: var(--cl-okvir-radij) !important; padding: var(--cl-okvir-odmik) !important; margin-block: var(--cl-slika-zrak) !important; } .mmnk .mmc-vsebina :is(.fusion-fullwidth, .fusion-layout-column, .reading-box)[style*="background-color"]:not(.mmc-svetlo) :is(h1, h2, h3, h4, h5, h6, p, li, span, div, strong, b, td, th) { color: var(--barva-na-temnem) !important; } .mmnk .mmc-vsebina :is(.fusion-fullwidth, .fusion-layout-column, .reading-box)[style*="background-color"]:not(.mmc-svetlo) a { color: var(--barva-znamka-svetla) !important; } /* Svetel pas (razred mmc-svetlo doda mmnk_pocisti_clanek, kadar je barva ozadja svetla): besedilo ostane temno, pas dobi le zrak in zaobljenost. */ .mmnk .mmc-vsebina .mmc-svetlo { background: var(--pas-mehka) !important } .mmnk .mmc-vsebina .reading-box { border: 0 !important } /* Zrak okoli fotografije: ne besedilo nad njo ne naslov pod njo se je ne smeta dotikati. Stare objave imajo slike v Fusionovih okvirjih in v postavkah seznama, zato zrak dodamo vsem ovojnicam. */ .mmnk .mmc-vsebina p:has(> img), .mmnk .mmc-vsebina p:has(> a > img), .mmnk .mmc-vsebina .fusion-imageframe, .mmnk .mmc-vsebina .fusion-image-element { margin-block: var(--cl-slika-zrak) !important } .mmnk .mmc-vsebina li.fusion-li-item:has(img) { padding-bottom: var(--cl-slika-zrak) } /* Video ima enak zrak kot fotografija. */ .mmnk .mmc-vsebina :is(iframe, video, .fusion-video, .fluid-width-video-wrapper, .wp-video, .fusion-youtube) { margin-block: var(--cl-slika-zrak) !important; border-radius: var(--cl-slika-radij); } .mmnk .mmc-vsebina .fusion-layout-column:has(img) { margin-bottom: var(--cl-slika-zrak) } /* Slika kot povezava je vrstični element — da dobi zrak, jo postavimo v svojo vrsto. Velja samo tam, kjer stoji sama zase. */ .mmnk .mmc-vsebina > a:has(> img), .mmnk .mmc-vsebina .mmc-odvita > a:has(> img), .mmnk .mmc-vsebina .fusion-text > a:has(> img) { display: block; width: fit-content; margin-block: var(--cl-slika-zrak); } /* Prva ali zadnja stvar v članku ne potrebuje zraka navzven. */ .mmnk .mmc-vsebina > :first-child:is(p:has(> img), p:has(> a > img), .fusion-imageframe) { margin-top: 0 !important; } /* Povezava v naslovu: brez podčrtaja, sicer se sešteje s črto naslova. */ .mmnk .mmc-vsebina :is(h1, h2, h3, h4, h5, h6) a { color: inherit !important; text-decoration: none !important; border-bottom: 0 !important; } .mmnk .mmc-vsebina :is(h1, h2, h3, h4, h5, h6) a:hover { color: var(--barva-znamka) !important } /* Povzetek iz starejših objav: enako besedilo kot v članku, samo krepko. */ .mmnk .mmc-vsebina .povzetek, .mmnk .mmc-vsebina .povzetek p { font-family: var(--pisava) !important; font-size: var(--cl-f-telo) !important; font-weight: 700 !important; line-height: var(--cl-vrstica) !important; letter-spacing: normal !important; color: var(--barva-telo) !important; } .mmnk .mmc-vsebina .povzetek { margin: 0 0 var(--cl-med-odstavki) !important } .mmnk .mmc-vsebina .povzetek a { color: var(--barva-znamka) !important } .mmnk .mmc-vsebina .mmc-odvita > * + * { margin-top: var(--cl-med-odstavki) } /* Cenik s strani storitve v članku: stolpec je ožji, zato postavke ne smejo dobiti min-content širine (sicer se lomijo po besedah). */ .mmnk .mmc-vsebina .mm-paketi { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) } .mmnk .mmc-vsebina .mm-paket li { grid-template-columns: var(--pak-kljukica) minmax(0, 1fr) } .mmnk .mmc-vsebina .mm-paketi + p { margin-top: var(--cl-med-odstavki) } /* ── cenik iz Avade ─────────────────────────────────────────────────── Gradnik [fusion_pricing_table] ima svojo obrobo in sredinsko poravnavo; tu dobi podobo paketov s strani storitev (.mms-paket). */ .mmnk .mmc-vsebina .fusion-pricing-table { margin: var(--cl-slika-zrak) 0 !important; border: 0 !important; background: none !important; } .mmnk .mmc-vsebina .fusion-pricing-table :is(.panel-container, .fusion-panel) { border: var(--obroba) !important; border-radius: var(--rad-xl) !important; background: var(--paleta-bela) !important; box-shadow: none !important; overflow: hidden; } .mmnk .mmc-vsebina .fusion-pricing-table :is(.panel-heading, .pricing-row, .panel-footer, .list-group-item) { background: none !important; border: 0 !important; text-align: left !important; } .mmnk .mmc-vsebina .fusion-pricing-table .panel-heading { padding: var(--r-7) var(--r-7) 0 !important } .mmnk .mmc-vsebina .fusion-pricing-table .awb-pricing-table__title { margin: 0 !important; font-family: var(--pisava-naslov) !important; font-size: var(--f-h3) !important; font-weight: var(--teza-naslov) !important; line-height: 1.25 !important; text-transform: none !important; color: var(--barva-naslov) !important; } .mmnk .mmc-vsebina .fusion-pricing-table .pricing-row { padding: var(--r-4) var(--r-7) var(--r-6) !important } .mmnk .mmc-vsebina .fusion-pricing-table .price { display: flex !important; justify-content: flex-start !important; align-items: baseline; gap: 2px; font-family: var(--pisava-naslov) !important; font-size: clamp(38px, 3.3vw, 50px) !important; font-weight: var(--teza-naslov) !important; line-height: 1 !important; color: var(--barva-naslov) !important; } .mmnk .mmc-vsebina .fusion-pricing-table .price :is(.currency, .time, .decimal-part) { font-family: var(--pisava) !important; font-size: var(--f-mala) !important; font-weight: var(--teza-telo) !important; color: var(--barva-tiho) !important; } .mmnk .mmc-vsebina .fusion-pricing-table .list-group { margin: 0 !important; padding: 0 var(--r-7) !important; display: grid; gap: var(--r-3); } .mmnk .mmc-vsebina .fusion-pricing-table .list-group-item { position: relative; padding: 0 0 0 calc(var(--kljuk-velikost) + var(--kljuk-razmik)) !important; font-family: var(--pisava) !important; font-size: var(--f-mala) !important; line-height: 1.5 !important; color: var(--barva-telo) !important; } /* Kljukica je ista kot v seznamih na straneh storitev. */ .mmnk .mmc-vsebina .fusion-pricing-table .list-group-item::before { content: '' !important; display: block !important; position: absolute; left: 0; top: .18em; width: var(--kljuk-velikost); height: var(--kljuk-velikost); background: var(--kljuk-barva); -webkit-mask: var(--znak-kljuka) center/contain no-repeat; mask: var(--znak-kljuka) center/contain no-repeat; --znak-kljuka: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E"); } .mmnk .mmc-vsebina .fusion-pricing-table .panel-footer { padding: var(--r-7) var(--r-7) var(--r-8) !important } .mmnk .mmc-vsebina .fusion-pricing-table .fusion-button { text-decoration: none !important } .mmnk .mmc-vsebina .fusion-pricing-table .fusion-button-text { text-decoration: none !important } /* ── preglednica ──────────────────────────────────────────────────── */ .mmnk .mmc-vsebina table { font-size: var(--cl-f-drobno); border-radius: var(--cl-okvir-radij); overflow: hidden; box-shadow: inset 0 0 0 1px var(--barva-crta-mehka); } .mmnk .mmc-vsebina th, .mmnk .mmc-vsebina td { padding: 11px 16px } .mmnk .mmc-vsebina th { font-size: var(--f-drobna); letter-spacing: .03em; text-transform: uppercase; } .mmnk .mmc-vsebina tbody tr:nth-child(even) { background: color-mix(in srgb, var(--pas-mehka) 55%, transparent) } .mmnk .mmc-vsebina table p { margin: 0; font-size: inherit; line-height: 1.5 } .mmnk .mmc-vsebina .fusion-table table { box-shadow: none } /* ── pogosta vprašanja ────────────────────────────────────────────── */ .mmnk .mmc-vsebina .fusion-faq-shortcode { margin: var(--cl-slika-zrak) 0 } .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-panel { border: 0 !important; border-radius: var(--cl-okvir-radij) !important; background: var(--pas-mehka) !important; margin-bottom: 10px !important; overflow: hidden; } .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-title { font-family: var(--pisava-naslov) !important; font-size: var(--cl-f-h3) !important; font-weight: var(--teza-naslov) !important; text-transform: none !important; line-height: 1.35 !important; margin: 0 !important; } .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-title a { display: block; padding: 16px 20px !important; color: var(--barva-naslov) !important; text-decoration: none !important; } .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-body { padding: 0 20px 18px !important } .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-body p { margin-bottom: 0; font-size: var(--cl-f-telo) } /* Barvni vsebniki iz Avade v članku nimajo mesta — barve in ozadja določa CGP. Vzamemo jim preliv, obrobo in senco, ne pa vsebine. */ .mmnk .mmc-vsebina .fusion-fullwidth { background: none !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } .mmnk .mmc-vsebina .fusion-column-wrapper { background: none !important; box-shadow: none !important; padding: 0 !important; border: 0 !important; } .mmnk .mmc-vsebina .fusion-separator { margin-block: var(--cl-med-odstavki) !important } /* Izbirno polje: enak videz kot vnosna polja, z lastno puščico. */ .mmnk .mmc-vsebina .gform_wrapper select { appearance: none; -webkit-appearance: none; padding-right: 42px; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 22px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; color: var(--barva-naslov); cursor: pointer; } /* Ker smo barvnim vsebnikom vzeli preliv, bi belo besedilo, ki je bilo nanje napisano, izginilo. Zato barve besedila v članku določi CGP — Avada jih zapiše vrstično, zato !important. Obrazci in vprašanja imajo svoja, bolj natančna pravila in jih to ne doseže. */ /* Naslovi v članku so v navadni pisavi — verzalke iz Avadine predloge so pri daljših naslovih neberljive. */ .mmnk .mmc-vsebina :is(h1, h2, h3, h4, h5, h6), .mmnk .mmc-vsebina .fusion-title-heading { color: var(--barva-naslov) !important; text-transform: none !important; } /* Sestavine iz sistema (cenik, vprašanja) nosijo svoje barve in mere, zato jih pravila članka ne smejo prebarvati. */ .mmnk .mmc-vsebina :is(p, li, td, th, span, div, blockquote):not(.mm-paketi, .mm-faq, .mm-faq-kartice, .mm-paketi *, .mm-faq *, .mm-faq-kartice *) { color: var(--barva-telo) !important; } .mmnk .mmc-vsebina :is(strong, b):not(.mm-paketi, .mm-faq, .mm-faq-kartice, .mm-paketi *, .mm-faq *, .mm-faq-kartice *) { color: var(--barva-naslov) !important; } .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *), .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *) :is(span, strong, b) { color: var(--barva-znamka) !important } .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *):hover, .mmnk .mmc-vsebina a:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj) *):hover :is(span, strong, b) { color: var(--barva-znamka-temna) !important } /* Krog s puščico ob »Vprašajte nas«: puščica je bela na modrem krogu; pravilo za povezave v članku ji je dalo barvo kroga (Milan, 29. 9. 2026). */ .mmnk .mmc-vsebina .mm-faq-glava a > span[aria-hidden], .mmnk .mmc-vsebina .mm-faq-glava a:hover > span[aria-hidden] { color: var(--barva-bela) !important } /* ── pogosta vprašanja pod člankom ────────────────────────────────── */ .mmnk .mmc-vprasanja { margin-top: clamp(44px, 4.4vw, 72px); /* V članku je stolpec ožji kot na strani storitve, zato so vprašanja drugo pod drugim. Videz kartic ostane isti. */ --faqk-stolpci: 1; } /* Razpiralniki so isti kot na straneh storitev (mm-faq v glava-noga.css); tu jim samo vrnemo mere besedila, ker jih pravila članka povozijo. */ .mmnk .mmc-vprasanja .mm-faq__odgovor :is(p, li) { font-family: var(--pisava); font-size: var(--f-telo); line-height: var(--vrstica-telo); } .mmnk .mmc-vprasanja .mm-faq__odgovor > p:last-child { margin-bottom: 0 } .mmnk .mmc-vprasanja .mm-faq__odgovor li { padding-left: 0 } /* Zrak pod vprašanji, da se ne dotikajo naslednjega pasu. */ .mmnk .mmc-vprasanja { padding-bottom: clamp(30px, 3vw, 52px) } /* Avadina zloženka vprašanj v vsebini: enak videz kot naša vprašanja pod člankom. Ikona gre v isto vrstico kot vprašanje, desno. */ .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-title a { display: flex !important; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; gap: 16px; } .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-heading { flex: 1 1 auto } .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-icon-wrapper { flex: none; margin: 0 !important; width: auto !important; height: auto !important; background: none !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; } .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-icon-wrapper-main, .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-icon-wrapper-sub { background: none !important; border: 0 !important; width: auto !important; height: auto !important; } .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-icon-wrapper i { color: var(--barva-znamka-svetla) !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 1.6 !important; width: auto !important; height: auto !important; padding: 0 !important; box-shadow: none !important; } /* Skriti zapisi za bogate izrezke ne smejo jemati vrstice. */ .mmnk .mmc-vsebina .fusion-faq-shortcode .rich-snippet-hidden { display: none !important } .mmnk .mmc-vsebina .fusion-faq-shortcode .kk-star-ratings { display: none !important } .mmnk .mmc-vsebina .fusion-faq-shortcode .panel-heading { padding: 0 !important; border: 0 !important; background: none !important } /* Znak + pri vprašanjih ima od Avade temno podlago; v našem videzu je samo znak v barvi znamke. Selektor mora biti natančnejši od njenega. */ .mmnk .mmc-vsebina .fusion-faq-shortcode .fusion-toggle-icon-wrapper i.fa-fusion-box, .mmnk .mmc-vsebina .fusion-faq-shortcode i.fa-fusion-box.active-icon, .mmnk .mmc-vsebina .fusion-faq-shortcode i.fa-fusion-box.inactive-icon { background: none !important; background-color: transparent !important; color: var(--barva-znamka-svetla) !important; border-radius: 0 !important; } /* Slike, ki jih je Avada postavila ob besedilo, so se na ožjem stolpcu prekrivale z naslovi. V članku teče vse v enem stolpcu. */ .mmnk .mmc-vsebina :is(.fusion-imageframe, .fusion-image-element, .imageframe-align-center) { float: none !important; display: block !important; max-width: 100% !important; margin-block: var(--cl-slika-zrak) !important; } .mmnk .mmc-vsebina :is(.fusion-imageframe, .fusion-image-element) img { position: static !important; max-width: 100% !important; height: auto !important; } .mmnk .mmc-vsebina .fusion-text::after { content: ''; display: table; clear: both } .mmnk .mmc-vsebina .alignleft, .mmnk .mmc-vsebina .alignright { float: none !important; margin-inline: 0 !important } /* ── zaključek študije primera ───────────────────────────────────── Pas okoli temnega polja nima ozadja; zrak nad in pod njim je enak kot med drugimi bloki (Milan, 25. 9. 2026). */ .mmnk .mmc-vsebina .fusion-fullwidth.zakljucek { background: none !important; padding-block: var(--cl-slika-zrak) !important; } .mmnk .mmc-vsebina .fusion-reading-box-container.zakljucek .reading-box :is(h2, h3, p, li, strong, b) { color: var(--barva-na-temnem) !important; } /* ── listanje pod člankom ────────────────────────────────────────── Prejšnji, seznam vseh, naslednji — tri kartice iste oblike kot pri referencah (.mms-refnav v sistem.css), iz istih žetonov (Milan, 25. 9. 2026). */ .mmnk .mmc-listaj-pas { padding: var(--pas-ozko) 0 } .mmnk .mmc-listaj { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .62fr) minmax(0, 1fr); gap: var(--refnav-vrzel); align-items: stretch; } .mmnk .mmc-listaj__pot { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: var(--r-5); align-items: center; padding: var(--refnav-odmik); border: var(--obroba); border-radius: var(--refnav-radij); background: var(--paleta-bela); box-shadow: var(--senca-1); text-decoration: none; transition: border-color var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja), transform var(--cas) var(--krivulja); } .mmnk .mmc-listaj__pot:hover, .mmnk .mmc-listaj__pot:focus-visible { border-color: var(--barva-znamka); box-shadow: var(--senca-mehka); transform: translateY(-2px); } .mmnk .mmc-listaj__pot--naprej { grid-template-columns: minmax(0, 1fr) auto auto; text-align: right } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__pusc { order: 3; transform: scaleX(-1) } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__slika { order: 2 } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__besedilo { order: 1 } .mmnk .mmc-listaj__pot--vse { grid-template-columns: auto minmax(0, 1fr) } .mmnk .mmc-listaj__pusc, .mmnk .mmc-listaj__mreza { width: var(--ikona-m); height: var(--ikona-m); flex: 0 0 auto; background: var(--barva-znamka); -webkit-mask: var(--znak) center/contain no-repeat; mask: var(--znak) center/contain no-repeat; transition: transform var(--cas) var(--krivulja); } .mmnk .mmc-listaj__pusc { --znak: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4M10.4 5.4 3.8 12l6.6 6.6'/%3E%3C/svg%3E"); } .mmnk .mmc-listaj__mreza { --znak: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E"); } .mmnk .mmc-listaj__pot--nazaj:hover .mmc-listaj__pusc { transform: translateX(-4px) } .mmnk .mmc-listaj__pot--naprej:hover .mmc-listaj__pusc { transform: scaleX(-1) translateX(-4px) } .mmnk .mmc-listaj__slika { display: block; width: var(--refnav-slika); height: var(--refnav-visina); border-radius: var(--rad-s); border: var(--obroba-mehka); overflow: hidden; background: var(--nev-200); } .mmnk .mmc-listaj__slika img { width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; box-shadow: none } .mmnk .mmc-listaj__besedilo { display: block; min-width: 0 } .mmnk .mmc-listaj__oznaka { display: block; margin-bottom: var(--r-1); font-family: var(--pisava); font-size: var(--f-drobna); font-weight: var(--nad-teza); letter-spacing: var(--razmik-nad); text-transform: uppercase; color: var(--barva-tiho); } .mmnk .mmc-listaj__ime { display: block; font-family: var(--pisava-naslov); font-size: var(--f-h4); font-weight: var(--teza-naslov); line-height: var(--vrstica-h3); color: var(--barva-naslov); } @media (max-width: 900px) { .mmnk .mmc-listaj { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-listaj__pot--vse { order: 3 } .mmnk .mmc-listaj__pot--naprej { grid-template-columns: auto auto minmax(0, 1fr); text-align: left } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__pusc { order: 1 } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__slika { order: 2 } .mmnk .mmc-listaj__pot--naprej .mmc-listaj__besedilo { order: 3 } } @media (max-width: 480px) { .mmnk .mmc-listaj__slika { display: none } .mmnk .mmc-listaj__pot, .mmnk .mmc-listaj__pot--naprej, .mmnk .mmc-listaj__pot--vse { grid-template-columns: auto minmax(0, 1fr) } } /* ── puščica med koraki ──────────────────────────────────────────── Odstavek, ki nosi samo ikono puščice (stari zapisi »Kako poteka …«), postane modra puščica navzdol med dvema korakoma (Milan, 25. 9. 2026). */ .mmnk .mmc-vsebina p:has(> i[class*="fa-arrow"]:only-child) { display: flex; justify-content: center; margin: var(--r-2) 0 var(--r-4) !important; } .mmnk .mmc-vsebina p > i[class*="fa-arrow"]:only-child { width: var(--ikona-m); height: var(--ikona-m); font-size: 0; background: var(--barva-znamka); -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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5.4 13.6 12 20.2l6.6-6.6'/%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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5.4 13.6 12 20.2l6.6-6.6'/%3E%3C/svg%3E") center/contain no-repeat; } .mmnk .mmc-vsebina p > i[class*="fa-arrow"]:only-child::before { content: none } /* ── en paket med besedilom ──────────────────────────────────────── V člankih »Koliko stane …« stoji vsak paket pri svojem odstavku, ne vsi trije v eni mreži (Milan, 25. 9. 2026). */ .mmnk .mmc-vsebina .mm-paketi--eden { grid-template-columns: minmax(0, 1fr); margin: var(--r-6) 0 var(--r-4) !important; } .mmnk .mmc-vsebina .mm-paketi--eden .mm-paket ul { columns: 2; column-gap: var(--r-6); } .mmnk .mmc-vsebina .mm-paketi--eden .mm-paket li { break-inside: avoid } @media (max-width: 720px) { .mmnk .mmc-vsebina .mm-paketi--eden .mm-paket ul { columns: 1 } } /* Avadin seznam s kljukicami (fusion-checklist): isti razmik kot vsi drugi seznami v članku. */ .mmnk .mmc-vsebina .fusion-checklist .fusion-li-item { margin: 0 0 var(--cl-med-seznam) !important; padding: 0 !important; } .mmnk .mmc-vsebina .fusion-checklist .fusion-li-item:last-child { margin-bottom: 0 !important } /* ── slika z napisom v članku ──────────────────────────────────────── */ .mmnk .mmc-vsebina figure.mmc-slika { margin: var(--cl-slika-zrak) 0 !important; max-width: var(--cl-slika-sirina); } .mmnk .mmc-vsebina figure.mmc-slika img { display: block; width: 100%; height: auto; border-radius: var(--cl-slika-radij); box-shadow: var(--cl-slika-senca); margin: 0 } .mmnk .mmc-vsebina figure.mmc-slika figcaption { margin-top: var(--r-3); font-family: var(--pisava); font-size: var(--f-mala); line-height: 1.5; color: var(--barva-tiho); } /* Naštevanja: brez podedovanega spodnjega odmika (Avadin inline slog »ul li{padding-bottom:10px}«) in s tesnejšo vrstico — med postavkami ostane samo --cl-med-seznam (Milan, 26. 9. 2026). */ .mmnk .mmc-vsebina :is(ul, ol) > li:not(:is(.mm-paketi, .mm-faq, .mm-faq-kartice, .mmc-listaj, .gform_wrapper) *) { padding-top: 0 !important; padding-bottom: 0 !important; line-height: var(--cl-vrstica-seznam) !important; } /* ── Avadini naslovi s črto in svetli pasovi v starih študijah ──────── (Milan, 26. 9. 2026: črta poravnana z naslovom, vse levo, brez podvojenih odmikov) */ .mmnk .mmc-vsebina .fusion-title { display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; gap: var(--r-4); } .mmnk .mmc-vsebina .fusion-title :is(h1, h2, h3, h4, h5, h6) { margin: 0 !important; text-align: left !important } .mmnk .mmc-vsebina .fusion-title .awb-title-spacer { display: none } .mmnk .mmc-vsebina .fusion-title > .title-sep-container:first-child { display: none } .mmnk .mmc-vsebina .fusion-title .title-sep-container { flex: 1 1 auto; align-self: center } .mmnk .mmc-vsebina .fusion-title .title-sep { border-color: var(--barva-crta-mehka) !important } /* Svetel pas ni okvir: brez odmikov, brez ozadja. */ .mmnk .mmc-vsebina .fusion-fullwidth.mmc-svetlo, .mmnk .mmc-vsebina .fusion-layout-column.mmc-svetlo { padding: 0 !important; margin-block: 0 !important; background: none !important; } /* Fotografija: zrak pod njo, nad njo le toliko, da se loči od naslova. */ .mmnk .mmc-vsebina .fusion-imageframe { margin: var(--r-5) 0 var(--cl-slika-zrak) !important } /* Pasovi s fotografijo v ozadju (parallax) v starih študijah: fotografija je že v naslovnem pasu, zato pas ostane brez ozadja in brez 250 px odmikov; kar je v njem (mnenje naročnika), teče kot navadna vsebina. */ .mmnk .mmc-vsebina .fusion-fullwidth[data-bg], .mmnk .mmc-vsebina .fusion-fullwidth.fusion-parallax-fixed { background-image: none !important; background-attachment: scroll !important; } .mmnk .mmc-vsebina .fusion-fullwidth[data-bg] .fusion-layout-column, .mmnk .mmc-vsebina .fusion-fullwidth.fusion-parallax-fixed .fusion-layout-column { padding-top: 0 !important; padding-bottom: 0 !important; } /* Avadini odmiki pasov (--awb-margin-top: 60px ipd.) ne veljajo; zrak je v naših pravilih za naslove, slike in temne okvirje. */ .mmnk .mmc-vsebina .fusion-fullwidth:not([style*="background-color"]) { margin-block: 0 !important } .mmnk .mmc-vsebina .fusion-column-wrapper > .fusion-imageframe:first-child { margin-top: 0 !important } /* Mnenje naročnika iz vtičnika (wtwp) kot navedek. */ .mmnk .mmc-vsebina .wtwp-pro-slider-wrp { margin: var(--cl-slika-zrak) 0; padding: var(--cl-okvir-odmik); border-left: 4px solid var(--barva-znamka); background: var(--pas-mehka); border-radius: var(--cl-okvir-radij); } .mmnk .mmc-vsebina .wtwp-pro-slider-wrp .slick-arrow, .mmnk .mmc-vsebina .wtwp-pro-slider-wrp .slick-dots { display: none !important } /* Avadin »dropcap« v starih člankih (siv krog s številko, v katerem se številka ni videla): značka v barvi znamke z belo številko, v isti velikosti kot kljukica seznama (Milan, 26. 9. 2026). */ .mmnk .mmc-vsebina .fusion-text [class^="dropcap"], .mmnk .mmc-vsebina .fusion-text [class*=" dropcap"], .mmnk .mmc-vsebina p > [class^="dropcap"] { float: none !important; display: inline-flex !important; align-items: center; justify-content: center; width: 28px !important; height: 28px !important; margin: 0 10px 0 0 !important; padding: 0 !important; border-radius: 50% !important; background: var(--barva-znamka) !important; background-image: none !important; color: var(--barva-na-temnem) !important; font: 700 13px/1 var(--pisava-naslov) !important; letter-spacing: 0 !important; vertical-align: middle; text-indent: 0; } /* Obrazec povpraševanja v člankih stoji v stolpcu s svetlo barvo ozadja; pravilo za obarvane stolpce zgoraj bi mu pobelilo vse napise (tudi span v oznaki polja). Podvojen razred dvigne specifičnost nad tisto pravilo. Napisi obrazca ostanejo temni (Milan, 27. 9. 2026). */ body.mmnk .mmc-vsebina [style*="background-color"] .gform_wrapper.gform_wrapper :is(span, p, li, div, legend) { color: var(--barva-telo) !important } body.mmnk .mmc-vsebina [style*="background-color"] .gform_wrapper.gform_wrapper :is(label, .gfield_label, .gfield_label *, h2, h3, .gform_title, .gsection_title) { color: var(--barva-naslov) !important } body.mmnk .mmc-vsebina [style*="background-color"] .gform_wrapper.gform_wrapper .gfield_required { color: var(--paleta-tezava) !important } /* ── telefon (27. 9. 2026): naslovni pas, naslovi, tabele ────────────── */ @media (max-width: 900px) { /* Naslovni pas s sliko: besedilo nad sliko, čez vso širino (prej je bil naslov v stolpcu, širokem 140 px, po ena beseda v vrstici). */ .mmnk .mmc-glava--s-sliko .mmc-glava__o { grid-template-columns: minmax(0, 1fr) } .mmnk .mmc-glava--s-sliko .mmc-glava__t { order: 1 } .mmnk .mmc-glava--s-sliko .mmc-glava__s { order: 2 } /* Avadina odzivna tipografija da naslovom h2 32 px in 30 px razmika vrstic, zato se vrstice dotikajo. */ .mmnk .mmc-vsebina h2 { font-size: var(--cl-f-h2) !important; line-height: 1.2 !important } /* Tabele se pomikajo vodoravno znotraj besedila; senca ob robu pove, da je še kaj desno. Stolpec je vsaj 7,5 em širok. */ .mmnk .mmc-vsebina table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; background: linear-gradient(to right, var(--barva-bela) 30%, transparent) left center / 40px 100% no-repeat local, linear-gradient(to left, var(--barva-bela) 30%, transparent) right center / 40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, var(--tabela-senca), transparent) left center / 14px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, var(--tabela-senca), transparent) right center / 14px 100% no-repeat scroll; } .mmnk .mmc-vsebina :is(th, td) { min-width: 7.5em } /* Kazalo: vsaka vrstica je visoka za prst. */ .mmnk .mmc-kazalo a { display: flex; align-items: center; min-height: var(--dotik) } } /* Napis pod sliko v članku: enak kot na straneh storitev — ozek, na sredini, s kratko črto nad besedilom (Milan, 28. 9. 2026). */ .mmnk .mmc-vsebina figcaption, .mmnk .mmc-vsebina .wp-caption-text, .mmnk .mmc-vsebina figure.mmc-slika figcaption { display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: var(--napis-sirina); margin: var(--napis-odmik) auto 0; padding: 0 var(--r-3); border-left: 0; font-size: var(--napis-f); line-height: 1.55; text-align: center; color: var(--napis-barva); } .mmnk .mmc-vsebina figcaption::before, .mmnk .mmc-vsebina .wp-caption-text::before { content: ""; width: 28px; height: 2px; border-radius: 2px; background: var(--napis-crta); } /* Dolgi naslovi URL kot besedilo povezave (npr. developers.google.com/…) so na telefonu segli 200 px čez rob; prelomijo se, kjer se morajo. */ .mmnk .mmc-vsebina { overflow-wrap: break-word }