{"id":2369,"date":"2026-04-23T09:39:32","date_gmt":"2026-04-23T07:39:32","guid":{"rendered":"https:\/\/dkmt.net\/?page_id=2369"},"modified":"2026-04-23T10:06:58","modified_gmt":"2026-04-23T08:06:58","slug":"tourism","status":"publish","type":"page","link":"https:\/\/dkmt.net\/sr\/tourism\/","title":{"rendered":"\u0422\u0443\u0440\u0438\u0437\u0430\u043c"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2369\" class=\"elementor elementor-2369\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7509448 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7509448\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d854b79\" data-id=\"d854b79\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b281894 elementor-widget elementor-widget-html\" data-id=\"b281894\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \r\n  ============================================\r\n  ACCORDION WITH PDF PREVIEW - ELEMENTOR HTML\r\n  ============================================\r\n  Usage: Paste into an Elementor \"HTML\" widget.\r\n  To add more accordion items, copy an <div class=\"pdf-accordion-item\"> block\r\n  and change the title + PDF URL.\r\n-->\r\n\r\n<style>\r\n  \/* ---- Container ---- *\/\r\n  .pdf-accordion-wrapper {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px; \/* Space between accordion items *\/\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* ---- Accordion header (button) ---- *\/\r\n  .pdf-accordion-header {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    background-color: #1a3a6b;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    padding: 16px 50px;\r\n    border: none;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transition: background-color 0.25s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pdf-accordion-header:hover,\r\n  .pdf-accordion-header:focus-visible {\r\n    background-color: #15305a;\r\n  }\r\n\r\n  \/* ---- Chevron icon ---- *\/\r\n  .pdf-accordion-header .chevron {\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(0deg);\r\n    transition: transform 0.3s ease;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-right: 3px solid #ffffff;\r\n    border-bottom: 3px solid #ffffff;\r\n    transform-origin: center;\r\n    \/* Default: pointing down (closed) *\/\r\n    transform: translateY(-60%) rotate(45deg);\r\n  }\r\n\r\n  \/* Chevron rotates when open *\/\r\n  .pdf-accordion-item.open .pdf-accordion-header .chevron {\r\n    transform: translateY(-30%) rotate(-135deg);\r\n  }\r\n\r\n  \/* ---- Collapsible content area ---- *\/\r\n  .pdf-accordion-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease;\r\n    background: #f5f5f5;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pdf-accordion-item.open .pdf-accordion-content {\r\n    \/* max-height is set via JS for smooth animation *\/\r\n    border: 1px solid #ddd;\r\n    border-top: none;\r\n  }\r\n\r\n  \/* ---- PDF iframe ---- *\/\r\n  .pdf-accordion-content iframe {\r\n    width: 100%;\r\n    border: none;\r\n    display: block;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pdf-accordion-wrapper\">\r\n\r\n  <!-- ==================== ACCORDION ITEM 1 ==================== -->\r\n  <div class=\"pdf-accordion-item\">\r\n    <button class=\"pdf-accordion-header\" aria-expanded=\"false\">\r\n      The main tourist sights in the Mini\u0219-M\u0103derat Vineyard \r\n      <span class=\"chevron\"><\/span>\r\n    <\/button>\r\n    <div class=\"pdf-accordion-content\">\r\n      <!-- Change the src URL and height below as needed -->\r\n      <iframe\r\n        data-src=\"\/wp-content\/uploads\/2026\/04\/the_main_tourist_sights_in_the_mini_mderat_vineyard.pdf\"\r\n        height=\"1200\"\r\n        loading=\"lazy\"\r\n        title=\"The main tourist sights in the Mini\u0219-M\u0103derat Vineyard\"\r\n      ><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ==================== ACCORDION ITEM 2 (example) ==================== \r\n  <div class=\"pdf-accordion-item\">\r\n    <button class=\"pdf-accordion-header\" aria-expanded=\"false\">\r\n      Gal\u00e9ria 2\r\n      <span class=\"chevron\"><\/span>\r\n    <\/button>\r\n    <div class=\"pdf-accordion-content\">\r\n      <iframe\r\n        data-src=\"\/uploads\/2026\/04\/another-file.pdf\"\r\n        height=\"600\"\r\n        loading=\"lazy\"\r\n        title=\"Gal\u00e9ria 2 PDF\"\r\n      ><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n  -->\r\n\r\n  <!-- ==================== ADD MORE ITEMS HERE ==================== -->\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    \/\/ Select all accordion items inside this widget\r\n    var items = document.querySelectorAll('.pdf-accordion-wrapper .pdf-accordion-item');\r\n\r\n    items.forEach(function (item) {\r\n      var header  = item.querySelector('.pdf-accordion-header');\r\n      var content = item.querySelector('.pdf-accordion-content');\r\n      var iframe  = content.querySelector('iframe');\r\n\r\n      header.addEventListener('click', function () {\r\n        var isOpen = item.classList.contains('open');\r\n\r\n        if (isOpen) {\r\n          \/\/ ---- CLOSE ----\r\n          content.style.maxHeight = content.scrollHeight + 'px';\r\n          \/\/ Force reflow so the browser registers the starting value\r\n          content.offsetHeight; \r\n          content.style.maxHeight = '0';\r\n          item.classList.remove('open');\r\n          header.setAttribute('aria-expanded', 'false');\r\n        } else {\r\n          \/\/ ---- OPEN ----\r\n          \/\/ Lazy-load the PDF on first open\r\n          if (iframe && !iframe.src && iframe.dataset.src) {\r\n            iframe.src = iframe.dataset.src;\r\n          }\r\n\r\n          item.classList.add('open');\r\n          header.setAttribute('aria-expanded', 'true');\r\n          content.style.maxHeight = content.scrollHeight + 'px';\r\n\r\n          \/\/ After the transition ends, allow natural height \r\n          \/\/ (in case the content changes dynamically)\r\n          content.addEventListener('transitionend', function handler() {\r\n            if (item.classList.contains('open')) {\r\n              content.style.maxHeight = 'none';\r\n            }\r\n            content.removeEventListener('transitionend', handler);\r\n          });\r\n        }\r\n      });\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The main tourist sights in the Mini\u0219-M\u0103derat Vineyard<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_links_to":"","_links_to_target":""},"_links":{"self":[{"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/pages\/2369"}],"collection":[{"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/comments?post=2369"}],"version-history":[{"count":7,"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/pages\/2369\/revisions"}],"predecessor-version":[{"id":2379,"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/pages\/2369\/revisions\/2379"}],"wp:attachment":[{"href":"https:\/\/dkmt.net\/sr\/wp-json\/wp\/v2\/media?parent=2369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}