/* Theme Name: XTRA Child Theme URI: https://xtratheme.com/ Description:Multipurpose Theme Author: Codevz Author URI: https://codevz.com/ Template: xtra Version: 1.0 */ /* ========================================================================== POMEN — Pogrebna oprema, Čačak Prilagodjavanja child teme. Pisano kao JEDAN sistem, ne kao niz zakrpa. Nacela ovog kruga: · nema dekoracije osim jedne tanke bakarne linije ispod naslova sekcije · bakarna je akcenat (dugme, link, linija, ikona) — nikad pozadina sekcije · tamna smedja je pozadina najvise jednom po stranici (+ footer) · jedan razmak drzan svuda: 96px izmedju sekcija (56px na telefonu) · sirina sadrzaja 1140px, pasus najvise 720px · vidljivost i raspored se resavaju u Elementor podacima, ovde samo izgled Publika je uglavnom starija od 60, cesto cita nocu, sa telefona, u stresu. Zato krupnije i tamnije od demo vrednosti. ========================================================================== */ :root { --pomen-bakar: #b06a42; --pomen-bakar-tamna: #96582f; --pomen-smedja: #372e29; --pomen-tekst: #3a322c; --pomen-tekst-tiho: #5f544c; --pomen-krem: #faf7f4; --pomen-linija: #e8ded6; --pomen-ritam: 96px; --pomen-ritam-mob: 56px; --pomen-sirina: 1140px; --pomen-pasus: 720px; /* JEDAN tretman fotografija kroz ceo sajt — cetiri kartice su ranije imale cetiri razlicita (sepija, crno-belo, toplo braon, zasicena crvena). */ --pomen-znak: url('https://pomen.lab.undiweb.net/wp-content/uploads/2026/08/pomen-logo.png'); --pomen-foto: saturate(.32) sepia(.26) contrast(1.04) brightness(1.01); --pomen-serif: 'Cormorant Garamond', 'Iowan Old Style', Georgia, 'Times New Roman', serif; --pomen-sans: 'Source Sans 3', 'Segoe UI', system-ui, Arial, sans-serif; } /* ========================================================================== §0 FONTOVI — self-hosted NALAZ: sajt do sada NIJE ucitavao nijedan webfont. `fonts_out` u temi kaze Open Sans, `_css_body_typo` kaze Poppins, a nijedan se ne preuzima — render je padao na Segoe UI. To je bio najveci pojedinacni razlog sto je sajt delovao „obicno". Dvojac: Cormorant Garamond (display, serif, dostojanstven bez teskoce) za naslove + Source Sans 3 (varijabilni, cist) za telo. `latin-ext` je OBAVEZAN zbog c, c, s, z, dj. Fajlovi stoje u temi — bez poziva ka Google serverima. ========================================================================== */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 300 700; font-display: swap; src: url('fonts/sourcesans3-var-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 300 700; font-display: swap; src: url('fonts/sourcesans3-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* -------------------------------------------------------------------------- POPPINS — font ZIVOG demoa, self-hostovan (15.08.2026) NALAZ koji ispravlja raniju belesku iznad: zivi demo na xtratheme.com `font-family: Poppins` STVARNO renderuje — ali NE isporucuje nijedan woff2 za njega. Provereno dvostruko: (1) `document.fonts` na demou sadrzi samo `czicons` i `Font Awesome`; svih 14 @font-face pravila su ikonska, Poppins nije medju njima. (2) Merenje sirine istog teksta u `'Poppins',monospace` vs `monospace` daje 877px vs 604.8px → Poppins se crta. Objasnjenje: Poppins je INSTALIRAN NA MASINI. Na racunaru bez njega demo pada na sistemski sans. Dakle: demo nije „bez fontova" — demo se OSLANJA na tudju masinu. Mi ga isporucujemo kako treba: 400/500/600/700, latin + latin-ext (c, c, s, z, dj), iz teme, bez poziva ka Google serverima. 8 fajlova, 53 KB ukupno. -------------------------------------------------------------------------- */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/poppins-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/poppins-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/poppins-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/poppins-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/poppins-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/poppins-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/poppins-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/poppins-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ========================================================================== §1 TIPOGRAFIJA ========================================================================== */ html { font-size: 100%; } /* Telo — sans. Naslovi dobijaju serif zasebno, nize. */ body, .elementor-widget-text-editor, .elementor-button, .cz_title, .cz_counter, .cz_btn, input, textarea, select, button { font-family: var(--pomen-sans) !important; } /* Display serif — naslovi sekcija, hero, naslovi kartica, brojke. */ body h1, body h2, .elementor-widget-heading .elementor-heading-title, .pomen-naslov .cz_wpe_content, .pomen-lista__telo h3, .elementor-widget-cz_service_box .service_text h3, .pomen-brojke .cz_counter .cz_counter_num, .pomen-brojke .cz_counter .cz_counter_num_wrap i, .page_title .codevz-section-title, .pomen-cta .cz_wpe_content, .pomen-zavrsna__ime { font-family: var(--pomen-serif) !important; font-weight: 600 !important; letter-spacing: .002em; } body, body p, body li, body td, body label, body input, body textarea, body select, .elementor-widget-text-editor, .elementor-widget-text-editor p, .cz_wpe_content, .cz_readmore { font-size: 18.5px; line-height: 1.75; color: var(--pomen-tekst); } body h1, body h2, body h3, body h4, body h5, body h6, .elementor-widget-heading .elementor-heading-title { color: var(--pomen-smedja); font-weight: 700; } /* Skala: kontrast izmedju velikog i malog je ono sto daje utisak skupog. */ body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 58px; line-height: 1.08; } body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 42px; line-height: 1.15; } body h3, .elementor-widget-heading h3.elementor-heading-title { font-size: 21px; line-height: 1.3; } body h4 { font-size: 19px; line-height: 1.35; } body h5 { font-size: 18px; } /* Nadnaslov — sitan, razmaknut, velikim slovima. Stoji iznad naslova sekcije. */ .pomen-nadnaslov .cz_wpe_content, .pomen-nadnaslov .elementor-widget-container, .pomen-nadnaslov p { font-family: var(--pomen-sans) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .22em; text-transform: uppercase; color: var(--pomen-bakar) !important; text-align: center; margin: 0 0 14px !important; line-height: 1.4; } .pomen-nadnaslov { margin-bottom: 0 !important; } .pomen-nadnaslov .cz_title, .pomen-nadnaslov .cz_title_content, .pomen-nadnaslov .cz_wpe_content { display: block !important; width: 100% !important; float: none !important; } /* zaglavlje sekcije: nadnaslov + naslov bez razmaka izmedju */ .pomen-zaglavlje .pomen-naslov { margin-bottom: 0 !important; } @media (max-width: 767px) { body h1, .elementor-widget-heading h1.elementor-heading-title { font-size: 38px; } body h2, .elementor-widget-heading h2.elementor-heading-title { font-size: 30px; } body h3, .elementor-widget-heading h3.elementor-heading-title { font-size: 20px; } .pomen-nadnaslov .cz_wpe_content { font-size: 11px !important; letter-spacing: .18em; } } /* Telefonski brojevi nigde ne smeju da se prelome */ a[href^="tel:"] { white-space: nowrap; } /* ========================================================================== §2 RITAM I SIRINE Razmak dolazi iz padding-a sekcija (48px gore + 48px dole = 96px izmedju). Ovde se drze samo sirine i to da nista ne nasledjuje demo visine. ========================================================================== */ .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--pomen-sirina); } .elementor-section, .elementor-widget-wrap, .cz_title, .cz_wpe_content { height: auto !important; max-height: none !important; overflow: visible; } /* Pasus nikad preko cele sirine ekrana */ .pomen-pasus .cz_wpe_content, .pomen-pasus .elementor-widget-container { max-width: var(--pomen-pasus); font-size: 18px; line-height: 1.75; color: var(--pomen-tekst-tiho); } /* U centriranim sekcijama pasus stoji na sredini */ .pomen-blok .pomen-pasus .cz_wpe_content, .pomen-cta .pomen-pasus .cz_wpe_content { margin-left: auto; margin-right: auto; text-align: center; } /* ========================================================================== §3 NASLOV SEKCIJE + BAKARNA LINIJA Jedini dekorativni element koji zadrzavamo. Ponavlja se kroz ceo sajt. ========================================================================== */ .pomen-naslov .cz_title, .pomen-naslov .cz_title_content, .pomen-naslov .cz_wpe_content { display: block !important; width: 100% !important; float: none !important; text-align: center !important; } .pomen-naslov .cz_wpe_content { font-size: 42px; line-height: 1.15; color: var(--pomen-smedja); } /* ORNAMENT — potpis kruga. Tanka linija sa sitnim rombom u sredini; isti motiv se ponavlja ispod naslova sekcija, u CTA bloku i u zavrsnoj sekciji. */ .pomen-naslov .cz_title_content::after { content: ""; display: block; width: 96px; height: 9px; margin: 20px auto 0; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 9'%3E%3Cpath d='M0 4.5h37M59 4.5h37' stroke='%23b06a42' stroke-width='1' opacity='.55'/%3E%3Cpath d='M48 1.2 51.3 4.5 48 7.8 44.7 4.5z' fill='none' stroke='%23b06a42' stroke-width='1'/%3E%3C/svg%3E"); } /* 32px od naslova do sadrzaja sekcije */ .pomen-naslov { margin-bottom: 32px !important; } @media (max-width: 767px) { .pomen-naslov .cz_wpe_content { font-size: 30px; } .pomen-naslov { margin-bottom: 24px !important; } } /* Na tamnoj podlozi naslov i pasus su svetli */ .pomen-tamna .pomen-naslov .cz_wpe_content { color: #f6efe9; } .pomen-tamna .cz_wpe_content { color: rgba(246, 239, 233, .86); } /* ========================================================================== §4 DUGMAD ========================================================================== */ .cz_btn, .cz_button, a.cz_btn, .elementor-button, body.page .cz_btn { background-color: var(--pomen-bakar) !important; border-color: var(--pomen-bakar) !important; color: #fff !important; border-radius: 3px !important; font-weight: 600 !important; letter-spacing: .01em; } .cz_btn:hover, .cz_button:hover, a.cz_btn:hover, .elementor-button:hover, body.page .cz_btn:hover { background-color: var(--pomen-bakar-tamna) !important; border-color: var(--pomen-bakar-tamna) !important; } body.page .cz_btn, body.page a.cz_btn { padding: 13px 28px !important; } /* „Saznajte više" u kartici je tekstualni link, ne drugo dugme. Prefiks `body.page` je nuzan: pravilo iznad ima `body.page .cz_btn` (0,2,1), sto je jace od `.elementor-widget-cz_service_box .cz_btn` (0,2,0) — bez njega kartica dobija pun bakarni blok umesto linka. */ body .elementor-widget-cz_service_box .cz_btn, body.page .elementor-widget-cz_service_box .cz_btn { background: none !important; background-color: transparent !important; border: 0 !important; color: var(--pomen-bakar) !important; padding: 0 !important; font-weight: 600 !important; border-radius: 0 !important; align-self: center; width: auto !important; min-width: 0 !important; } body .elementor-widget-cz_service_box .services:hover .cz_btn { color: var(--pomen-bakar-tamna) !important; } /* Hero: dva dugmeta u istom redu, a ne jedno ispod drugog */ .elementor-element-5280588 > .elementor-widget-wrap { display: block !important; text-align: center; } .elementor-element-2817766, .elementor-element-8168857 { display: inline-block !important; width: auto !important; vertical-align: middle; margin: 6px 7px 0 !important; } .elementor-element-2817766 .elementor-button, .elementor-element-8168857 .elementor-button { min-width: 190px; } /* Prozirno dugme u hero-u ostaje prozirno */ .elementor-element-8168857 .elementor-button { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, .85) !important; } .elementor-element-8168857 .elementor-button:hover { background-color: rgba(255, 255, 255, .12) !important; border-color: #fff !important; } /* ========================================================================== §5 KARTICE — jednaka visina, dugme na dnu Lanac mora da ide neprekidno od kolone do dugmeta, inace se `margin-top:auto` nema o sta da osloni i dugmad ostaju na razlicitim visinama. ========================================================================== */ .pomen-usluge > .elementor-container > .elementor-column, .pomen-kartice > .elementor-container > .elementor-column { display: flex; } .pomen-usluge > .elementor-container > .elementor-column > .elementor-widget-wrap, .pomen-kartice > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100%; display: flex; flex-direction: column; } .pomen-usluge .elementor-widget-cz_service_box, .pomen-kartice .elementor-widget-cz_service_box { flex: 1; display: flex; } /* PAZI: selektor mora da bude vezan za `.elementor-widget-cz_service_box`. Bez toga pravilo pretvori u flex I kontejner naslova sekcije, pa se naslov skupi na sirinu teksta i odlepi se od sredine (uhvaceno na podstranici). */ .pomen-usluge .elementor-widget-cz_service_box > .elementor-widget-container, .pomen-kartice .elementor-widget-cz_service_box > .elementor-widget-container { flex: 1; display: flex; width: 100%; } .pomen-usluge .elementor-widget-cz_service_box > .elementor-widget-container > a, .pomen-kartice .elementor-widget-cz_service_box > .elementor-widget-container > a { flex: 1; display: flex; width: 100%; } /* NAPOMENA: widget nosi klasu `elementor-widget-cz_service_box`; klase `cz_service_box` u DOM-u NEMA — selektor po njoj tiho promasi sve. */ .elementor-widget-cz_service_box .services { flex: 1; display: flex !important; flex-direction: column !important; width: 100%; text-align: center; } /* `.services.style11 .service_text` iz plugina je jaci selektor i vraca `display:block`, pa `margin-top:auto` na dugmetu nema o sta da se osloni — otud dugmad na razlicitim visinama. Zato ovde `!important`. */ .elementor-widget-cz_service_box .service_text { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; width: 100%; } .elementor-widget-cz_service_box .service_text h3 { margin: 0 0 10px; font-size: 23px !important; } .elementor-widget-cz_service_box .service_text .cz_wpe_content { color: var(--pomen-tekst-tiho); font-size: 17px; } .elementor-widget-cz_service_box .service_text .cz_btn { margin-top: auto !important; padding-top: 16px !important; align-self: center; } /* ========================================================================== §6 IKONE — tanke linijske, sve iste debljine, velicine i boje `cz_service_box` u `style11` uvek ispisuje i nikad ne dodje do `icon` polja. Zato se slika gasi, a ikona crta kao pozadina pseudo-elementa. Boja je upisana u sam SVG, pa je nemoguce da se razidju. ========================================================================== */ .elementor-widget-cz_service_box .service_img img { display: none !important; } .elementor-widget-cz_service_box .service_img { background: none !important; box-shadow: none !important; border: 0 !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 0 18px !important; border-radius: 0 !important; text-align: center !important; display: block !important; } /* Kartice sa fotografijom (cetiri boksa usluga) nemaju pseudo-ikonu. */ .pomen-usluge .elementor-widget-cz_service_box .service_img::before { content: none !important; display: none !important; } .elementor-widget-cz_service_box .service_img::before { content: ""; display: block; width: 44px; height: 44px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } /* prevoz pokojnika — vozilo */ .elementor-element-bb003c0 .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.6 6h10.6v9.4H1.6z'/%3E%3Cpath d='M12.2 9.6h3.9l3.3 3.2v2.6h-7.2'/%3E%3Ccircle cx='6.2' cy='17.4' r='1.9'/%3E%3Ccircle cx='16.4' cy='17.4' r='1.9'/%3E%3C/svg%3E"); } /* naša kapela — objekat */ .elementor-element-c999caf .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 10.6 12 3.4l9.2 7.2'/%3E%3Cpath d='M5.4 10.2v10.4h13.2V10.2'/%3E%3Cpath d='M9.8 20.6v-5.4a2.2 2.2 0 0 1 4.4 0v5.4'/%3E%3C/svg%3E"); } /* pogrebna oprema — kovčeg / sanduk */ .elementor-element-ed5963b .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.6 12 3.2l9 4.4v8.8L12 20.8 3 16.4z'/%3E%3Cpath d='M3 7.6 12 12l9-4.4M12 12v8.8'/%3E%3C/svg%3E"); } /* cvetni aranžmani — list */ .elementor-element-d67bd6e .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 3.6c0 8.4-5.4 13.4-11.2 13.4A5.5 5.5 0 0 1 4 13.8C4 6.6 10.2 3.6 20.4 3.6z'/%3E%3Cpath d='M3.8 20.4c2.1-5.2 5.7-8.8 10.4-10.9'/%3E%3C/svg%3E"); } /* međunarodni prevoz — globus */ .elementor-element-ca88247 .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.6 2.6 3.9 5.6 3.9 9s-1.3 6.4-3.9 9c-2.6-2.6-3.9-5.6-3.9-9S9.4 5.6 12 3z'/%3E%3C/svg%3E"); } /* besplatna dokumentacija — dokument */ .elementor-element-4f764ea .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.8 3H6.6A1.6 1.6 0 0 0 5 4.6v14.8A1.6 1.6 0 0 0 6.6 21h10.8a1.6 1.6 0 0 0 1.6-1.6V8.2z'/%3E%3Cpath d='M13.8 3v5.2H19'/%3E%3Cpath d='M8.4 13h7.2M8.4 16.4h7.2'/%3E%3C/svg%3E"); } /* vozni park — dostupnost 0–24 */ .elementor-element-e1cf238 .service_img::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b06a42' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6.6v5.8l3.6 2.1'/%3E%3C/svg%3E"); } /* Fotografija u kartici usluge — linijske ikone su zamenjene fotografijom, jer kuca/kamion/kutija/list ne govore nista sto naslov vec ne kaze. */ .pomen-usluge .elementor-widget-cz_service_box .service_img { margin: 0 0 20px !important; overflow: hidden; border-radius: 4px; aspect-ratio: 16 / 10; background: var(--pomen-krem) !important; } .pomen-usluge .elementor-widget-cz_service_box .service_img img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; filter: var(--pomen-foto); transition: transform .5s ease; } .pomen-usluge .elementor-widget-cz_service_box .services:hover .service_img img { transform: scale(1.03); } /* ========================================================================== §6b KORACI — vertikalna lista Ranije tri kolone sa krupnim brojevima (obrazac iz SaaS onboardinga). Na telefonu su te kolone ionako padale jedna ispod druge, pa je ovo namerno dizajniran raspored umesto slucajno prelomljenog. ========================================================================== */ .pomen-lista-blok { max-width: 520px; margin: 0 auto !important; } .pomen-lista-blok .elementor-widget-container { max-width: 520px; margin: 0 auto; } ol.pomen-lista { list-style: none; margin: 0; padding: 0; text-align: left; } ol.pomen-lista > li { display: flex; align-items: baseline; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--pomen-linija); margin: 0; } ol.pomen-lista > li:first-child { padding-top: 0; } ol.pomen-lista > li:last-child { border-bottom: 0; padding-bottom: 0; } .pomen-lista__broj { flex: 0 0 auto; min-width: 22px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--pomen-bakar); font-variant-numeric: tabular-nums; } .pomen-lista__telo { flex: 1 1 auto; } .pomen-lista__telo h3 { font-size: 21px !important; font-weight: 700; line-height: 1.35; margin: 0 0 4px !important; color: var(--pomen-smedja); } .pomen-lista__telo p { margin: 0; font-size: 18px; line-height: 1.65; color: var(--pomen-tekst-tiho); } /* Na krem podlozi (podstranice) linija mora da se vidi */ .pomen-koraci-sekcija ol.pomen-lista > li { border-bottom-color: #e3d7cc; } @media (max-width: 767px) { ol.pomen-lista > li { gap: 14px; padding: 18px 0; } .pomen-lista__telo p { font-size: 16px; } } /* ========================================================================== §6c AKORDEON — /usluge/ i /cesta-pitanja/ PAZI: Codevz NE stampa `cz_accordion_title` / `cz_accordion_content`. Prava struktura je `.cz_acc` > `.elementor-repeater-item-*` > `span.cz_acc_child` (naslov) + `.cz_acc_child_content` (odgovor), a OTVORENO stanje je klasa `cz_isOpen` na RODITELJU, ne na naslovu. Selektori po pogresnim imenima tiho ne rade nista — ista zamka kao `cz_service_box`. ========================================================================== */ .pomen-akordeon { max-width: 820px; margin: 0 auto; } .pomen-akordeon .cz_acc > div > div { margin-bottom: 8px; } /* VARIJANTA B — demo obrazac (Marko izabrao 15.08.2026). Otvoreno pitanje je PUN bakarni header sa belim tekstom i belom strelicom, panel u blagoj bakarnoj nijansi. PAZI na `transition: all`. Nije nemar — demo ga ima i BEZ njega ovo ne radi: demo animira i VELICINU headera (font-size 18→20px, padding 12/44/12/20 → 17/34), pa se ceo red siri dok se panel otvara i sve se cita kao jedan pokret. Sa uzom listom (`background, color, border-color`) velicina se menja skokom, a to je bila razlika u „prirodnosti" koju je Marko video (HANDOFF §9, 49). Jedini transition koji se NE sme siriti je onaj na linkovima u panelu — v. §9, 50. */ .pomen-akordeon span.cz_acc_child { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; font-weight: 600 !important; font-size: 18px !important; line-height: 1.35; color: var(--pomen-tekst) !important; background: #fff !important; border: 1px solid var(--pomen-linija) !important; border-radius: 3px; padding: 13px 20px !important; cursor: pointer; transition: all .2s ease; } .pomen-akordeon span.cz_acc_child:hover { background: var(--pomen-krem) !important; } .pomen-akordeon span.cz_acc_child > div { flex: 1 1 auto; } .pomen-akordeon span.cz_acc_child i { color: var(--pomen-bakar) !important; font-size: 18px; flex: 0 0 auto; } /* Otvoreno pitanje: bakarna SAMO kao tekst i tanka linija levo — nikad kao puna povrsina (to je bilo jedino mesto na sajtu gde je razbijala pravilo). */ .pomen-akordeon .cz_isOpen > span.cz_acc_child { background: var(--pomen-bakar) !important; color: #ffffff !important; font-size: 20px !important; padding: 17px 30px !important; border-color: var(--pomen-bakar) !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0 !important; } .pomen-akordeon .cz_isOpen > span.cz_acc_child i { color: #ffffff !important; } .pomen-akordeon .cz_acc_child_content { background: rgba(176, 106, 66, .07) !important; border: 1px solid rgba(176, 106, 66, .22) !important; border-top: 0 !important; border-radius: 0 0 3px 3px; /* PAZI — VERTIKALNI padding se NE sme dirati odavde sa `!important`. Codevz akordeon otvara sadrzaj jQuery `slideDown`-om, koji animira `height`, `paddingTop`, `paddingBottom`, `marginTop` i `marginBottom` upisujuci ih kao INLINE stilove — a inline stil ne moze da pregazi deklaraciju sa `!important`. Padding se zbog toga zamrzavao dok se margina animirala, pa je panel iskakao odmah na 27px, stajao ~130ms i tek onda krenuo da raste. To je bilo „seckanje" (HANDOFF §9, 45). Levo i desno ostaju `!important` — njih jQuery ne dira. */ padding-left: 20px !important; padding-right: 20px !important; } /* Vertikalni padding, bez `!important`. Selektor mora da bude specificniji od `.elementor-14 .elementor-element.elementor-element-57ff3cc .cz_acc .cz_acc_child_content` (0,5,0) koji Elementor generise iz podataka widgeta i koji trazi 30px — otud `body` na pocetku, koji daje (0,5,1). */ body.pomen-sistem .pomen-akordeon.elementor-widget-cz_accordion .cz_acc .cz_acc_child_content { padding-top: 6px; padding-bottom: 20px; } .pomen-akordeon .cz_acc_child_content p { font-size: 18px; line-height: 1.7; color: var(--pomen-tekst-tiho); margin: 0 0 10px; } .pomen-akordeon .cz_acc_child_content p:last-child { margin-bottom: 0; } /* ZAMKA: linkovi u panelu nasledjuju `transition: all .2s` iz teme. Dok jQuery `slideToggle` animira visinu i padding RODITELJA, `all` na detetu pokusava da tranzicionira i sve sto se pritom promeni u rasporedu — sadrzaj kasni za panelom. Demo taj `transition: all` na linkovima NEMA. Suzava se na boju, jedino sto se stvarno menja na hover. */ .pomen-akordeon .cz_acc_child_content a { color: var(--pomen-bakar); font-weight: 600; transition: color .2s ease; } .pomen-akordeon .cz_acc_child_content a:hover { color: var(--pomen-bakar-tamna); } .pomen-akordeon__link a { white-space: nowrap; } /* Uvodni pasus iznad akordeona */ .elementor-element.pomen-uvod { text-align: center; } .elementor-element.pomen-uvod > .elementor-widget-container { max-width: 620px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 28px !important; text-align: center !important; } .elementor-element.pomen-uvod p { text-align: center !important; } @media (max-width: 767px) { .pomen-akordeon span.cz_acc_child { font-size: 17px !important; padding: 12px 16px !important; } .pomen-akordeon .cz_isOpen > span.cz_acc_child { font-size: 18px !important; padding: 15px 20px !important; } } /* ========================================================================== §7 LOGO — klijentov znak Nadjen na starom sajtu kao `assets/img/favicon.png` (sablonski `logo.svg` je bio „Tailor."). Xtra cita `get_theme_mod('custom_logo')` pre svog blob-a. Tema stampa inline `style="width:300px"` na , pa ovde ide `!important`. ========================================================================== */ .cz_elm.logo_header_2_left_3, .inner_logo_header_2_left_0 { margin-top: 14px !important; margin-bottom: -14px !important; } a.logo_is_img { display: inline-block; line-height: 0; } a.logo_is_img img { width: 86px !important; height: auto !important; max-width: none; } .onSticky a.logo_is_img img { width: 62px !important; } @media (max-width: 1024px) { a.logo_is_img img { width: 74px !important; } } @media (max-width: 767px) { a.logo_is_img img { width: 58px !important; } .cz_elm.logo_header_2_left_3, .inner_logo_header_2_left_0 { margin-top: 8px !important; margin-bottom: -8px !important; } } /* ========================================================================== §8 PRICA + VIDEO + CINJENICE — jedna tamna kompozicija Ranije: kratak centriran tekst u beloj sekciji, pa ispod njega video koji lebdi u tamnom pojasu, pa brojke koje lebde u praznini. Sada jedna sekcija: tekst 1/3, video 2/3, poravnati po sredini, a ispod njih usidrena traka sa tri cinjenice. ========================================================================== */ .pomen-prica > .elementor-container { align-items: center; } .pomen-prica .pomen-nadnaslov--levo .cz_wpe_content, .pomen-prica .pomen-nadnaslov--levo .elementor-widget-container { text-align: left !important; } .pomen-prica__naslov .cz_wpe_content { display: block; font-family: var(--pomen-serif) !important; font-weight: 600; font-size: 44px; line-height: 1.1; color: #f6efe9 !important; margin: 0 0 20px; } .pomen-prica__tekst .cz_wpe_content { display: block; font-size: 18px; line-height: 1.8; color: rgba(246, 239, 233, .78) !important; max-width: 40ch; } /* Poster: izvorna fotografija je 350px siroka, zato kadar a ne rastezanje. (Ova pravila su bila izgubljena pri prepisivanju sekcije — vracena.) */ .pomen-video .cz_video_popup, .pomen-video .cz_video_popup > div { text-align: center; } .pomen-video .cz_vp_c a { display: block; position: relative; overflow: hidden; } .pomen-video img { width: 100% !important; height: 100% !important; display: block; object-fit: cover !important; object-position: center 38%; filter: var(--pomen-foto); } .pomen-video .cz_vp_inner { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: auto !important; height: auto !important; transform: none !important; margin: 0 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: rgba(55, 46, 41, .26); border-radius: 0 !important; } .pomen-video .cz_vp_inner h4 { color: #fff !important; font-family: var(--pomen-serif) !important; font-size: 22px !important; margin: 0 !important; text-shadow: 0 1px 8px rgba(0,0,0,.45); } .pomen-video .cz_vp_inner > span { width: 66px; height: 66px; border-radius: 50%; background: var(--pomen-bakar); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 24px rgba(0,0,0,.3); } .pomen-video .cz_vp_inner > span i { color: #fff; font-size: 22px; } /* Video uokviren — tanka linija i tiha senka, ne go pravougaonik. */ .pomen-prica .pomen-video .cz_vp_c { max-width: 100%; padding: 10px; border: 1px solid rgba(246, 239, 233, .16); border-radius: 4px; background: rgba(255, 255, 255, .03); } .pomen-prica .pomen-video .cz_vp_c a { height: 380px; box-shadow: 0 18px 44px rgba(0, 0, 0, .3); } @media (max-width: 1024px) { .pomen-prica__naslov .cz_wpe_content { font-size: 36px; } .pomen-prica .pomen-video .cz_vp_c a { height: 300px; } .pomen-prica .pomen-video { margin-top: 32px; } } @media (max-width: 767px) { .pomen-prica__naslov .cz_wpe_content { font-size: 30px; } .pomen-prica .pomen-video .cz_vp_c a { height: 230px; } .pomen-prica .pomen-video .cz_vp_c { padding: 6px; } } /* ---- traka sa cinjenicama ---- */ .pomen-cinjenice-blok .elementor-widget-container { max-width: none !important; } .pomen-cinjenice { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(246, 239, 233, .16); border-bottom: 1px solid rgba(246, 239, 233, .16); } .pomen-cinjenice__st { padding: 30px 22px; text-align: center; border-left: 1px solid rgba(246, 239, 233, .12); } .pomen-cinjenice__st:first-child { border-left: 0; } .pomen-cinjenice__v { display: block; font-family: var(--pomen-serif); font-weight: 600; font-size: 52px; line-height: 1; color: var(--pomen-bakar); } .pomen-cinjenice__v--rec { font-size: 30px; line-height: 1.15; padding-top: 9px; } .pomen-cinjenice__l { display: block; margin-top: 10px; font-family: var(--pomen-sans); font-size: 14px; letter-spacing: .05em; color: rgba(246, 239, 233, .62); } @media (max-width: 767px) { .pomen-cinjenice { grid-template-columns: 1fr; } .pomen-cinjenice__st { border-left: 0; border-top: 1px solid rgba(246,239,233,.12); padding: 22px 10px; } .pomen-cinjenice__st:first-child { border-top: 0; } .pomen-cinjenice__v { font-size: 44px; } .pomen-cinjenice__v--rec { font-size: 26px; } } /* ========================================================================== §8b ORNAMENT — potpis, koristi se i van naslova sekcije ========================================================================== */ .pomen-ornament { display: block; width: 96px; height: 9px; margin: 22px auto; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 9'%3E%3Cpath d='M0 4.5h37M59 4.5h37' stroke='%23b06a42' stroke-width='1' opacity='.55'/%3E%3Cpath d='M48 1.2 51.3 4.5 48 7.8 44.7 4.5z' fill='none' stroke='%23b06a42' stroke-width='1'/%3E%3C/svg%3E"); } /* ========================================================================== §9 ZAVRSNI POZIV — uokviren blok, ne gola traka ========================================================================== */ .pomen-cta { background-color: #fff !important; } .pomen-cta > .elementor-container { border: 1px solid rgba(176, 106, 66, .38); border-radius: 3px; padding: 46px 40px 44px; text-align: center; flex-direction: column; align-items: center; position: relative; } /* sitni bakarni uglovi — tih detalj, bez ornamenta koji vice */ .pomen-cta > .elementor-container::before, .pomen-cta > .elementor-container::after { content: ""; position: absolute; width: 13px; height: 13px; border: 1px solid var(--pomen-bakar); } .pomen-cta > .elementor-container::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; } .pomen-cta > .elementor-container::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; } .pomen-cta .elementor-column { width: 100% !important; max-width: 640px; } .pomen-cta .cz_title, .pomen-cta .cz_title_content, .pomen-cta .cz_wpe_content { display: block !important; width: 100% !important; float: none !important; color: var(--pomen-smedja) !important; font-size: 30px !important; font-weight: 600; line-height: 1.25; text-align: center !important; } .pomen-cta .cz_btn_center { text-align: center; margin-top: 6px; } .pomen-cta .cz_btn { padding: 15px 38px !important; } /* ornament izmedju teksta i dugmeta PAZI: `.elementor-column` je flex kontejner, pa ::after na koloni postaje flex-stavka PORED sadrzaja, a ne ispod njega. Ide na sam widget. */ .pomen-cta .elementor-widget-cz_title::after { content: ""; display: block; width: 96px; height: 9px; margin: 20px auto 4px; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 9'%3E%3Cpath d='M0 4.5h37M59 4.5h37' stroke='%23b06a42' stroke-width='1' opacity='.55'/%3E%3Cpath d='M48 1.2 51.3 4.5 48 7.8 44.7 4.5z' fill='none' stroke='%23b06a42' stroke-width='1'/%3E%3C/svg%3E"); } @media (max-width: 767px) { .pomen-cta > .elementor-container { padding: 34px 22px 32px; } .pomen-cta .cz_wpe_content { font-size: 24px !important; } } /* ========================================================================== §9b ZAVRSNA SEKCIJA — stranica dobija kraj, ne staje ========================================================================== */ .pomen-zavrsna { border-top: 1px solid var(--pomen-linija); } .pomen-zavrsna-blok .elementor-widget-container { max-width: none !important; } .pomen-zavrsna__blok { text-align: center; } .pomen-zavrsna__znak { display: block; width: 118px; height: auto; margin: 0 auto 16px; } .pomen-zavrsna__ime { font-family: var(--pomen-serif) !important; font-weight: 600; font-size: 30px !important; line-height: 1.2; color: var(--pomen-smedja) !important; margin: 0 !important; } .pomen-zavrsna__rec { max-width: 560px; margin: 12px auto 0 !important; font-size: 17px !important; line-height: 1.7; color: var(--pomen-tekst-tiho) !important; } .pomen-zavrsna__kontakt { margin: 4px 0 0 !important; font-size: 17px !important; color: var(--pomen-tekst-tiho) !important; } .pomen-zavrsna__kontakt a { color: var(--pomen-smedja); font-weight: 600; } .pomen-zavrsna__kontakt a:hover { color: var(--pomen-bakar); } .pomen-zavrsna__tacka { color: var(--pomen-bakar); margin: 0 12px; } @media (max-width: 767px) { .pomen-zavrsna__znak { width: 92px; } .pomen-zavrsna__ime { font-size: 25px !important; } .pomen-zavrsna__kontakt a { display: block; margin: 6px 0; } .pomen-zavrsna__tacka { display: none; } } /* ========================================================================== §10 FOOTER ========================================================================== */ .pomen-footer-tekst .cz_title, .pomen-footer-tekst .cz_title_content, .pomen-footer-tekst .cz_wpe_content { display: block !important; width: 100% !important; max-width: var(--pomen-pasus); margin: 0 auto !important; text-align: center !important; color: rgba(246, 239, 233, .72) !important; font-size: 16px !important; line-height: 1.7; } #footer, .footer_widgets { padding-top: 46px !important; } /* Ikone u footeru su prazni beli kvadrati (nedostajuci glif) — ostaje tekst */ .footer_widget .cz_sl_icon, #footer .cz_sl_icon, footer .cz_sl_icon { display: none !important; } .footer_widget .cz_stylish_list li, footer .cz_stylish_list li { padding-left: 0 !important; margin-left: 0 !important; margin-bottom: 10px !important; line-height: 1.6 !important; text-align: left !important; } footer .cz_stylish_list span, .footer_widget .cz_stylish_list span { display: block !important; margin-left: 0 !important; } /* Labela („Adresa:", „Telefon:") iznad, vrednost ispod. BEZ velikih slova: stavke u koloni „Kontakt" nemaju , pa bi im text-transform pojeo citljivost cele adrese e-poste. */ footer .cz_stylish_list span, .footer_widget .cz_stylish_list span { font-size: 16px !important; line-height: 1.5; color: rgba(246, 239, 233, .74) !important; } footer .cz_stylish_list small, .footer_widget .cz_stylish_list small { display: block !important; margin: 3px 0 0 !important; font-size: 17px !important; font-weight: 600; letter-spacing: 0; text-transform: none; color: rgba(246, 239, 233, .92) !important; } /* ========================================================================== §11 NASLOVNA TRAKA PODSTRANICE Bila je puna bakarna povrsina; bakarna ostaje samo kao linija. ========================================================================== */ .page_title, .header_onthe_cover .page_title { background-color: var(--pomen-krem) !important; background-image: none !important; border-bottom: 1px solid var(--pomen-linija) !important; padding-top: 268px !important; padding-bottom: 36px !important; } /* Zaglavlje je `position:absolute` (visina ~247px na desktopu) i visi preko trake — bez ovog razmaka naslov strane zavrsi iza bele kartice zaglavlja. */ @media (max-width: 1024px) { .page_title, .header_onthe_cover .page_title { padding-top: 200px !important; padding-bottom: 28px !important; } } @media (max-width: 767px) { .page_title, .header_onthe_cover .page_title { padding-top: 130px !important; padding-bottom: 22px !important; } } .page_title .codevz-section-title { color: var(--pomen-smedja) !important; font-size: 32px !important; font-weight: 700 !important; margin: 0 !important; padding: 0 !important; } .page_title .breadcrumbs, .page_title .breadcrumbs a, .page_title .breadcrumbs span, .page_title .breadcrumbs i { background: none !important; box-shadow: none !important; color: var(--pomen-tekst-tiho) !important; font-size: 14px !important; } .page_title .breadcrumbs a:hover { color: var(--pomen-bakar) !important; } @media (max-width: 767px) { .page_title .codevz-section-title { font-size: 25px !important; } } /* Tema drzi 80px margine oko sadrzaja strane; posle uvodjenja ritma to je pravilo dvostruki razmak ispod naslovne trake i iznad zavrsnog poziva. */ .page_content { margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 1024px) { .pomen-kartice .elementor-widget-cz_service_box .services { padding: 28px 20px !important; } .pomen-video .cz_vp_c a { height: 280px; } } /* ========================================================================== §12 PODSTRANICE USLUGA ========================================================================== */ body.page-child .pomen-pasus .cz_wpe_content { margin-left: 0; text-align: left; } /* Sakrivena kolona ne sme da ostavi rupu — vidljivost je resena u podacima, ovde se samo preostaloj koloni da puna sirina. */ body.page-child .elementor-column.elementor-hidden-desktop { display: none !important; } /* ========================================================================== §13 STICKY TELEFON — samo mobilni ========================================================================== */ .pomen-poziv { display: none; } @media (max-width: 767px) { .pomen-poziv { display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: var(--pomen-bakar); color: #fff !important; text-decoration: none !important; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -2px 12px rgba(0, 0, 0, .25); font-family: inherit; text-align: center; } .pomen-poziv:hover, .pomen-poziv:focus, .pomen-poziv:active { background: var(--pomen-bakar-tamna); color: #fff !important; } .pomen-poziv__labela { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; opacity: .95; } .pomen-poziv__broj { font-size: 21px; font-weight: 700; line-height: 1.25; white-space: nowrap; } /* traka ne sme da pokrije kraj footera */ body { padding-bottom: 78px !important; } #cz_go_top, .cz_go_top, .elementor-location-footer .e-floating-buttons { bottom: 92px !important; } /* Nista ne sme da izlazi van ekrana — ali SAMO `body`. ZAMKA (nadjena 15.08., posle kruga 1): ovde je ranije stajalo `body, .elementor-section, .elementor-container { overflow-x: hidden }`. Po CSS specifikaciji, kad je jedna osa `hidden`, druga osa koja je `visible` **racuna se kao `auto`** — dakle svaki `.elementor-container` je tiho postao vertikalni skrol-kontejner. Cim sadrzaj predje visinu kontejnera makar za 10px (nas tekst je duzi od demo teksta), dobije se klizac U KUTIJI: sekcija skroluje unutar sebe, box-u-boxu. Izmereno na 390px: 12 takvih kontejnera na novoj pocetnoj, 8 na zivoj — dakle bag je bio na SVIH 14 strana, nije ga doneo hibrid. `overflow-x: clip` ne pravi skrol-kontejner i ne truje vertikalnu osu, pa horizontalno secenje ostaje tamo gde stvarno treba. */ body { overflow-x: hidden !important; } .elementor-section, .elementor-container { overflow-x: clip !important; overflow-y: visible !important; } .elementor-widget-cz_service_box .cz_wpe_content, .elementor-widget-cz_service_box .service_text { word-wrap: break-word; } } /* ========================================================================== §14 OSTACI DEMOA ========================================================================== */ /* Talasi su uklonjeni iz Elementor podataka; ovo hvata eventualne temine. */ .elementor-shape, .elementor-shape-top, .elementor-shape-bottom, footer .cz_shape, footer .cz_divider_shape { display: none !important; } /* ========================================================================== §15 PODSTRANICE — koraci horizontalno Vertikalna lista dobro radi na pocetnoj, ali na podstranici, gde je to jedina sekcija ispod kratkog pasusa, deluje usko i prazno. Na telefonu se vraca u vertikalu — tri uske kolone su tamo necitljive, a horizontalni skrol krije sadrzaj od publike koja ga nece traziti. ========================================================================== */ body.page-child .pomen-lista-blok, body.page-child .pomen-lista-blok .elementor-widget-container { max-width: 100% !important; } body.page-child ol.pomen-lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; } body.page-child ol.pomen-lista > li { display: block; padding: 0 30px; border-bottom: 0; border-left: 1px solid #e3d7cc; text-align: left; } body.page-child ol.pomen-lista > li:first-child { border-left: 0; padding-left: 0; } body.page-child ol.pomen-lista > li:last-child { padding-right: 0; } body.page-child .pomen-lista__broj { display: block; margin-bottom: 10px; } @media (max-width: 767px) { body.page-child ol.pomen-lista { grid-template-columns: 1fr; } body.page-child ol.pomen-lista > li { display: flex; padding: 18px 0; border-left: 0; border-bottom: 1px solid #e3d7cc; } body.page-child ol.pomen-lista > li:last-child { border-bottom: 0; } body.page-child .pomen-lista__broj { display: block; margin-bottom: 0; } } /* ========================================================================== §16 CESTA PITANJA — dvokolonski ========================================================================== */ .pomen-faq > .elementor-container { align-items: flex-start; gap: 0; } .pomen-koraci-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 3px; filter: var(--pomen-foto); display: block; } .pomen-koraci-dve > .elementor-container { align-items: center; } .pomen-koraci-dve .pomen-koraci-foto, .pomen-koraci-dve .pomen-koraci-foto .elementor-widget-container, .pomen-koraci-dve .pomen-koraci-foto .cz_image { height: 100%; } .pomen-koraci-dve .pomen-koraci-foto img { min-height: 420px; } .pomen-koraci-dve .pomen-lista-blok, .pomen-koraci-dve .pomen-lista-blok .elementor-widget-container { max-width: 100% !important; margin: 0 !important; } .pomen-koraci-dve .pomen-naslov .cz_wpe_content, .pomen-koraci-dve .pomen-nadnaslov .cz_wpe_content { text-align: left !important; } .pomen-koraci-dve .pomen-naslov .cz_title_content::after { margin-left: 0; margin-right: auto; } .pomen-koraci-dve .elementor-column:last-child .elementor-widget-wrap { padding-left: 44px; } @media (max-width: 1024px) { .pomen-koraci-dve .pomen-koraci-foto img { min-height: 260px; } .pomen-koraci-dve .elementor-column:last-child .elementor-widget-wrap { padding-left: 0; padding-top: 28px; } } .pomen-faq-slika img { width: 100%; height: 300px; object-fit: cover; object-position: center; border-radius: 3px; filter: var(--pomen-foto); display: block; } .pomen-faq-strana .elementor-widget-wrap { padding-right: 36px; } .pomen-faq-boks { margin-top: 22px; padding: 26px 24px 24px; background: var(--pomen-krem); border: 1px solid var(--pomen-linija); border-radius: 3px; text-align: center; } .pomen-faq-boks__nad { display: block; font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--pomen-bakar); margin-bottom: 10px; } .pomen-faq-boks__rec { margin: 0 0 14px !important; font-size: 16px !important; line-height: 1.6; color: var(--pomen-tekst-tiho) !important; } .pomen-faq-boks__broj { display: block; font-family: var(--pomen-serif); font-weight: 600; font-size: 24px; line-height: 1.35; color: var(--pomen-smedja) !important; } .pomen-faq-boks__broj:hover { color: var(--pomen-bakar) !important; } .pomen-faq-boks__broj--drugi { font-size: 19px; color: var(--pomen-tekst-tiho) !important; } .pomen-faq-pitanja .pomen-akordeon { max-width: 100%; margin: 0; } @media (max-width: 1024px) { .pomen-faq-strana .elementor-widget-wrap { padding-right: 0; } .pomen-koraci-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 3px; filter: var(--pomen-foto); display: block; } .pomen-koraci-dve > .elementor-container { align-items: center; } .pomen-koraci-dve .pomen-koraci-foto, .pomen-koraci-dve .pomen-koraci-foto .elementor-widget-container, .pomen-koraci-dve .pomen-koraci-foto .cz_image { height: 100%; } .pomen-koraci-dve .pomen-koraci-foto img { min-height: 420px; } .pomen-koraci-dve .pomen-lista-blok, .pomen-koraci-dve .pomen-lista-blok .elementor-widget-container { max-width: 100% !important; margin: 0 !important; } .pomen-koraci-dve .pomen-naslov .cz_wpe_content, .pomen-koraci-dve .pomen-nadnaslov .cz_wpe_content { text-align: left !important; } .pomen-koraci-dve .pomen-naslov .cz_title_content::after { margin-left: 0; margin-right: auto; } .pomen-koraci-dve .elementor-column:last-child .elementor-widget-wrap { padding-left: 44px; } @media (max-width: 1024px) { .pomen-koraci-dve .pomen-koraci-foto img { min-height: 260px; } .pomen-koraci-dve .elementor-column:last-child .elementor-widget-wrap { padding-left: 0; padding-top: 28px; } } .pomen-faq-slika img { height: 220px; } .pomen-faq-boks { margin-bottom: 32px; } } /* ========================================================================== §17 DONJA NAVIGACIJA (mobilni) Puna bakarna traka preko cele sirine je bila preteska i pojela je ekran. Tri stavke; poziv je i dalje jedan dodir sa svake strane, ali sada uredno. Dodirna meta je 56px — iznad preporucenih 44px. ========================================================================== */ .pomen-nav { display: none; } @media (max-width: 767px) { .pomen-nav { display: grid; grid-template-columns: 1.35fr 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #fff; border-top: 1px solid var(--pomen-linija); box-shadow: 0 -3px 16px rgba(55, 46, 41, .1); padding-bottom: env(safe-area-inset-bottom, 0px); } .pomen-nav__st { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 56px; padding: 8px 4px; text-decoration: none !important; color: var(--pomen-smedja) !important; border-left: 1px solid var(--pomen-linija); } .pomen-nav__st:first-child { border-left: 0; } .pomen-nav__ikona { display: block; line-height: 0; } .pomen-nav__ikona svg { width: 21px; height: 21px; display: block; } .pomen-nav__tekst { font-size: 11.5px; font-weight: 600; letter-spacing: .02em; line-height: 1.2; white-space: nowrap; } /* Poziv je primarna radnja — puna bakarna, beli tekst. Kontrast belog na #96582f je 5,9:1 (na #b06a42 je bio 4,21:1 i padao je ispod AA praga za sitan tekst). */ .pomen-nav__st--glavna { background: var(--pomen-bakar-tamna); color: #fff !important; border-left: 0; } .pomen-nav__st--glavna:active { background: #7f4a27; } /* traka ne sme da pokrije kraj footera */ body { padding-bottom: 68px !important; } #cz_go_top, .cz_go_top, .elementor-location-footer .e-floating-buttons { bottom: 82px !important; } } /* ========================================================================== §18 DODIRNE METE — najmanje 44px ========================================================================== */ footer .cz_stylish_list li a, .footer_widget .cz_stylish_list li a, #footer .menu li a, footer .menu li a { display: block; padding: 11px 0; line-height: 1.5; } footer .cz_stylish_list li, .footer_widget .cz_stylish_list li { margin-bottom: 0 !important; } @media (max-width: 767px) { .page_title .breadcrumbs a { display: inline-block; padding: 10px 4px; } } /* ========================================================================== §19 DOPUNE — premium, drugi prolaz ========================================================================== */ /* Hero pozadina ide kroz isti tretman kao i ostale fotografije. */ .elementor-element-2283648 { position: relative; } /* --- FAQ: bakarna ostaje samo kao linija i tekst, nikad kao povrsina --- */ /* --- Zavrsna sekcija: bez kontakta, ornament nosi kraj --- */ .pomen-zavrsna__rec { margin-bottom: 0 !important; } .pomen-zavrsna__blok .pomen-ornament { margin-bottom: 0; } /* --- Footer: znak u prvoj koloni + tanke vertikalne linije izmedju kolona --- */ /* PAZI: Codevz prenosi klasu iz `content` polja i na