{"id":2945,"date":"2026-04-07T09:43:32","date_gmt":"2026-04-07T09:43:32","guid":{"rendered":"https:\/\/gordondm.top\/inz\/?page_id=2945"},"modified":"2026-04-22T11:12:45","modified_gmt":"2026-04-22T11:12:45","slug":"kontrola-zdravstvene-ispravnosti-hrane","status":"publish","type":"page","link":"https:\/\/gordondm.top\/inz\/sta-radimo\/kontrola-zdravstvene-ispravnosti-hrane\/","title":{"rendered":"Kontrola zdravstvene ispravnosti hrane"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2945\" class=\"elementor elementor-2945\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06465ec e-flex e-con-boxed e-con e-parent\" data-id=\"06465ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n<script>\n\/\/ document.addEventListener(\"DOMContentLoaded\", function () {\n\/\/     document.querySelectorAll('.swiper.image-hover-slider').forEach(function (sliderEl) {\n\/\/         const options = JSON.parse(sliderEl.dataset.sliderOptions);\n\/\/         new Swiper(sliderEl, options);\n\/\/     });\n\/\/ });\n\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll('.swiper.image-hover-slider').forEach(function (sliderEl) {\n        let options = {};\n        try {\n            options = JSON.parse(sliderEl.dataset.sliderOptions);\n        } catch (e) {\n            console.warn('Invalid slider options JSON', e);\n            return; \/\/ JSON parse error \u09b9\u09b2\u09c7 \u09b8\u09cd\u0995\u09bf\u09aa \u0995\u09b0\u09ac\u09cb\n        }\n\n        \/\/ Default fallback (\u09af\u09a6\u09bf \u0995\u09bf\u099b\u09c1 \u09a8\u09be \u09a5\u09be\u0995\u09c7)\n        options.slidesPerView = options.slidesPerView || 1;\n        options.spaceBetween = options.spaceBetween || 0;\n\n        new Swiper(sliderEl, options);\n    });\n});\n\n<\/script>\n\n\n<script>\n    jQuery(document).ready(function($) {\n    $('.partner-logo-slider').each(function() {\n        var $this = $(this);\n        var settings = $this.data('settings');\n        \n        new Swiper($this[0], settings);\n    });\n});\n<\/script>\n\n\n<style>\n    .smew-popup-post-widget {\n    position: relative;\n    overflow: hidden;\n    max-width: 100%;\n    margin: 0 auto;\n}\n\n.smew-popup-post-widget .esg-entry-media-wrapper {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    position: relative;\n}\n\n.smew-popup-post-widget img {\n    width: 100%;\n    height: auto;\n    object-fit:cover;\n    display: block;\n    transition: transform 0.5s ease;\n}\n\n.smew-popup-post-widget .esg-entry-cover {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n}\n\n.smew-popup-post-widget .esg-bottom {\n    color: #fff;\n    font-weight: 600;\n    background: rgba(0,0,0,0.6);\n    padding: 8px 16px;\n    border-radius: 4px;\n    margin-top: 20px;\n    transition: transform 0.4s ease, opacity 0.4s ease;\n    transform: translateY(20px);\n    opacity: 0;\n}\n.smew-popup-post-widget .esg-bc.eec {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    text-align: center;\n}\n.smew-popup-post-widget .esg-center {\n    display: inline-flex;\n    gap: 10px;\n}\n\n.smew-popup-post-widget .esg-center a {\n    background: #fff;\n    color: #000;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 45px;\n    height: 45px;\n    transition: all 0.3s ease;\n}\n\n.smew-popup-post-widget .esg-center a:hover {\n    background: #000;\n    color: #fff;\n}\n.smew-popup-post-widget .smew-icon {\n    transition: all 0.3s ease;\n}\n.smew-popup-post-widget:hover img {\n    transform: scale(1.1);\n}\n\n.smew-popup-post-widget:hover .esg-entry-cover {\n    opacity: 1;\n    visibility: visible;\n}\n\n.smew-popup-post-widget:hover .esg-bottom {\n    transform: translateY(0);\n    opacity: 1;\n}\n<\/style>\n<style>\n    .smew-3d-wrapper {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    perspective: 1000px;\n    transform-style: preserve-3d;\n    transition: all 0.5s ease;\n}\n\n.smew-3d-wrapper.has-link {\n    cursor: pointer;\n}\n\n.smew-3d-wrapper img {\n    width: 100%;\n    height: 100% !important;\n    object-fit: cover;\n    display: block;\n    transition: all 0.5s ease;\n}\n.smew-3d-wrapper .smew-3d-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0; \/* start transparent *\/\n    transform-origin: bottom center; \/* hinge at bottom *\/\n    transform: perspective(600px) rotateX(90deg); \/* closed (hidden) *\/\n    transition: transform 0.5s ease, opacity 0.4s ease;\n}\n\n.smew-3d-wrapper:hover .smew-3d-overlay {\n    opacity: 1; \/* fade in *\/\n    transform: perspective(600px) rotateX(0deg); \/* open flat *\/\n}\n\n.smew-3d-content {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100%;\n    z-index: 2;\n    box-sizing: border-box;\n    text-align: center;\n}\n\n.smew-3d-content h3,\n.smew-3d-content span {\n    opacity: 0;\n    transition: all 0.6s ease;\n    margin: 0;\n}\n\n\/* Content Animation Styles *\/\n.smew-3d-wrapper[data-content-animation=\"slide\"] .smew-3d-content h3 {\n    transform: translateX(-50px);\n}\n\n.smew-3d-wrapper[data-content-animation=\"slide\"] .smew-3d-content span {\n    transform: translateX(50px);\n}\n\n.smew-3d-wrapper[data-content-animation=\"fade\"] .smew-3d-content h3,\n.smew-3d-wrapper[data-content-animation=\"fade\"] .smew-3d-content span {\n    transform: none;\n}\n\n.smew-3d-wrapper[data-content-animation=\"zoom\"] .smew-3d-content h3,\n.smew-3d-wrapper[data-content-animation=\"zoom\"] .smew-3d-content span {\n    transform: scale(0.8);\n}\n\n\/* Hover Effects *\/\n.smew-3d-wrapper:hover .smew-3d-overlay {\n    opacity: 1;\n}\n\n.smew-3d-wrapper:hover img {\n    transform: scale(1.1);\n}\n\n.smew-3d-wrapper:hover .smew-3d-content h3,\n.smew-3d-wrapper:hover .smew-3d-content span {\n    opacity: 1;\n    transform: none;\n}\n\n\/* Specific Hover Effects *\/\n.smew-3d-wrapper[data-effect=\"rotate\"]:hover {\n    transform: rotateX(5deg) rotateY(-5deg) translateZ(20px);\n}\n\n.smew-3d-wrapper[data-effect=\"rotate\"]:hover img,\n.smew-3d-wrapper[data-effect=\"zoom\"]:hover img {\n    transform: scale(1.1) translateZ(20px);\n}\n\n.smew-3d-wrapper[data-effect=\"slide\"]:hover {\n    transform: translateY(-10px);\n}\n<\/style>\n<style>\n    \/* Main Wrapper Styles *\/\n.smew-motion-wrapper {\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    width: 100%;\n    display: block;\n    margin: 0 auto;\n}\n\n\/* Image Styles *\/\n.smew-motion-wrapper .smew-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    line-height: 0;\n}\n\n.smew-motion-wrapper img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n    border-radius: 0;\n    box-shadow: none;\n}\n\n\/* Overlay Styles *\/\n.smew-motion-wrapper .smew-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 223, 0, 0.8);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    transform: scale(1.1);\n    transition: all 0.5s ease;\n    text-align: center;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n\/* Title Styles *\/\n.smew-motion-wrapper .smew-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: #000;\n    margin: 0 0 20px 0;\n    padding: 0;\n    line-height: 1.4;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: all 0.3s ease;\n}\n\n\/* Shape Styles *\/\n.smew-motion-wrapper .smew-shape {\n    width: 40px;\n    height: 40px;\n    border: 2px solid #fff;\n    border-bottom-left-radius: 50%;\n    display: inline-block;\n    transition: all 0.3s ease;\n}\n\n\/* Hover Effects *\/\n.smew-motion-wrapper:hover img {\n    transform: scale(1.05);\n}\n\n.smew-motion-wrapper:hover .smew-overlay {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.smew-motion-wrapper:hover .smew-title {\n    transform: translateY(0);\n}\n\n\/* .smew-motion-wrapper:hover .smew-shape {\n    transform: rotate(45deg);\n} *\/\n\n\/* Responsive Styles *\/\n@media (max-width: 1024px) {\n    .smew-motion-wrapper .smew-title {\n        font-size: 16px;\n        margin-bottom: 15px;\n    }\n    \n    .smew-motion-wrapper .smew-shape {\n        width: 35px;\n        height: 35px;\n    }\n}\n\n@media (max-width: 767px) {\n    .smew-motion-wrapper .smew-title {\n        font-size: 14px;\n        margin-bottom: 10px;\n    }\n    \n    .smew-motion-wrapper .smew-shape {\n        width: 30px;\n        height: 30px;\n        border-width: 1px;\n    }\n}\n<\/style>\n<style>\n  \/* =============================================\n   COMMON STYLES FOR BOTH VERSIONS\n   ============================================= *\/\n.smew-common-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    display: block;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    box-sizing: border-box;\n}\n\n.smew-common-wrapper:hover {\n    transform: translateY(-5px);\n}\n\n.smew-common-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    z-index: 0;\n}\n\n\/* =============================================\n   STYLE 1 - OVERLAY EFFECT\n   ============================================= *\/\n\/* .smew-motion-wrapper {\n    aspect-ratio: 1\/1;\n} *\/\n\n.smew-overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    transform: translateY(20px);\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    padding: 20px;\n    text-align: center;\n    opacity: 0;\n    background: rgba(255, 255, 255, 0.95);\n   \n}\n\n.smew-motion-wrapper:hover .smew-overlay {\n    opacity: 1;\n    transform: translateY(0);\n     transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.smew-motion-wrapper:hover img {\n    transform: scale(1.03);\n}\n\n.smew-content {\n    width: 100%;\n    transform: translateY(15px);\n    transition: transform 0.4s ease, opacity 0.4s ease;\n    opacity: 0;\n}\n\n.smew-motion-wrapper:hover .smew-content {\n    transform: translateY(0);\n    opacity: 1;\n}\n\n.smew-content h3 {\n    font-size: clamp(1.125rem, 1.5vw, 1.375rem); \/* Responsive font size *\/\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0 0 0.625rem;\n    text-transform: uppercase;\n    letter-spacing: 0.0625rem;\n    color: #222;\n}\n\n.smew-content span {\n    display: inline-block;\n    font-size: clamp(0.6875rem, 0.8vw, 0.8125rem);\n    font-weight: 600;\n    letter-spacing: 0.125rem;\n    padding: 0.3125rem 0.9375rem;\n    border-radius: 1.25rem;\n    color: #555;\n}\n\n.smew-icons-wrapper {\n    display: flex;\n    gap: 0.9375rem;\n    margin-bottom: 1.5625rem;\n    transform: scale(0.8);\n    opacity: 0;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.smew-motion-wrapper:hover .smew-icons-wrapper {\n    transform: scale(1);\n    opacity: 1;\n}\n\n.smew-icon-wrapper {\n    background: #fff;\n    color: #000;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 2.8125rem;\n    height: 2.8125rem;\n    transition: all 0.3s ease;\n    box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n}\n\n.smew-icon-wrapper:hover {\n    background: #000;\n    color: #fff;\n    transform: translateY(-0.1875rem);\n    box-shadow: 0 0.375rem 0.9375rem rgba(0, 0, 0, 0.2);\n}\n\n.smew-icon {\n    font-size: 1rem;\n    transition: all 0.3s ease;\n    width: 16px;\n    height: 16px;\n    color: #fff;\n}\n\n\/* =============================================\n   STYLE 2 - FLIP EFFECT\n   ============================================= *\/\n.smew-style2-wrapper {\n    perspective: 1000px;\n    aspect-ratio:4\/3;\n}\n\n.smew-style2-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    transform-style: preserve-3d;\n    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.smew-style2-wrapper:hover .smew-style2-inner {\n    transform: rotateX(-180deg);\n}\n\n.smew-style2-front,\n.smew-style2-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    backface-visibility: hidden;\n    top: 0;\n    left: 0;\n}\n.smew-style2-wrapper .smew-style2-front img{\n    height:100%;\n    object-fit:cover;\n}\n.smew-style2-back {\n    transform: rotateX(-180deg);\n    background: rgba(255, 255, 255, 0.95);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1.25rem;\n    box-sizing: border-box;\n}\n.smew-style2-content {\n    text-align: center;\n}\n.smew-style2-content h3 {\n    font-size: clamp(1.125rem, 1.5vw, 1.375rem);\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0 0 0.625rem;\n    text-transform: uppercase;\n    letter-spacing: 0.0625rem;\n    color: #222;\n    text-align: center;\n}\n\n.smew-style2-content span {\n    display: inline-block;\n    font-size: clamp(0.6875rem, 0.8vw, 0.8125rem);\n    font-weight: 600;\n    letter-spacing: 0.125rem;\n    padding: 0.3125rem 0.9375rem;\n    border-radius: 1.25rem;\n    color: #555;\n    text-align: center;\n}\n\n.smew-style2-icons-wrapper {\n    display: flex;\n    gap: 0.9375rem;\n    margin-bottom: 1.5625rem;\n    justify-content: center;\n}\n.smew-style2-icons-wrapper a.smew-style2-icon-wrapper{\n    \/* border: 1px solid #000; *\/\n    border-radius: 50%;\n    padding: 10px;\n    display:flex;\n    align-items:center;\n    justify-self: center;\n}\n\n\/* =============================================\n   RESPONSIVE ADJUSTMENTS\n   ============================================= *\/\n@media (max-width: 1024px) {\n    .smew-content h3,\n    .smew-style2-content h3 {\n        font-size: 1.25rem;\n    }\n    \n    .smew-icons-wrapper,\n    .smew-style2-icons-wrapper {\n        margin-bottom: 1.25rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .smew-content h3,\n    .smew-style2-content h3 {\n        font-size: 1.125rem;\n    }\n    \n    .smew-content span,\n    .smew-style2-content span {\n        font-size: 0.75rem;\n    }\n    \n    .smew-icon-wrapper,\n    .smew-style2-icon-wrapper {\n        width: 2.5rem;\n        height: 2.5rem;\n    }\n    \n    .smew-icon {\n        font-size: 0.9375rem;\n        \n    }\n}\n\n@media (max-width: 480px) {\n    .smew-content h3,\n    .smew-style2-content h3 {\n        font-size: 1rem;\n        margin-bottom: 0.5rem;\n    }\n    \n    .smew-content span,\n    .smew-style2-content span {\n        padding: 0.25rem 0.75rem;\n    }\n    \n    .smew-icons-wrapper,\n    .smew-style2-icons-wrapper {\n        gap: 0.625rem;\n        margin-bottom: 0.9375rem;\n    }\n    \n    .smew-icon-wrapper,\n    .smew-style2-icon-wrapper {\n        width: 2.25rem;\n        height: 2.25rem;\n    }\n    \n    .smew-icon {\n        font-size: 0.875rem;\n    }\n}\n\n\n\/* Flip state class *\/\n.smew-style2-inner.is-flipped {\n    transform: rotateX(-180deg);\n}\n\n\/* Mobile fallback *\/\n@media (max-width: 768px) {\n  .smew-style2-inner {\n    height: 470px !important;\n  }\n}\n@media (max-width: 700px) {\n  .smew-style2-inner {\n    height: 470px !important;\n  }\n}\n\n@media (max-width: 650px) {\n  .smew-style2-inner {\n    height: 400px !important;\n  }\n}\n@media (max-width: 600px) {\n  .smew-style2-inner {\n    height: 350px !important;\n  }\n}\n@media (max-width: 550px) {\n  .smew-style2-inner {\n    height: 310px !important;\n  }\n}\n@media (max-width: 500px) {\n  .smew-style2-inner {\n    height: 285px !important;\n  }\n}\n@media (max-width: 450px) {\n  .smew-style2-inner {\n    height: 260px !important;\n  }\n}\n@media (max-width: 400px) {\n  .smew-style2-inner {\n    height: 220px !important;\n  }\n}\n\/* =============================================\n   UTILITY CLASSES FOR ASPECT RATIO CONTROL\n   ============================================= *\/\n\/* .smew-ratio-1-1 { aspect-ratio: 1\/1; }\n.smew-ratio-4-3 { aspect-ratio: 4\/3; }\n.smew-ratio-16-9 { aspect-ratio: 16\/9; }\n.smew-ratio-3-2 { aspect-ratio: 3\/2; }\n.smew-ratio-2-1 { aspect-ratio: 2\/1; } *\/\n<\/style>\n\n<script>\n   document.querySelectorAll('.smew-style2-wrapper').forEach(function(card){\n    card.addEventListener('click', function(){\n        \/\/ mobile check\n        if (window.innerWidth > 768) {\n            this.querySelector('.smew-style2-inner').classList.toggle('is-flipped');\n        }\n    });\n});\n\n\n<\/script>\n<style>\n    .news-card {\n    overflow: hidden;\n    background: #fff;\n    transition: all 0.3s ease;\n    }\n\n.news-card .news-card-image {\n  overflow: hidden;\n  position: relative;\n}\n\n.news-card .news-card-image img {\n  transition: transform 0.6s ease-in-out;\n}\n\n.news-card:hover .news-card-image img {\n  transform: scale(1.1);\n}\n\n.news-card .news-card-image .view-icon{\n    width: 70px;\n    height:40px;\n    background:rgba(238, 238, 238, 1);\n    display: flex;\n    align-items:center;\n    justify-items:center;\n    gap:8px;\n    bottom: 0px;\n    position: absolute;\n    right: 0px;\n    z-index: 1;\n    padding: 10px;\n\n}\n.news-card .news-card-content .p-date i,\n.news-card .news-card-content .news-meta i,\n.news-card .news-card-image .view-icon i{\n    font-size:18px;\n    font-family:'Font Awesome 7 Free';\n}\n\n\n\/* Style One (List) *\/\n.news-card.style-one {\n  display: flex;\n  gap: 20px;\n  padding: 15px;\n}\n.news-card.style-one .news-card-image {\n  flex: 0 0 40%;\n}\n.news-card.style-one .news-card-image img {\n  width: 100%;\n  height: 100%;\n  object-fit::cover;\n \n}\n.news-card.style-one .news-card-content {\n  flex: 1;\n}\n\n\/* Style Two (Grid) *\/\n.news-card.style-two .news-card-image img {\n  width: 100%;\n  display: block;\n}\n.news-card.style-two .news-card-content {\n  padding: 15px;\n}\n.news-card.style-two .news-card-content span.p-date{\n    margin:10px 0;\n}\n\/* Common *\/\n.news-meta {\n  font-size: 13px;\n  color: #777;\n  margin-bottom: 8px;\n}\n.news-meta span {\n  margin-right: 12px;\n}\n.news-title {\n  font-size: 18px;\n  font-weight: bold;\n  color: #222;\n  margin: 10px 0;\n}\n.news-description {\n  font-size: 14px;\n  color: #555;\n  line-height: 1.5;\n}\n.read-more-btn {\n  display: inline-block;\n  margin-top: 12px;\n  padding: 6px 14px;\n  background: #0056d6;\n  color: #fff;\n  border-radius: 3px;\n  text-decoration: none;\n  font-size: 13px;\n  transition: background 0.3s ease;\n}\n.read-more-btn:hover {\n  background: #003ea6;\n}\n\n<\/style><script>\n    jQuery(document).ready(function($){\n    $('.post-slider.swiper').each(function(){\n        var options = $(this).data('swiper-options');\n        if (typeof Swiper !== 'undefined') {\n            new Swiper(this, options);\n        }\n    });\n});\n\n<\/script>\n<style>\n    \/* Post Slider Widget Styles *\/\n\n\n.post-slider {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n}\n\n.post-slider-item {\n    background: #fff;\n    border-radius: 10px;\n    overflow: hidden;\n    \/* box-shadow: 0 4px 15px rgba(0,0,0,0.08); *\/\n    text-align: left;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    height: auto;\n}\n\n.post-slider-item .post-image {\n    overflow: hidden;\n    \/* border-radius: 8px; *\/\n}\n\n.post-slider-item .post-image img {\n    width: 100%;\n    height: 230px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n}\n\n.post-slider-item:hover .post-image img {\n    transform: scale(1.05);\n}\n\n.post-slider-item .post-meta {\n    font-size: 13px;\n    color: #777;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 8px;\n}\n\n.post-slider-item h3 {\n    font-size: 20px;\n    font-weight: 600;\n    color: #222;\n    margin: 5px 0;\n    line-height: 1.3;\n}\n\n.post-slider-item p {\n    font-size: 14px;\n    color: #555;\n    margin-bottom: 10px;\n    line-height: 1.6;\n}\n\n.post-slider-item .post-btn {\n    display: inline-block;\n    background: #0073e6;\n    color: #fff;\n    padding: 10px 20px;\n    border-radius: 4px;\n    font-size: 14px;\n    text-decoration: none;\n    font-weight: 500;\n    transition: all 0.3s ease;\n    margin-top: auto;\n    align-self: flex-start;\n    border: none;\n    cursor: pointer;\n}\n\n.post-slider-item .post-btn:hover {\n    background: #005bb5;\n    transform: translateY(-2px);\n}\n\n\/* Swiper Navigation *\/\n.post-slider .swiper-button-next,\n.post-slider .swiper-button-prev {\n    color: #0073e6;\n    width: 40px;\n    height: 40px;\n    background: rgba(255,255,255,0.9);\n    border-radius: 50%;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n}\n\n.post-slider .swiper-button-next:after,\n.post-slider .swiper-button-prev:after {\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.post-slider .swiper-button-next:hover,\n.post-slider .swiper-button-prev:hover {\n    background: #0073e6;\n    color: #fff;\n}\n\n.post-slider .swiper-pagination {\n    bottom: 10px;\n}\n\n.post-slider .swiper-pagination-bullet {\n    width: 12px;\n    height: 12px;\n    background: #0073e6;\n    opacity: 0.4;\n    transition: opacity 0.3s ease;\n}\n\n.post-slider .swiper-pagination-bullet-active {\n    opacity: 1;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 767px) {\n    .post-slider-item {\n        padding: 15px;\n    }\n    \n    .post-slider-item h3 {\n        font-size: 18px;\n    }\n    \n    .post-slider .swiper-button-next,\n    .post-slider .swiper-button-prev {\n        display: none;\n    }\n}\n<\/style>\n<style>\n    .elementor-widget-recent_posts_widget{\n        width: 100%;\n    }\n    \/* === Recent Posts Widget Wrapper === *\/\n    .recent-posts-widget {\n        width: 100% !important;\n        display: block;\n        position: relative;\n    }\n\n    \/* === Shared Item Styling === *\/\n    .recent-post-item {\n        display: flex;\n        flex-direction: column;\n        background: #fff;\n        border-radius: 0;\n        border-top: 1px solid rgba(0, 0, 0, 0.58);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.58);\n        overflow: hidden;\n        transition: all 0.3s ease-in-out;\n        width: 100% !important;\n    }\n\n    \/* === Image Styling === *\/\n    .recent-post-image {\n        width: 100%;\n        overflow: hidden;\n    }\n    \n    .recent-post-image img {\n        width: 100%;\n        \/* height: 200px; *\/\n        display: block;\n        object-fit: cover;\n        transition: transform 0.3s ease-in-out;\n    }\n    \n    .recent-post-item:hover .recent-post-image img {\n        transform: scale(1.15);\n    }\n\n    \/* === Content Section === *\/\n    .recent-post-content {\n        padding: 20px;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .recent-post-title {\n        display: block;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 10px;\n        color: #222;\n        text-decoration: none;\n        line-height: 1.3;\n    }\n\n    .recent-post-title:hover {\n        color: #0073e6;\n    }\n\n    \/* === Meta Styling === *\/\n    .recent-post-meta {\n        font-size: 0.85rem;\n        color: #666;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 5px;\n    }\n\n    .recent-post-meta i {\n        margin-right: 4px;\n        font-size: 12px;\n    }\n\n    .meta-separator {\n        opacity: 0.6;\n    }\n\n    \/* === Excerpt Styling === *\/\n    .recent-post-excerpt {\n        font-size: 0.95rem;\n        line-height: 1.5;\n        color: #444;\n        margin-top: auto;\n    }\n\n    \/* === GRID Layout === *\/\n    .recent-posts-grid {\n        display: grid;\n        gap: 15px;\n    }\n\n    \/* === LIST Layout === *\/\n    \/* .recent-posts-list .post-list-item {\n        margin-bottom: 25px;\n    } *\/\n    \n    .recent-posts-list .recent-post-item {\n        flex-direction: row;\n        gap: 10px;\n        \/* align-items: flex-start; *\/\n    }\n\n    .recent-posts-list .recent-post-image {\n        flex: 0 0 125px;\n        max-width: 125px;\n    }\n    \n    .recent-posts-list .recent-post-image img {\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .recent-posts-list .recent-post-content {\n        flex: 1;\n        padding: 15px 20px;\n    }\n    \n    \/* List layout image position variations *\/\n    .recent-posts-list.image-position-left .recent-post-item {\n        flex-direction: row;\n    }\n    \n    .recent-posts-list.image-position-right .recent-post-item {\n        flex-direction: row-reverse;\n    }\n    \n    .recent-posts-list.image-position-top .recent-post-item {\n        flex-direction: column;\n    }\n    \n    .recent-posts-list.image-position-top .recent-post-image {\n        flex: 0 0 auto;\n        max-width: 100%;\n    }\n\n    \/* === SLIDER Layout === *\/\n    .recent-posts-slider {\n        position: relative;\n        overflow: hidden;\n        padding: 10px 0 30px;\n    }\n\n    .recent-posts-slider .swiper-wrapper {\n        display: flex;\n        height: auto;\n    }\n\n    .recent-posts-slider .swiper-slide {\n        height: auto;\n        display: flex;\n    }\n    \n    .recent-posts-slider .recent-post-item {\n        margin: 0 10px;\n    }\n\n    \/* === VERTICAL SLIDER Layout === *\/\n    .recent-posts-vertical-slider {\n        position: relative;\n        overflow: hidden;\n        height: 450px;\n        padding: 0 0 40px;\n    }\n\n    .recent-posts-vertical-slider .swiper-wrapper {\n        flex-direction: column;\n    }\n\n    .recent-posts-vertical-slider .swiper-slide {\n        height: auto;\n        display: flex;\n        margin-bottom: 20px;\n    }\n    \n    .recent-posts-vertical-slider .recent-post-item {\n        margin: 0;\n        flex-direction: row;\n        align-items: center;\n        height:100%;\n    }\n    \n    .recent-posts-vertical-slider .recent-post-image {\n        flex: 0 0 120px;\n        max-width: 120px;\n    }\n    \n    .recent-posts-vertical-slider .recent-post-image img {\n        height: 100%;\n        object-fit: cover;\n    }\n    \n    .recent-posts-vertical-slider .recent-post-content {\n        flex: 1;\n        padding: 15px;\n    }\n    .swiper-button-next,\n    .swiper-button-prev {\n        position: absolute;\n        top: auto;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n        \/* background: rgba(255, 255, 255, 0.9); *\/\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); *\/\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n\n    .swiper-button-next:hover,\n    .swiper-button-prev:hover {\n        background: #fff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    }\n    .recent-posts-style_four  .swiper-button-prev {\n        position: absolute;\n        top: 25px;\n        bottom: auto;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n        \/* background: rgba(255, 255, 255, 0.9); *\/\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); *\/\n        cursor: pointer;\n        transition: all 0.3s ease;\n        transform: rotate(90deg);\n    }\n    .recent-posts-style_four .swiper-button-next{\n        position: absolute;\n        top: auto;\n        bottom: 25px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n        \/* background: rgba(255, 255, 255, 0.9); *\/\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); *\/\n        cursor: pointer;\n        transition: all 0.3s ease;\n        transform: rotate(90deg);\n    }\n    .swiper-button-next::after,\n    .swiper-button-prev::after {\n        font-family: 'Font Awesome 5 Free';\n        font-weight: 900;\n        font-size: 16px;\n        color: #333;\n    }\n    \n    .swiper-button-prev::after {\n        content: '\\f106';\n        display:none;\n    }\n    \n    .swiper-button-next::after {\n        content: '\\f107';\n        display:none;\n    }\n\n    .swiper-button-prev {\n        bottom: 45px;\n    }\n\n    .swiper-button-next {\n        bottom: 0;\n    }\n    \n    \/* Horizontal slider navigation *\/\n    .recent-posts-slider .swiper-button-next,\n    .recent-posts-slider .swiper-button-prev {\n        top: 50%;\n        bottom: auto;\n        transform: translateY(-50%);\n    }\n    \n    .recent-posts-slider .swiper-button-prev {\n        left: 15px;\n        right: auto;\n    }\n    \n    .recent-posts-slider .swiper-button-next {\n        right: 15px;\n        left: auto;\n    }\n    \n    \/* .recent-posts-slider .swiper-button-prev::after {\n        content: '\\f104';\n    }\n    \n    .recent-posts-slider .swiper-button-next::after {\n        content: '\\f105';\n    } *\/\n    \n    \/* Vertical slider specific styles *\/\n    .recent-posts-slider[data-direction=\"vertical\"] {\n        height: 600px;\n    }\n    \n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-wrapper {\n        flex-direction: column;\n    }\n    \n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-slide {\n        height: auto !important;\n    }\n    \n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-button-next,\n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-button-prev {\n        \/* left: 50%; *\/\n        transform: translateX(-50%) rotate(90deg);\n        \/* top: auto; *\/\n    }\n    \n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-button-prev {\n        top: 10px;\n    }\n    \n    .recent-posts-slider[data-direction=\"vertical\"] .swiper-button-next {\n        bottom: 10px;\n        top: auto;\n    }\n\n    \/* Content alignment *\/\n    .content-align-left .recent-post-content {\n        text-align: left;\n    }\n    \n    .content-align-center .recent-post-content {\n        text-align: center;\n    }\n    \n    .content-align-center .recent-post-meta {\n        justify-content: center;\n    }\n    \n    .content-align-right .recent-post-content {\n        text-align: right;\n    }\n    \n    .content-align-right .recent-post-meta {\n        justify-content: flex-end;\n    }\n\n    \/* === Responsive === *\/\n    @media (max-width: 1024px) {\n        .recent-posts-grid.posts-columns-4 {\n            grid-template-columns: repeat(3, 1fr);\n        }\n        \n        \/* .recent-posts-list .recent-post-image {\n            flex: 0 0 220px;\n            max-width: 220px;\n        } *\/\n        \n        .recent-posts-vertical-slider {\n            height: 500px;\n        }\n        \n        .recent-posts-vertical-slider .recent-post-image {\n            flex: 0 0 100px;\n            max-width: 100px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .recent-posts-grid {\n            grid-template-columns: repeat(2, 1fr) !important;\n        }\n        \n        .recent-posts-list .recent-post-item {\n            flex-direction: column !important;\n        }\n\n        .recent-posts-list .recent-post-image {\n            width: 100%;\n            flex: unset;\n            max-width: 100%;\n        }\n        \n        .recent-posts-list .recent-post-image img {\n            height: 200px;\n        }\n        \n        .recent-posts-vertical-slider {\n            height: 450px;\n        }\n        \n        .recent-posts-vertical-slider .recent-post-item {\n            flex-direction: column;\n        }\n        \n        .recent-posts-vertical-slider .recent-post-image {\n            width: 100%;\n            flex: unset;\n            max-width: 100%;\n        }\n        \n        .recent-posts-vertical-slider .recent-post-image img {\n            height: 200px;\n        }\n        \n        .swiper-button-next,\n        .swiper-button-prev {\n            width: 35px;\n            height: 35px;\n        }\n        \n        .swiper-button-next::after,\n        .swiper-button-prev::after {\n            font-size: 14px;\n        }\n        \n        .recent-posts-slider[data-direction=\"vertical\"] {\n            height: 500px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .recent-posts-grid {\n            grid-template-columns: 1fr !important;\n        }\n        \n        .recent-post-image img {\n            height: 180px;\n        }\n        \n        .recent-post-content {\n            padding: 15px;\n        }\n        \n        .recent-posts-vertical-slider {\n            height: 400px;\n        }\n        \n        .swiper-button-next,\n        .swiper-button-prev {\n            display: none;\n        }\n        \n        .recent-posts-slider[data-direction=\"vertical\"] {\n            height: 400px;\n        }\n    }\n<\/style>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const sliders = document.querySelectorAll(\".recent-posts-slider, .recent-posts-vertical-slider\");\n        \n        \/\/ Load Swiper only if not already loaded\n        if (typeof Swiper === 'undefined') {\n            console.error('Swiper library is not loaded. Please make sure it is enqueued.');\n            return;\n        }\n\n        sliders.forEach((slider) => {\n            const direction = slider.getAttribute(\"data-direction\") || \"horizontal\";\n            const slidesDesktop = parseInt(slider.getAttribute(\"data-slides-desktop\")) || 3;\n            const slidesTablet = parseInt(slider.getAttribute(\"data-slides-tablet\")) || 2;\n            const slidesMobile = parseInt(slider.getAttribute(\"data-slides-mobile\")) || 1;\n            const autoplay = slider.getAttribute(\"data-autoplay\") === 'yes';\n            const autoplayDelay = parseInt(slider.getAttribute(\"data-autoplay-delay\")) || 4000;\n            const spaceBetween = parseInt(slider.getAttribute(\"data-space-between\")) || 5;\n            \n            const swiperOptions = {\n                direction: direction,\n                slidesPerView: slidesMobile,\n                spaceBetween: spaceBetween,\n                loop: true,\n                navigation: {\n                    nextEl: slider.querySelector(\".swiper-button-next\"),\n                    prevEl: slider.querySelector(\".swiper-button-prev\"),\n                },\n                breakpoints: {\n                    640: {\n                        slidesPerView: slidesMobile,\n                        spaceBetween: spaceBetween\n                    },\n                    768: {\n                        slidesPerView: slidesTablet,\n                        spaceBetween: spaceBetween\n                    },\n                    1024: {\n                        slidesPerView: slidesDesktop,\n                        spaceBetween: spaceBetween\n                    }\n                }\n            };\n            \n            \/\/ Add autoplay if enabled\n            if (autoplay) {\n                swiperOptions.autoplay = {\n                    delay: autoplayDelay,\n                    disableOnInteraction: false,\n                    pauseOnMouseEnter: true\n                };\n            }\n            \n            \/\/ Initialize Swiper\n            new Swiper(slider, swiperOptions);\n        });\n    });\n<\/script>\t\t<div class=\"elementor-element elementor-element-ff5f621 elementor-widget elementor-widget-text-editor\" data-id=\"ff5f621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Snabdijevanje dovoljnim koli\u010dinama zdravstveno ispravne hrane i pravilna prehrana je jedan od osnovnih temelja zdravlja stanovni\u0161tva. Za osiguranje i za\u0161titu zdravlja hrana mora biti ne samo odgovaraju\u0107eg prehrambenog sastava, nego treba biti i zdravstveno ispravna, odnosno, ne smije sadr\u017eavati \u0161tetne bolo\u0161ke, hemijske i fizikalne komponente kao posljedicu neadekvatnih higijenskih uvjeta proizvodnje, prerade i pripreme, industrijskog one\u010di\u0161\u0107enja okoli\u0161a i neadekvatnih agrotehni\u010dkih i veterinarskih mjera, u koli\u010dinama koje mogu biti opasne za zdravlje ljudi.<\/p><p>\u00a0<\/p><p>&#8221; Snabdijevanje dovoljnim koli\u010dinama zdravstveno ispravne hrane i pravilna prehrana je jedan od osnovnih temelja zdravlja stanovni\u0161tva. Za osiguranje i za\u0161titu zdravlja hrana mora biti ne samo odgovaraju\u0107eg prehrambenog sastava, nego treba biti i zdravstveno ispravna, odnosno, ne smije sadr\u017eavati \u0161tetne bolo\u0161ke, hemijske i fizikalne komponente kao posljedicu neadekvatnih higijenskih uvjeta proizvodnje, prerade i pripreme, industrijskog one\u010di\u0161\u0107enja okoli\u0161a i neadekvatnih agrotehni\u010dkih i veterinarskih mjera, u koli\u010dinama koje mogu biti opasne za zdravlje ljudi.&#8221;<\/p><p>\u00a0<\/p><p>Kontroli zdravstvene ispravnosti hrane podlije\u017eu svi objekti koji se bave proizvodnjom i prometom kako sirovina, tako i gotove hrane. Uzimanje uzoraka hrane se vr\u0161i kontinuirano, u zavisnosti od koli\u010dine, ili, ako je rije\u010d o gotovoj hrani, o dnevnom prometu obroka. Ispituje se hemijska i mikrobiolo\u0161ka ispravnost hrane. Da bi hrana bila zdravstvno ispravna treba biti proizvedena i prometovana u objektima koji udovoljavaju sanitarno-tehni\u010dkim i sanitarno-higijenskim uslovima.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Snabdijevanje dovoljnim koli\u010dinama zdravstveno ispravne hrane i pravilna prehrana je jedan od osnovnih temelja zdravlja stanovni\u0161tva. Za osiguranje i za\u0161titu zdravlja hrana mora biti ne samo odgovaraju\u0107eg prehrambenog sastava, nego treba biti i zdravstveno ispravna, odnosno, ne smije sadr\u017eavati \u0161tetne bolo\u0161ke, hemijske i fizikalne komponente kao posljedicu neadekvatnih higijenskih uvjeta proizvodnje, prerade i pripreme, industrijskog [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2943,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2945","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/pages\/2945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/comments?post=2945"}],"version-history":[{"count":4,"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/pages\/2945\/revisions"}],"predecessor-version":[{"id":34529,"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/pages\/2945\/revisions\/34529"}],"up":[{"embeddable":true,"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/pages\/2943"}],"wp:attachment":[{"href":"https:\/\/gordondm.top\/inz\/wp-json\/wp\/v2\/media?parent=2945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}