<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archívy Lucky - Hotel Chopok Resort</title>
	<atom:link href="https://resortchopok.sk/room-category/lucky/feed/" rel="self" type="application/rss+xml" />
	<link>https://resortchopok.sk/room-category/lucky/</link>
	<description></description>
	<lastBuildDate>Fri, 27 Sep 2024 14:36:45 +0000</lastBuildDate>
	<language>sk-SK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://resortchopok.sk/wp-content/uploads/2026/06/ChatGPT-Image-Jun-26-2026-05_27_52-PM1-150x150.webp</url>
	<title>Archívy Lucky - Hotel Chopok Resort</title>
	<link>https://resortchopok.sk/room-category/lucky/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Lúčky Izba (copy)</title>
		<link>https://resortchopok.sk/izby/lucky-izba-2/</link>
		
		<dc:creator><![CDATA[sin]]></dc:creator>
		<pubDate>Fri, 27 Sep 2024 14:36:45 +0000</pubDate>
				<guid isPermaLink="false">https://resortchopok.sk/?post_type=room&#038;p=409</guid>

					<description><![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor [&#8230;]</p>
<p>Článok <a href="https://resortchopok.sk/izby/lucky-izba-2/">Lúčky Izba (copy)</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="pl-409"  class="panel-layout" ><div id="pg-409-0"  class="panel-grid panel-has-style" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-409-0" id="hero-wrapper" data-stretch-type="full-width-stretch" ><div id="pgc-409-0-0"  class="panel-grid-cell" ><div id="panel-409-0-0-0" class="so-panel widget widget_sow-hero panel-first-child panel-last-child" data-index="0" ><div class="hero-img panel-widget-style panel-widget-style-for-409-0-0-0" id="hero-img" ><div
			
			class="so-widget-sow-hero so-widget-sow-hero-default-12e4c34baad1-409 so-widget-fittext-wrapper"
			 data-fit-text-compressor="0.85"
		>				<div class="sow-slider-base" style="display: none" tabindex="0">
					<ul
					class="sow-slider-images"
					data-settings="{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}"
										data-anchor-id=""
				>		<li class="sow-slider-image  sow-slider-image-cover" style="visibility: visible;;background-color: #333333" >
					<div class="sow-slider-image-container">
			<div class="sow-slider-image-wrapper">
				<h1 style="text-align: center">Wellness</h1>
			</div>
		</div>
		<div class="sow-slider-image-overlay sow-slider-image-cover" style="opacity: 0.6;background-image: url(https://resortchopok.sk/wp-content/uploads/2024/09/487615267-jpg.webp)"  ></div>		</li>
		</ul>				<ol class="sow-slider-pagination">
											<li><a href="#" data-goto="0" aria-label="Display slide 1"></a></li>
									</ol>

				<div class="sow-slide-nav sow-slide-nav-next">
					<a href="#" data-goto="next" aria-label="Next slide" data-action="next">
						<em class="sow-sld-icon-thin-right"></em>
					</a>
				</div>

				<div class="sow-slide-nav sow-slide-nav-prev">
					<a href="#" data-goto="previous" aria-label="Previous slide" data-action="prev">
						<em class="sow-sld-icon-thin-left"></em>
					</a>
				</div>
				</div></div></div></div></div></div></div><div id="pg-409-1"  class="panel-grid panel-no-style" ><div id="pgc-409-1-0"  class="panel-grid-cell" ><div id="panel-409-1-0-0" class="so-panel widget widget_room_attr_row_widget panel-first-child" data-index="1" >
<div class="info-post-row">
    
           
        <div class="post-visitor post-icon">
            3        </div>
        <span>|</span>

    
        
    </div></div><div id="panel-409-1-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="2" ><div
			
			class="so-widget-sow-editor so-widget-sow-editor-base"
			
		><h3 class="widget-title">Načo sa môžete tešiť</h3>
<div class="siteorigin-widget-tinymce textwidget">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<ul role="list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</div>
</div></div></div><div id="pgc-409-1-1"  class="panel-grid-cell" ><div id="panel-409-1-1-0" class="so-panel widget widget_form_action_offer_widget panel-first-child panel-last-child" data-index="3" ><style>

    .booking-engine-container_vertical {

        background-color: var(--light-project); /* Light background color */

        padding: 25px 0 20px;

        max-width: 400px;

        margin: 0 auto; /* Center the form */

        font-family: 'Arial', sans-serif; /* Clean and modern font */

    }

    .booking-engine-container_vertical > div {

        width: 90%;

        margin: 0 auto;

    }

    .booking-engine-container_vertical h5 {

        margin-top: 25px;

        margin-bottom: 20px;

    }



    .booking-engine-container_vertical label {

        display: block;

        margin-bottom: 0;

        font-size: 14px;

        color: var(--text); /* Dark text color */

        position: absolute;

        top: -15px;

        padding-top: 10px;

    }



    .booking-engine-container_vertical input[type="text"],

    .booking-engine-container_vertical input[type="number"] {

        width: 100%;

        

        font-size: 14px;

        color: var(--text);

        background-color: #fff;

        transition: border-color 0.3s ease;



        background: transparent;

        border: none;

        border-bottom: 1px solid var(--text);



        margin-bottom: 10px;

        padding-top: 0;

        padding-left: 40px;

        padding-right: 20px;

        padding-bottom: 0;



        height: 65px;

        width: 100%;

    }



    .booking-engine-container_vertical input[type="text"]:focus,

    .booking-engine-container_vertical input[type="number"]:focus {

        border-color: var(--project); /* Highlight color when focused */

        outline: none;

    }



    /* .booking-engine-container_vertical button:hover {

        background-color: #e68a00; 

    } */



    .booking-engine-container_vertical a {

        display: block;

        margin-top: 20px;

        color: #333;

        text-align: center;

        font-size: 14px;

        text-decoration: none;

    }



    .booking-engine-container_vertical a:hover {

        text-decoration: underline;

    }



    /* Responsive adjustments for smaller screens */

    @media (max-width: 500px) {

        .booking-engine-container_vertical {

            padding: 15px;

        }



        .booking-engine-container_vertical input,

        .booking-engine-container_vertical button {

            font-size: 13px;

        }

    }



    .booking-engine-container_vertical button {

        width: 100%;

        margin: 30px 0; 

    }

    .booking-engine-container_vertical button span {

        margin: 0 auto;

    }



    .booking-engine-container_vertical .form-post-contact-wrapper {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }



    .booking-engine-container_vertical a {

        text-align: left;

        box-sizing: border-box;

        white-space: normal;

        height: 45px;

        letter-spacing: 2px;

        font-size: 13px;

        font-weight: 500;



        margin-top: 0;

        display: flex;

        align-items: center;

        justify-content: flex-start;

    }



    .booking-engine-container_vertical a span {

        padding: 0;

    }



    .booking-engine-container_vertical .input-wrapper {

        position: relative;

        margin-bottom: 15px;

    }



    .booking-engine-container_vertical .input-wrapper::before {
        content: url(); /* Tvoje URL ikony */
        position: absolute;
        left: 0;
        top: 30%;
        transform: translateY(0);
        padding-right: 10px;
    }

    .input-hotel {
        margin-top: 35px;
        cursor: pointer;
    }
    .input-hotel label {
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }
    .input-hotel select {
        border: none;
        border-bottom: 1px solid var(--text);
        background: transparent;
        padding: 18px;
        width: 100%;
        cursor: pointer;
    }

    .flash-message-wrapper {
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -10px);
        z-index: 9;
    }
    .flash-message-wrapper > div {
        display: none;
        font-size: 13px;
        width: 200px;
        font-weight: 500;
        border-radius: 15px;
        padding: 9px;
       
        color: var(--white);
    }
    .childrens-error {
        background: var(--project);
    }

    .childrens-flash {
        margin-top: 7px;
        background: var(--green);
    }
</style>


<script>
/* <![CDATA[ */

function updateHotelChoice(selectElement) {
    
    const adresa_chopok = "https://booking.hotelchopok.sk/sk";
    const adresa_apartmany = "https://booking.apartmanyastudialucky.sk/sk";

    const selectedValue = jQuery(selectElement).val();
    const form = jQuery(selectElement).closest("form");

    if (selectedValue == "0") {
        form.attr("action", adresa_chopok);
    } else if (selectedValue == "1") {
        form.attr("action", adresa_apartmany);
    }
}

jQuery(document).ready(function($) {
    var dateFormat = "dd.mm.yy";

    var from = $("#arrival").datepicker({
        dateFormat: dateFormat,
        minDate: 0,
        onSelect: function(selectedDate) {
            var minDate = $(this).datepicker("getDate");
            if (minDate) {
                minDate.setDate(minDate.getDate() + 1); // najskorší možný odchod je nasledujúci deň
                $("#departure").datepicker("option", "minDate", minDate);
            }
        }
    });

    var to = $("#departure").datepicker({
        dateFormat: dateFormat,
        minDate: 1 // odchod najskôr zajtra
    });
});

/* Vek dietata max 15r */
/* Flesh message ako vyplnat vek dietata */
document.addEventListener("DOMContentLoaded", function () {
    const childrensInput = document.getElementById("childrens");
    const flash = document.getElementById("childrens-flash");
    const errorDiv = document.getElementById("childrens-error");
    const form = document.querySelector(".booking-engine-container_vertical form");

    // Zobraz flash správu pri focus
    childrensInput.addEventListener("focus", function () {
        flash.style.display = "block";
        setTimeout(() => {
            flash.style.display = "none";
        }, 8000);
    });

    // Validácia pri odoslaní formulára
    form.addEventListener("submit", function (e) {
        let rawValue = childrensInput.value.trim();

        // Odstráni všetky medzery okolo čísel (aj pred, aj za čiarkou)
        let cleaned = rawValue
            .split(',')
            .map(v => v.trim())
            .filter(v => v !== '') // odstráni prázdne položky
            .join(',');

        childrensInput.value = cleaned; // prepíš input späť bez medzier

        if (cleaned === "") return;

        const ages = cleaned.split(',').map(v => parseInt(v, 10));
        const hasInvalid = ages.some(age => isNaN(age) || age > 15 || age < 0);

        if (hasInvalid) {
            e.preventDefault();
            errorDiv.style.display = "block";
        } else {
            errorDiv.style.display = "none";
        }
    });

});
/* ]]&gt; */

</script>

<div class="booking-engine-container_vertical">

    <div>

    <form method="GET" action="https://booking.hotelchopok.sk/sk">

            <h5>Overte si dostupnosť</h5>

            <div class="input-wrapper input-hotel">
                <label>Vybrať hotel</label>
                <select name="hotelchoice" onChange="updateHotelChoice(this);"><option value="0" selected>Wellness Hotel Chopok ****</option><option value="1" >Apartmány a Štúdiá Lúčky</option></select>            </div>

            <div class="input-wrapper input-date">
                <label for="arrival">Príchod:</label>
                <input placeholder="Príchod" 
                    type="text" id="arrival" name="dateFrom" class="booking-input" required>
            </div>

            <div class="input-wrapper input-date">
                <label for="departure">Odchod:</label>
                <input placeholder="Odchod" 
                    type="text" id="departure" name="dateTo" class="booking-input" required>
            </div>

            <h5>Počet dospelých</h5>

            <div class="input-wrapper input-visitor">

                <label for="adults">Dospelí:</label>

                <input placeholder="Dospelí" 
                    type="number" id="adults" name="adultsCount" class="booking-input" min="1" value="" required>

            </div>


            <div class="input-wrapper input-visitor">
                <label for="childrens">Deti (vek):</label>
                <input 
                    type="text" 
                    id="childrens" 
                    name="childrens" 
                    class="booking-input" 
                    placeholder="Vek detí napr. 8,12"
                >

                <div class="flash-message-wrapper" id="childrens">
                    <div id="childrens-error" class="childrens-error">
                        Maximálny vek dieťaťa je 15 rokov. Použite len čísla do 15, oddelené čiarkou.                    </div>
                    <div id="childrens-flash" class="childrens-flash">
                        Zadajte vek detí oddelené čiarkou, napr.: 14,8,10. Max vek dieťaťa je 15r.                    </div>
                </div>
            </div>



            <div class="input-wrapper input-present">

                <label for="promo">Promokód:</label>

                <input placeholder="Promokód" 
                    type="text" id="promo" name="promocode" class="booking-input">

            </div>



            <button type="submit" class="btn btn-yellow">

                <span>Zistiť cenu</span>

            </button>

        </form>



        <!-- Optional link to the contact information or other services -->

        <div class="form-post-contact-wrapper">

            <a href="tel:+421911611386" title="Rezervácie Hotel Chopok telefón" class="btn btn-transparent">

                <span class="post-icon icon-tel">+421 / 911 611 386</span>

            </a>

            <a href="mailto:rezervacie@hotelchopok.sk" title="Rezervácie Hotel Chopok email" class="btn btn-transparent">

                <span class="post-icon icon-mail">rezervacie@hotelchopok.sk</span>

            </a>

        </div>

    </div>

</div>

</div></div></div><div id="pg-409-2"  class="panel-grid panel-no-style" ><div id="pgc-409-2-0"  class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-409-3"  class="panel-grid panel-no-style" ><div id="pgc-409-3-0"  class="panel-grid-cell" ><div id="panel-409-3-0-0" class="so-panel widget widget_newsletter_chopok_widget panel-first-child panel-last-child" data-index="4" ><style>
    .dynamic-block__newsletter .dynamic-block-center-line__content p {
        margin-bottom: 10px;
    }
    /* @media screen and (min-width: 991px) {
        .dynamic-block-center-line.dynamic-block__newsletter {
            height: 60vh;
        }
    } */
    @media screen and (max-width: 991px) {
        .dynamic-block-center-line.dynamic-block__image-right.dynamic-block__newsletter {
            min-width: 100vw;
            left: 50%;
            transform: translate(-50%, 0);
            flex-direction: column;
        }        
    }


    .btn-form {
        position: absolute !important;
        bottom: 0;
        left: 100%;
    }

    .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content {
        background-color: var(--light-project);
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form {
        z-index: 2;
        position: relative;
        
        margin-top: 15px;
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form input {
        border: none;
        min-height: 50px;
        background-color: var(--white);
        width: 100%;
        height: 65px;
        padding-left: 15px;
        font-size: 18px;
    }

    .newsletter-title {
        font-size: 2.7vw;
        font-weight: 500;
    }
    @media screen and (max-width: 991px) {
        .newsletter-title {
            font-size: 6vw;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content--wrapper {
            margin: 10% auto 0% !important;
            text-align: center;
        }

        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images {
            min-height: 30vh;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images .img-wrapper {
            height: 30vh !important;
        }

        .btn-form {
            top: 100%;
            left: 50%;
            transform: translate(-50%, 0);
        }

        .widget.widget_newsletter_chopok_widget {
            margin-bottom: 0 !important;
        }
    }
    @media screen and (max-width: 479px) {
        .newsletter-title {
            font-size: 11vw;
        }
    }

    .dynamic-block_newsletter {
        opacity: 0;
        transform: scale(0.1); /* Začína veľmi malý */
    }

</style>

<div class="dynamic-block-center-line dynamic-block__image-right dynamic-block__newsletter">

    <div class="dynamic-block-center-line__content">
        <div class="dynamic-block-center-line__content--wrapper" >
                            <h3 class="h3 newsletter-title">Novinky a špeciálne ponuky</h3>
                    

            
<div class="ecomail-form__wrapper">
                                
                    <!-- SK / CZ form Ecomail -->
                    <script>
                        (function (w,d,s,o,f,js,fjs) {
                            w['ecm-widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
                            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
                            js.id = '5-ed07fd6b07ff0199fabc8509f995f058'; js.dataset.a = 'hotelchopok'; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
                        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
                    </script>
                    <div id="f-5-ed07fd6b07ff0199fabc8509f995f058"></div>

                
            </div>
        </div>
    </div>
    
    <div class="dynamic-block-center-line__images ">
                    <div class="img-wrapper img-wrapper__up"
                style="background-image: url('https://resortchopok.sk/wp-content/uploads/2024/09/66b5fa7b072c3687d4279d86_F-10.jpg');
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    width: 100%;
                    height: 100%;
                    ">
            </div>
            </div>

</div>
</div></div></div></div><p>Článok <a href="https://resortchopok.sk/izby/lucky-izba-2/">Lúčky Izba (copy)</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lúčky Izba</title>
		<link>https://resortchopok.sk/izby/lucky-izba/</link>
		
		<dc:creator><![CDATA[sin]]></dc:creator>
		<pubDate>Thu, 26 Sep 2024 14:30:01 +0000</pubDate>
				<guid isPermaLink="false">https://resortchopok.sk/?post_type=room&#038;p=372</guid>

					<description><![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor [&#8230;]</p>
<p>Článok <a href="https://resortchopok.sk/izby/lucky-izba/">Lúčky Izba</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="pl-372"  class="panel-layout" ><div id="pg-372-0"  class="panel-grid panel-has-style" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-372-0" id="hero-wrapper" data-stretch-type="full-width-stretch" ><div id="pgc-372-0-0"  class="panel-grid-cell" ><div id="panel-372-0-0-0" class="so-panel widget widget_sow-hero panel-first-child panel-last-child" data-index="0" ><div class="hero-img panel-widget-style panel-widget-style-for-372-0-0-0" id="hero-img" ><div
			
			class="so-widget-sow-hero so-widget-sow-hero-default-12e4c34baad1-372 so-widget-fittext-wrapper"
			 data-fit-text-compressor="0.85"
		>				<div class="sow-slider-base" style="display: none" tabindex="0">
					<ul
					class="sow-slider-images"
					data-settings="{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}"
										data-anchor-id=""
				>		<li class="sow-slider-image  sow-slider-image-cover" style="visibility: visible;;background-color: #333333" >
					<div class="sow-slider-image-container">
			<div class="sow-slider-image-wrapper">
				<h1 style="text-align: center">Wellness</h1>
			</div>
		</div>
		<div class="sow-slider-image-overlay sow-slider-image-cover" style="opacity: 0.6;background-image: url(https://resortchopok.sk/wp-content/uploads/2024/09/487615267-jpg.webp)"  ></div>		</li>
		</ul>				<ol class="sow-slider-pagination">
											<li><a href="#" data-goto="0" aria-label="Display slide 1"></a></li>
									</ol>

				<div class="sow-slide-nav sow-slide-nav-next">
					<a href="#" data-goto="next" aria-label="Next slide" data-action="next">
						<em class="sow-sld-icon-thin-right"></em>
					</a>
				</div>

				<div class="sow-slide-nav sow-slide-nav-prev">
					<a href="#" data-goto="previous" aria-label="Previous slide" data-action="prev">
						<em class="sow-sld-icon-thin-left"></em>
					</a>
				</div>
				</div></div></div></div></div></div></div><div id="pg-372-1"  class="panel-grid panel-no-style" ><div id="pgc-372-1-0"  class="panel-grid-cell" ><div id="panel-372-1-0-0" class="so-panel widget widget_room_attr_row_widget panel-first-child" data-index="1" >
<div class="info-post-row">
    
           
        <div class="post-visitor post-icon">
            2        </div>
        <span>|</span>

    
        
    </div></div><div id="panel-372-1-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="2" ><div
			
			class="so-widget-sow-editor so-widget-sow-editor-base"
			
		><h3 class="widget-title">Načo sa môžete tešiť</h3>
<div class="siteorigin-widget-tinymce textwidget">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<ul role="list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</div>
</div></div></div><div id="pgc-372-1-1"  class="panel-grid-cell" ><div id="panel-372-1-1-0" class="so-panel widget widget_form_action_offer_widget panel-first-child panel-last-child" data-index="3" ><style>

    .booking-engine-container_vertical {

        background-color: var(--light-project); /* Light background color */

        padding: 25px 0 20px;

        max-width: 400px;

        margin: 0 auto; /* Center the form */

        font-family: 'Arial', sans-serif; /* Clean and modern font */

    }

    .booking-engine-container_vertical > div {

        width: 90%;

        margin: 0 auto;

    }

    .booking-engine-container_vertical h5 {

        margin-top: 25px;

        margin-bottom: 20px;

    }



    .booking-engine-container_vertical label {

        display: block;

        margin-bottom: 0;

        font-size: 14px;

        color: var(--text); /* Dark text color */

        position: absolute;

        top: -15px;

        padding-top: 10px;

    }



    .booking-engine-container_vertical input[type="text"],

    .booking-engine-container_vertical input[type="number"] {

        width: 100%;

        

        font-size: 14px;

        color: var(--text);

        background-color: #fff;

        transition: border-color 0.3s ease;



        background: transparent;

        border: none;

        border-bottom: 1px solid var(--text);



        margin-bottom: 10px;

        padding-top: 0;

        padding-left: 40px;

        padding-right: 20px;

        padding-bottom: 0;



        height: 65px;

        width: 100%;

    }



    .booking-engine-container_vertical input[type="text"]:focus,

    .booking-engine-container_vertical input[type="number"]:focus {

        border-color: var(--project); /* Highlight color when focused */

        outline: none;

    }



    /* .booking-engine-container_vertical button:hover {

        background-color: #e68a00; 

    } */



    .booking-engine-container_vertical a {

        display: block;

        margin-top: 20px;

        color: #333;

        text-align: center;

        font-size: 14px;

        text-decoration: none;

    }



    .booking-engine-container_vertical a:hover {

        text-decoration: underline;

    }



    /* Responsive adjustments for smaller screens */

    @media (max-width: 500px) {

        .booking-engine-container_vertical {

            padding: 15px;

        }



        .booking-engine-container_vertical input,

        .booking-engine-container_vertical button {

            font-size: 13px;

        }

    }



    .booking-engine-container_vertical button {

        width: 100%;

        margin: 30px 0; 

    }

    .booking-engine-container_vertical button span {

        margin: 0 auto;

    }



    .booking-engine-container_vertical .form-post-contact-wrapper {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }



    .booking-engine-container_vertical a {

        text-align: left;

        box-sizing: border-box;

        white-space: normal;

        height: 45px;

        letter-spacing: 2px;

        font-size: 13px;

        font-weight: 500;



        margin-top: 0;

        display: flex;

        align-items: center;

        justify-content: flex-start;

    }



    .booking-engine-container_vertical a span {

        padding: 0;

    }



    .booking-engine-container_vertical .input-wrapper {

        position: relative;

        margin-bottom: 15px;

    }



    .booking-engine-container_vertical .input-wrapper::before {
        content: url(); /* Tvoje URL ikony */
        position: absolute;
        left: 0;
        top: 30%;
        transform: translateY(0);
        padding-right: 10px;
    }

    .input-hotel {
        margin-top: 35px;
        cursor: pointer;
    }
    .input-hotel label {
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }
    .input-hotel select {
        border: none;
        border-bottom: 1px solid var(--text);
        background: transparent;
        padding: 18px;
        width: 100%;
        cursor: pointer;
    }

    .flash-message-wrapper {
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -10px);
        z-index: 9;
    }
    .flash-message-wrapper > div {
        display: none;
        font-size: 13px;
        width: 200px;
        font-weight: 500;
        border-radius: 15px;
        padding: 9px;
       
        color: var(--white);
    }
    .childrens-error {
        background: var(--project);
    }

    .childrens-flash {
        margin-top: 7px;
        background: var(--green);
    }
</style>


<script>
/* <![CDATA[ */

function updateHotelChoice(selectElement) {
    
    const adresa_chopok = "https://booking.hotelchopok.sk/sk";
    const adresa_apartmany = "https://booking.apartmanyastudialucky.sk/sk";

    const selectedValue = jQuery(selectElement).val();
    const form = jQuery(selectElement).closest("form");

    if (selectedValue == "0") {
        form.attr("action", adresa_chopok);
    } else if (selectedValue == "1") {
        form.attr("action", adresa_apartmany);
    }
}

jQuery(document).ready(function($) {
    var dateFormat = "dd.mm.yy";

    var from = $("#arrival").datepicker({
        dateFormat: dateFormat,
        minDate: 0,
        onSelect: function(selectedDate) {
            var minDate = $(this).datepicker("getDate");
            if (minDate) {
                minDate.setDate(minDate.getDate() + 1); // najskorší možný odchod je nasledujúci deň
                $("#departure").datepicker("option", "minDate", minDate);
            }
        }
    });

    var to = $("#departure").datepicker({
        dateFormat: dateFormat,
        minDate: 1 // odchod najskôr zajtra
    });
});

/* Vek dietata max 15r */
/* Flesh message ako vyplnat vek dietata */
document.addEventListener("DOMContentLoaded", function () {
    const childrensInput = document.getElementById("childrens");
    const flash = document.getElementById("childrens-flash");
    const errorDiv = document.getElementById("childrens-error");
    const form = document.querySelector(".booking-engine-container_vertical form");

    // Zobraz flash správu pri focus
    childrensInput.addEventListener("focus", function () {
        flash.style.display = "block";
        setTimeout(() => {
            flash.style.display = "none";
        }, 8000);
    });

    // Validácia pri odoslaní formulára
    form.addEventListener("submit", function (e) {
        let rawValue = childrensInput.value.trim();

        // Odstráni všetky medzery okolo čísel (aj pred, aj za čiarkou)
        let cleaned = rawValue
            .split(',')
            .map(v => v.trim())
            .filter(v => v !== '') // odstráni prázdne položky
            .join(',');

        childrensInput.value = cleaned; // prepíš input späť bez medzier

        if (cleaned === "") return;

        const ages = cleaned.split(',').map(v => parseInt(v, 10));
        const hasInvalid = ages.some(age => isNaN(age) || age > 15 || age < 0);

        if (hasInvalid) {
            e.preventDefault();
            errorDiv.style.display = "block";
        } else {
            errorDiv.style.display = "none";
        }
    });

});
/* ]]&gt; */

</script>

<div class="booking-engine-container_vertical">

    <div>

    <form method="GET" action="https://booking.hotelchopok.sk/sk">

            <h5>Overte si dostupnosť</h5>

            <div class="input-wrapper input-hotel">
                <label>Vybrať hotel</label>
                <select name="hotelchoice" onChange="updateHotelChoice(this);"><option value="0" selected>Wellness Hotel Chopok ****</option><option value="1" >Apartmány a Štúdiá Lúčky</option></select>            </div>

            <div class="input-wrapper input-date">
                <label for="arrival">Príchod:</label>
                <input placeholder="Príchod" 
                    type="text" id="arrival" name="dateFrom" class="booking-input" required>
            </div>

            <div class="input-wrapper input-date">
                <label for="departure">Odchod:</label>
                <input placeholder="Odchod" 
                    type="text" id="departure" name="dateTo" class="booking-input" required>
            </div>

            <h5>Počet dospelých</h5>

            <div class="input-wrapper input-visitor">

                <label for="adults">Dospelí:</label>

                <input placeholder="Dospelí" 
                    type="number" id="adults" name="adultsCount" class="booking-input" min="1" value="" required>

            </div>


            <div class="input-wrapper input-visitor">
                <label for="childrens">Deti (vek):</label>
                <input 
                    type="text" 
                    id="childrens" 
                    name="childrens" 
                    class="booking-input" 
                    placeholder="Vek detí napr. 8,12"
                >

                <div class="flash-message-wrapper" id="childrens">
                    <div id="childrens-error" class="childrens-error">
                        Maximálny vek dieťaťa je 15 rokov. Použite len čísla do 15, oddelené čiarkou.                    </div>
                    <div id="childrens-flash" class="childrens-flash">
                        Zadajte vek detí oddelené čiarkou, napr.: 14,8,10. Max vek dieťaťa je 15r.                    </div>
                </div>
            </div>



            <div class="input-wrapper input-present">

                <label for="promo">Promokód:</label>

                <input placeholder="Promokód" 
                    type="text" id="promo" name="promocode" class="booking-input">

            </div>



            <button type="submit" class="btn btn-yellow">

                <span>Zistiť cenu</span>

            </button>

        </form>



        <!-- Optional link to the contact information or other services -->

        <div class="form-post-contact-wrapper">

            <a href="tel:+421911611386" title="Rezervácie Hotel Chopok telefón" class="btn btn-transparent">

                <span class="post-icon icon-tel">+421 / 911 611 386</span>

            </a>

            <a href="mailto:rezervacie@hotelchopok.sk" title="Rezervácie Hotel Chopok email" class="btn btn-transparent">

                <span class="post-icon icon-mail">rezervacie@hotelchopok.sk</span>

            </a>

        </div>

    </div>

</div>

</div></div></div><div id="pg-372-2"  class="panel-grid panel-no-style" ><div id="pgc-372-2-0"  class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-372-3"  class="panel-grid panel-no-style" ><div id="pgc-372-3-0"  class="panel-grid-cell" ><div id="panel-372-3-0-0" class="so-panel widget widget_newsletter_chopok_widget panel-first-child panel-last-child" data-index="4" ><style>
    .dynamic-block__newsletter .dynamic-block-center-line__content p {
        margin-bottom: 10px;
    }
    /* @media screen and (min-width: 991px) {
        .dynamic-block-center-line.dynamic-block__newsletter {
            height: 60vh;
        }
    } */
    @media screen and (max-width: 991px) {
        .dynamic-block-center-line.dynamic-block__image-right.dynamic-block__newsletter {
            min-width: 100vw;
            left: 50%;
            transform: translate(-50%, 0);
            flex-direction: column;
        }        
    }


    .btn-form {
        position: absolute !important;
        bottom: 0;
        left: 100%;
    }

    .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content {
        background-color: var(--light-project);
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form {
        z-index: 2;
        position: relative;
        
        margin-top: 15px;
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form input {
        border: none;
        min-height: 50px;
        background-color: var(--white);
        width: 100%;
        height: 65px;
        padding-left: 15px;
        font-size: 18px;
    }

    .newsletter-title {
        font-size: 2.7vw;
        font-weight: 500;
    }
    @media screen and (max-width: 991px) {
        .newsletter-title {
            font-size: 6vw;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content--wrapper {
            margin: 10% auto 0% !important;
            text-align: center;
        }

        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images {
            min-height: 30vh;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images .img-wrapper {
            height: 30vh !important;
        }

        .btn-form {
            top: 100%;
            left: 50%;
            transform: translate(-50%, 0);
        }

        .widget.widget_newsletter_chopok_widget {
            margin-bottom: 0 !important;
        }
    }
    @media screen and (max-width: 479px) {
        .newsletter-title {
            font-size: 11vw;
        }
    }

    .dynamic-block_newsletter {
        opacity: 0;
        transform: scale(0.1); /* Začína veľmi malý */
    }

</style>

<div class="dynamic-block-center-line dynamic-block__image-right dynamic-block__newsletter">

    <div class="dynamic-block-center-line__content">
        <div class="dynamic-block-center-line__content--wrapper" >
                            <h3 class="h3 newsletter-title">Novinky a špeciálne ponuky</h3>
                    

            
<div class="ecomail-form__wrapper">
                                
                    <!-- SK / CZ form Ecomail -->
                    <script>
                        (function (w,d,s,o,f,js,fjs) {
                            w['ecm-widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
                            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
                            js.id = '5-ed07fd6b07ff0199fabc8509f995f058'; js.dataset.a = 'hotelchopok'; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
                        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
                    </script>
                    <div id="f-5-ed07fd6b07ff0199fabc8509f995f058"></div>

                
            </div>
        </div>
    </div>
    
    <div class="dynamic-block-center-line__images ">
                    <div class="img-wrapper img-wrapper__up"
                style="background-image: url('https://resortchopok.sk/wp-content/uploads/2024/09/66b5fa7b072c3687d4279d86_F-10.jpg');
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    width: 100%;
                    height: 100%;
                    ">
            </div>
            </div>

</div>
</div></div></div></div><p>Článok <a href="https://resortchopok.sk/izby/lucky-izba/">Lúčky Izba</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
