"./cene-in-reference/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cene in reference - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

    <main>
        <section class="rates-hero">
            <div class="rates-hero-container">
                <div class="rates-hero-text" data-aos="fade-up">
                    <span class="rates-hero-kicker">Cene in reference</span>
                    <h1>C E N I K</h1>
                    <p class="rates-hero-lead">Cene za učno uro tečaja ali inštrukcij</p>
                </div>
                <div class="rates-hero-card" data-aos="fade-left" data-aos-delay="120">
                    <h3>Cene za medkulturno posredovanje</h3>
                    <ul class="rates-hero-list">
                        <li>
                            <strong>30 €</strong>
                            <span class="rates-hero-separator">&ndash;</span>
                            <span>30 min</span>
                        </li>
                        <li>
                            <strong>50 €</strong>
                            <span class="rates-hero-separator">&ndash;</span>
                            <span>60 min</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="rates-hero-shape shape-a"></div>
            <div class="rates-hero-shape shape-b"></div>
            <div class="rates-hero-shape shape-c"></div>
        </section>

        <section class="rates-pricing">
            <div class="rates-pricing-container">
                <div class="rates-section" data-theme="teaching">
                    <div class="rates-section-header" data-aos="fade-up">
                        <h2>Cene za učno uro tečaja ali inštrukcij</h2>
                    </div>
                    <div class="rates-card-grid">
                        <article class="rates-card" data-aos="fade-up" data-aos-delay="80">
                            <div class="rates-card-value">8 - 10 €</div>
                            <h3>v skupini</h3>
                            <ul>
                                <li>4 - 6 udeležencev - 10 €</li>
                                <li>7 - 15 udeležencev - 8 €</li>
                            </ul>
                        </article>
                        <article class="rates-card" data-aos="fade-up" data-aos-delay="140">
                            <div class="rates-card-value">15 - 20 €</div>
                            <h3>v paru</h3>
                            <ul>
                                <li>učenci in dijaki - 15 €</li>
                                <li>odrasli - 20 €</li>
                            </ul>
                        </article>
                        <article class="rates-card" data-aos="fade-up" data-aos-delay="200">
                            <div class="rates-card-value">25 - 30 €</div>
                            <h3>individualno</h3>
                            <ul>
                                <li>učenci in dijaki - 25 €</li>
                                <li>odrasli - 30 €</li>
                            </ul>
                        </article>
                    </div>
                    <div class="rates-section-shape shape-d"></div>
                </div>
            </div>
        </section>

        <section class="rates-testimonials">
            <div class="rates-testimonials-container">
                <div class="rates-testimonials-header" data-aos="fade-up">
                    <h2>R E F E R E N C E</h2>
                    <h3>Kaj pravijo meni/o meni...</h3>
                </div>
                <div class="rates-testimonial-grid">
                    <article class="rates-testimonial-card" data-accent="sunrise" data-aos="fade-up" data-aos-delay="120">
                        <div class="rates-testimonial-text">
                            <div class="rates-testimonial-full">
                                <p>V veliko veselje mi je nekaj malega napisati o Amri Kurešepi za njeno spletno stran v okencu 'kaj pravijo o meni'.</p>
                                <p>Amra je prišla v Ljubljano iz Prištine in tu nadaljevala študij angleščine na bolonjski magistrski stopnji. Poleg predanega magistrskega študija se je ves čas tudi zelo intenzivno učila slovenščine. Ves čas študija je kazala iskren interes in zavzetost za poučevanje, hkrati pa tudi zadostno mero kritičnosti do sebe in drugih. Amra je sprva morda delovala plaho (verjetno zaradi velikih življenjskih sprememb), vendar se je hitro sprostila in lepo vključila v razred. K dobremu delu skupine je prispevala s tem, da je bila pripravljena prevzeti pobudo; natančnost, vztrajnost in zdrava samozavest pa so ji zagotavljaje uspeh v razredu.</p>
                                <p>Pod mojim mentorstvom je uspešno opravila pedagoško prakso na OŠ Hinka Smrekarja, v času študija smo skupaj opravili veliko hospitacij po različnih srednjih in osnovnih šolah v Ljubljani, svoj izpitni nastop pa je opravljala na Gimnaziji Bežigrad. Oktobra 2019 je pod mojim mentorstvom študij zaključila z magistrskim delom z naslovom "Factors that Influence the Process of Learning Foreign Languages and Some Potential Effects of Multilingualism" (Dejavniki, ki vplivajo na proces učenja tujih jezikov in nekaj morebitnih učinkov večjezičnosti).</p>
                                <p>V luči mojega osebnega poznavanja kolegice Amre Kurešepi sem prepričan, da lastnosti, ki jih je izkazovala že med študijem, tj. zavzetost, resnost, odgovornost, samostojnost in ustvarjalnost, izkazuje pri vsakem delu, ki ga opravlja.</p>
                            </div>
                        </div>
                        <div class="rates-testimonial-author">
                            <p>red. prof. dr. Janez Skela</p>
                            <p>Vodja Katedre za didaktiko angleščine, Oddelek za anglistiko in amerikanistiko FF UL</p>
                        </div>
                    </article>

                    <article class="rates-testimonial-card" data-accent="dawn" data-aos="fade-up" data-aos-delay="200">
                        <div class="rates-testimonial-text">
                            <p>Amra, ful ti hvala za vse res. Tako sem vesela, da nimam odpora do učenja angleščine. Res čutim, da sem na pravi poti in želim od tega tečaja odnesit max. Me je pa treba priganjati in ti počneš to zelo prijazno in profesionalno, za kar sem ti neskočno hvaležna. Tokrat prvič nimam strahu in sramu, da bom povedala ali naredila kaj narobe.</p>
                        </div>
                        <div class="rates-testimonial-author">
                            <p>Mojca Triller</p>
                            <p>Predstavnik klicnega centra</p>
                        </div>
                    </article>
                </div>
                <div class="rates-testimonials-shape shape-e"></div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./cene-in-sodelovanja/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cene in sodelovanja - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="pricing-hero">
            <div class="pricing-content">
                <h1 data-aos="fade-up">Cene in sodelovanja</h1>
                <p class="pricing-intro" data-aos="fade-up" data-aos-delay="100">Za informacije o cenah nas kontaktirajte.</p>
                <a href="/kontakt" class="cta-button" data-aos="fade-up" data-aos-delay="200">Stopite v stik</a>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html> 
"""


"./css/style.css" : 
"""
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Reset and base styles */
:root {
    --primary-color: #fb6339;
    --text-color: #000000;
    --bg-color: #ffffff;
    --light-bg: #f9f9f9;
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background: var(--bg-color);
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden;
}

/* Header and Navigation */
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: flex;
    align-items: center;
}

.logo a {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: 1px;
}

.logo img {
    /* Višino zmanjšamo za 10px (5px zgoraj, 5px spodaj) */
    height: calc(50px + 2rem - 10px);
    width: auto;
    /* Negativni rob zmanjšamo za 5px, da ustvarimo prostor */
    margin-top: calc(-1rem + 5px);
    margin-bottom: calc(-1rem + 5px);
    margin-right: 10px;
}

.nav-links {
    display: flex;
    align-items: center;
}

.nav-links a {
    color: var(--text-color);
    text-decoration: none;
    margin-left: 2rem;
    font-weight: 500;
    transition: var(--transition);
    padding: 0.5rem 0;
}

.nav-links a:hover,
.nav-links a.active,
.dropbtn.active {
    color: var(--primary-color);
}

/* Mobile menu button */
.mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
}

.mobile-menu-btn span {
    width: 30px;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
}

/* Hero Section */
.hero {
    padding: 120px 2rem 60px;
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-content {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.hero-text {
    max-width: 600px;
}

.hero h1 {
    font-size: 3rem;
    margin-bottom: 2rem;
    color: var(--text-color);
}

.hero h2 {
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
    transition: var(--transition);
}

.hero-image img:hover {
    transform: translateY(-10px);
    filter: drop-shadow(0 20px 30px rgba(251, 99, 57, 0.2));
}

.pros-berry-explanation {
    margin: 2rem 0;
    padding: 2rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* CTA Button */
.cta-button {
    display: inline-block;
    padding: 1rem 2rem;
    background: var(--primary-color);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 500;
    transition: var(--transition);
    margin-top: 2rem;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.4);
}

/* Services Section */
.services {
    padding: 80px 2rem;
    background: white;
}

.services h2 {
    text-align: center;
    margin-bottom: 3rem;
    color: var(--text-color);
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.service-card {
    padding: 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
    text-align: center;
}

.service-card:hover {
    transform: translateY(-5px);
}

.service-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(251, 99, 57, 0.1);
    border-radius: 50%;
    transition: var(--transition);
}

.service-icon .emoji {
    font-size: 3.5rem;
    transition: var(--transition);
}

.service-card:hover .service-icon {
    background-color: var(--primary-color);
}

.service-card:hover .service-icon .emoji {
    color: white;
    transform: scale(1.1);
}

.service-card h3 {
    color: var(--primary-color);
    margin-bottom: 1rem;
}

/* Contact Info Section */
.contact-info {
    padding: 60px 2rem;
    text-align: center;
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}

.contact-info a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
}

.contact-info a:hover {
    text-decoration: underline;
}

/* Footer */
footer {
    background: var(--text-color);
    color: var(--bg-color);
    padding: 3rem 2rem;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo h3 {
    color: var(--primary-color);
}

.footer-contact a {
    color: var(--bg-color);
    text-decoration: none;
    transition: var(--transition);
}

.footer-contact a:hover {
    color: var(--primary-color);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .hero-text {
        max-width: 100%;
        text-align: center;
    }

    .hero-image {
        order: -1;
    }

    .hero-image img {
        max-width: 80%;
    }
}

@media (max-width: 768px) {
    .nav-links .dropdown {
        width: 100%;
        margin-left: 0;
    }

    .nav-links a,
    .nav-links .dropdown .dropbtn {
        margin: 0;
        padding: 0.9rem 1.1rem;
        text-align: left;
        border-radius: 12px;
        font-size: 1rem;
        display: block;
        width: 100%;
    }

    .nav-links .dropdown .dropbtn {
        background: rgba(251, 99, 57, 0.08);
        border: none;
    }

    .nav-links .dropdown:hover .dropbtn,
    .nav-links .dropdown .dropbtn.active,
    .nav-links a:hover,
    .nav-links a.active {
        background: rgba(251, 99, 57, 0.16);
    }

    .nav-links {
        display: none;
        position: fixed;
        top: 72px;
        left: 0;
        width: 100%;
        height: calc(100vh - 72px);
        background: rgba(255, 255, 255, 0.98);
        padding: 1.5rem 1.25rem 2.2rem;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
        backdrop-filter: blur(12px);
        overflow-y: auto;
        z-index: 999;
    }

    .nav-links.active {
        display: flex;
    }

    .mobile-menu-btn {
        display: flex;
        z-index: 1000;
    }

    .mobile-menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    .dropdown-content,
    .dropdown-submenu-content {
        position: static;
        display: none;
        box-shadow: none;
        background: transparent;
        border-radius: 0;
        min-width: 100%;
        padding: 0;
        margin: 0.35rem 0 0;
    }

    .dropdown-content a {
        padding: 0.8rem 1.1rem;
        border-radius: 10px;
    }

    .dropdown-submenu-content {
        margin-left: 0;
        padding: 0.2rem 0 0.8rem;
        border-left: 2px solid rgba(251, 99, 57, 0.2);
    }

    .dropdown-submenu-content a {
        padding-left: 1.6rem;
    }

    /* Hero section mobile optimization */
    .hero {
        padding: 100px 1.5rem 40px;
        min-height: auto;
    }

    .hero h1 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .hero-image {
        order: -1;
    }

    .hero-image img {
        max-width: 80%;
    }

    /* Services section mobile optimization */
    .services {
        padding: 60px 1.5rem;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .service-card {
        padding: 1.5rem;
    }

    /* General mobile optimizations */
    section {
        padding: 60px 1.5rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.25rem;
    }

    p {
        font-size: 1rem;
    }

    .cta-button {
        width: 100%;
        text-align: center;
        padding: 1rem;
    }

    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 2rem;
    }

    .logo img {
        height: calc(50px + 2rem - 10px);
        width: auto;
        margin-top: calc(-1rem + 5px);
        margin-bottom: calc(-1rem + 5px);
        margin-right: 10px;
    }

    .service-icon {
        width: 120px;
        height: 120px;
    }

    .service-icon .emoji {
        font-size: 4rem;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .hero h1 {
        font-size: 1.75rem;
    }

    .hero-image img {
        max-width: 100%;
    }

    .service-card {
        padding: 1.25rem;
    }

    .footer-content {
        padding: 2rem 1.5rem;
    }

    .service-icon {
        width: 110px;
        height: 110px;
    }

    .service-icon .emoji {
        font-size: 3.8rem;
    }
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease forwards;
}

/* About Page Styles */
.about-hero {
    position: relative;
    padding: 160px 2rem 150px;
    background: #fdfcfa;
    overflow: hidden;
}

.about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%),
        radial-gradient(circle at 78% 14%, rgba(255, 210, 190, 0.32) 0%, rgba(255, 210, 190, 0) 60%),
        radial-gradient(circle at 68% 80%, rgba(200, 230, 255, 0.25) 0%, rgba(200, 230, 255, 0) 60%);
    z-index: 0;
}

.about-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 3rem;
    align-items: center;
}

.about-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.about-hero-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 0.35rem 1rem;
    border-radius: 999px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
}

.about-hero h1 {
    font-size: 3rem;
    line-height: 1.25;
    color: #1f2530;
    margin: 0;
}

.about-hero-text p {
    font-size: 1.12rem;
    line-height: 1.9;
    color: #454b57;
    max-width: 65ch;
    text-align: justify;
}

.about-hero-image {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.about-hero-image .image-frame {
    position: relative;
    padding: 0;
    border-radius: 36px;
    background: transparent;
    box-shadow: 0 25px 55px rgba(15, 25, 40, 0.12);
    overflow: hidden;
}

.about-hero-image picture,
.about-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 28px;
}

.about-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.about-hero .shape-a {
    width: 260px;
    height: 260px;
    background: rgba(251, 99, 57, 0.16);
    top: 18%;
    left: 4%;
}

.about-hero .shape-b {
    width: 120px;
    height: 120px;
    border: 2px dotted rgba(251, 99, 57, 0.45);
    top: 24%;
    right: 16%;
}

.about-hero .shape-c {
    width: 320px;
    height: 320px;
    background: rgba(254, 219, 204, 0.28);
    bottom: -120px;
    left: 22%;
}

.about-hero .shape-d {
    width: 90px;
    height: 90px;
    border: 2px solid rgba(200, 230, 255, 0.45);
    bottom: 12%;
    right: 8%;
}

.about-accordion-section {
    background: #ffffff;
    padding: 0 2rem 140px;
}

.about-accordion-container {
    max-width: 960px;
    margin: -90px auto 0;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08);
    padding: 3.25rem 3rem;
    position: relative;
    overflow: hidden;
}

.about-accordion-container::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 70%);
    top: -120px;
    right: -80px;
    z-index: 0;
}

.about-accordion-container > * {
    position: relative;
    z-index: 1;
}

.about-accordion-intro {
    text-align: center;
    margin-bottom: 2.5rem;
}

.about-accordion-intro p {
    font-size: 1rem;
    color: #5a5f69;
}

.about-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.about-accordion-item {
    border-radius: 18px;
    background: rgba(253, 252, 250, 0.85);
    border: 1px solid rgba(31, 37, 48, 0.06);
    box-shadow: 0 18px 35px rgba(15, 25, 40, 0.07);
    overflow: hidden;
}

.about-accordion-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.8rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2530;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.25s ease, color 0.25s ease;
}

.about-accordion-toggle span:first-child {
    flex: 1;
}

.about-accordion-toggle:focus-visible {
    outline: 2px solid rgba(251, 99, 57, 0.4);
    outline-offset: 4px;
}

.about-accordion-toggle[aria-expanded="true"] {
    background: rgba(251, 99, 57, 0.08);
    color: var(--primary-color);
}

.accordion-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(251, 99, 57, 0.45);
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    color: var(--primary-color);
    transition: transform 0.25s ease, background 0.25s ease;
}

.accordion-icon::after {
    content: "+";
    font-weight: 600;
}

.about-accordion-toggle[aria-expanded="true"] .accordion-icon::after {
    content: "–";
}

.about-accordion-toggle[aria-expanded="true"] .accordion-icon {
    background: rgba(251, 99, 57, 0.14);
}

.about-accordion-content p {
    text-align: justify;
}

.about-accordion-content {
    padding: 0 1.8rem 1.8rem;
    font-size: 1rem;
    line-height: 1.85;
    color: #4f5562;
}

.about-accordion-content p + p {
    margin-top: 1.1rem;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .about-hero {
        padding: 130px 1.5rem 130px;
    }

    .about-hero-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }

    .about-hero-text {
        text-align: center;
        align-items: center;
    }

    .about-hero-kicker {
        align-self: center;
    }

    .about-hero-text p {
        max-width: 48ch;
    }

    .about-hero-image .image-frame {
        max-width: min(90%, 420px);
        margin: 0 auto;
    }

    .about-accordion-container {
        margin: -60px auto 0;
        padding: 2.8rem 2.4rem;
    }
}

@media (max-width: 768px) {
    .about-hero {
        padding: 120px 1.25rem 110px;
    }

    .about-hero h1 {
        font-size: 2.4rem;
    }

    .about-hero-text p {
        font-size: 1.05rem;
    }

    .about-hero .shape-a {
        width: 220px;
        height: 220px;
    }

    .about-hero .shape-b,
    .about-hero .shape-d {
        display: none;
    }

    .about-hero .shape-c {
        width: 260px;
        height: 260px;
        left: 18%;
    }

    .about-accordion-container {
        padding: 2.4rem 1.9rem;
        margin: -40px auto 0;
        border-radius: 22px;
        box-shadow: 0 25px 60px rgba(15, 25, 40, 0.08);
    }

    .about-accordion-toggle {
        padding: 1.2rem 1.4rem;
        font-size: 1rem;
    }

    .about-accordion-content {
        padding: 0 1.4rem 1.4rem;
    }

    .accordion-icon {
        width: 30px;
        height: 30px;
        font-size: 1rem;
    }
}

@media (max-width: 520px) {
    .about-hero {
        padding: 110px 1rem 100px;
    }

    .about-hero h1 {
        font-size: 2.1rem;
    }

    .about-hero-text p {
        font-size: 1rem;
        max-width: 100%;
    }

    .about-hero-image .image-frame {
        padding: 1rem;
        max-width: 320px;
    }

    .about-accordion-container {
        padding: 2.1rem 1.3rem;
        margin: -20px auto 0;
        border-radius: 20px;
        box-shadow: 0 18px 40px rgba(15, 25, 40, 0.08);
    }

    .about-accordion-toggle {
        padding: 1rem 1.1rem;
    }

    .about-hero .shape-a,
    .about-hero .shape-c {
        display: none;
    }

    .about-accordion-item {
        border-radius: 14px;
    }

.about-accordion-content {
    font-size: 0.98rem;
}
}

/* Offer Page Styles */
.offer-hero {
    position: relative;
    padding: 160px 2rem 140px;
    background: #fdfcfa;
    overflow: hidden;
}

.offer-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1160px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 3.2rem;
    align-items: center;
}

.offer-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.offer-hero-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 0.4rem 1.1rem;
    border-radius: 999px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
}

.offer-hero h1 {
    font-size: 3rem;
    line-height: 1.24;
    color: #1f2530;
    margin: 0;
}

.offer-hero-lead {
    font-size: 1.15rem;
    line-height: 1.85;
    color: #454b57;
    max-width: 60ch;
    text-align: justify;
}

.offer-hero-chip-group {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.offer-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1.25rem;
    border-radius: 999px;
    background: rgba(255, 210, 190, 0.4);
    color: #1f2530;
    font-size: 0.95rem;
    font-weight: 600;
    box-shadow: 0 12px 28px rgba(15, 25, 40, 0.12);
}

.offer-chip:nth-child(2) {
    background: rgba(200, 230, 255, 0.45);
}

.offer-hero-card {
    position: relative;
    z-index: 2;
    padding: 2.2rem 2.4rem;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 26px;
    box-shadow: 0 28px 70px rgba(15, 25, 40, 0.12);
    border-left: 5px solid var(--primary-color);
}

.offer-hero-card h3 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
    color: var(--primary-color);
}

.offer-hero-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.85rem;
}

.offer-hero-card li {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    line-height: 1.6;
    color: #3f4551;
}

.offer-hero-card li::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--primary-color);
    margin-top: 0.35rem;
}

.offer-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    opacity: 0.6;
}

.offer-hero .shape-a {
    width: 320px;
    height: 320px;
    background: rgba(251, 99, 57, 0.18);
    top: 12%;
    left: -8%;
}

.offer-hero .shape-b {
    width: 200px;
    height: 200px;
    background: rgba(255, 210, 190, 0.32);
    bottom: 18%;
    right: 12%;
}

.offer-hero .shape-c {
    width: 440px;
    height: 440px;
    background: rgba(200, 230, 255, 0.28);
    bottom: -160px;
    left: 22%;
}

.offer-services {
    background: #ffffff;
    padding: 0 2rem 150px;
}

.offer-services-container {
    position: relative;
    max-width: 1120px;
    margin: -110px auto 0;
    background: #ffffff;
    border-radius: 34px;
    box-shadow: 0 45px 90px rgba(15, 25, 40, 0.1);
    padding: 3.6rem 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    overflow: hidden;
}

.offer-section {
    position: relative;
    padding: 2.9rem 2.4rem;
    border-radius: 30px;
    background: rgba(253, 252, 250, 0.86);
    box-shadow: 0 20px 55px rgba(15, 25, 40, 0.08);
}

.offer-section[data-theme="teaching"] {
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26));
}

.offer-section[data-theme="mediation"] {
    background: linear-gradient(135deg, rgba(200, 230, 255, 0.18), rgba(251, 99, 57, 0.12));
}

.offer-section-header h2 {
    font-size: 2.2rem;
    margin: 0 0 2rem;
    color: #1f2530;
}

.offer-languages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.8rem;
    position: relative;
    z-index: 2;
}

.offer-language-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    padding: 1.8rem 1.6rem;
    box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08);
    border: 1px solid rgba(31, 37, 48, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.offer-language-header h3 {
    margin: 0;
    font-size: 1.3rem;
    color: var(--primary-color);
}

.offer-language-card p,
.offer-language-card ul {
    margin: 0;
}

.offer-language-card p {
    color: #4f5562;
    line-height: 1.65;
    text-align: justify;
}

.offer-language-card ul {
    padding-left: 1.2rem;
    display: grid;
    gap: 0.55rem;
    color: #3f4551;
    line-height: 1.6;
}

.offer-section-shape {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    filter: blur(0);
    z-index: 1;
}

.offer-section[data-theme="teaching"] .shape-d {
    top: -110px;
    right: -80px;
    background: rgba(251, 99, 57, 0.22);
}

.offer-section[data-theme="mediation"] .shape-e {
    bottom: -130px;
    left: -90px;
    background: rgba(200, 230, 255, 0.26);
}

.offer-mediation {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 2.4rem;
}

.offer-mediation-text p {
    color: #454b57;
    line-height: 1.8;
    text-align: justify;
}

.offer-mediation-text p + p {
    margin-top: 1rem;
}

.offer-mediation-list {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 20px;
    padding: 1.8rem;
    box-shadow: 0 20px 45px rgba(15, 25, 40, 0.08);
    border: 1px solid rgba(31, 37, 48, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.offer-mediation-list h3 {
    margin: 0;
    font-size: 1.2rem;
    color: var(--primary-color);
}

.offer-mediation-list ul {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.7rem;
    color: #3f4551;
    line-height: 1.7;
}

@media (max-width: 992px) {
    .offer-hero {
        padding: 140px 1.6rem 120px;
    }

    .offer-hero-container {
        grid-template-columns: 1fr;
        gap: 2.6rem;
        text-align: center;
    }

    .offer-hero-text {
        align-items: center;
    }

    .offer-hero-kicker {
        align-self: center;
    }

    .offer-hero-lead {
        max-width: 48ch;
    }

    .offer-hero-card {
        margin: 0 auto;
        max-width: min(90%, 440px);
        text-align: left;
    }

    .offer-hero .shape-a {
        left: -18%;
    }

    .offer-hero .shape-c {
        left: 10%;
    }

    .offer-services-container {
        margin: -80px auto 0;
        padding: 3rem 2.4rem;
        border-radius: 30px;
    }

    .offer-section {
        padding: 2.4rem 2.1rem;
    }

    .offer-mediation {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .offer-hero {
        padding: 120px 1.3rem 110px;
    }

    .offer-hero h1 {
        font-size: 2.5rem;
    }

    .offer-hero-lead {
        font-size: 1.05rem;
    }

    .offer-hero .shape-b {
        display: none;
    }

    .offer-hero .shape-c {
        width: 320px;
        height: 320px;
        bottom: -140px;
        left: 12%;
    }

    .offer-services-container {
        padding: 2.6rem 1.9rem;
    }

    .offer-section {
        padding: 2.1rem 1.7rem;
        border-radius: 24px;
    }

    .offer-languages-grid {
        grid-template-columns: 1fr;
    }

    .offer-hero-lead,
    .offer-language-card p,
    .offer-mediation-text p {
        text-align: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .offer-hero-card li {
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

@media (max-width: 520px) {
    .offer-hero {
        padding: 110px 1rem 95px;
    }

    .offer-hero h1 {
        font-size: 2.2rem;
    }

    .offer-hero-chip-group {
        justify-content: center;
    }

    .offer-hero .shape-a,
    .offer-hero .shape-c {
        display: none;
    }

    .offer-hero-card {
        padding: 1.8rem 1.6rem;
    }

    .offer-services-container {
        padding: 2.4rem 1.4rem;
        border-radius: 22px;
    }

    .offer-section {
        padding: 1.8rem 1.4rem;
    }

    .offer-mediation-list {
        padding: 1.5rem;
    }
}

/* Rates Page Styles */
.rates-hero {
    position: relative;
    padding: 160px 2rem 140px;
    background: #fdfcfa;
    overflow: hidden;
}

.rates-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 3rem;
    align-items: center;
}

.rates-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.rates-hero-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 0.4rem 1.1rem;
    border-radius: 999px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 600;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
}

.rates-hero h1 {
    font-size: 3.1rem;
    line-height: 1.22;
    color: #1f2530;
    margin: 0;
}

.rates-hero-lead {
    font-size: 1.15rem;
    line-height: 1.85;
    color: #454b57;
    max-width: 52ch;
    text-align: justify;
}

.rates-hero-card {
    position: relative;
    z-index: 2;
    padding: 2.3rem 2.4rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    box-shadow: 0 30px 75px rgba(15, 25, 40, 0.12);
    border-left: 5px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-top: 2.4rem;
}

.rates-hero-card h3 {
    font-size: 1.25rem;
    margin: 0;
    color: var(--primary-color);
}

.rates-hero-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}

.rates-hero-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.85rem;
    font-size: 1.05rem;
    color: #3f4551;
    text-align: center;
}

.rates-hero-list strong {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.rates-hero-list .rates-hero-separator {
    font-size: 1.2rem;
    color: #3f4551;
    line-height: 1;
}

.rates-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    opacity: 0.55;
}

.rates-hero .shape-a {
    width: 300px;
    height: 300px;
    background: rgba(251, 99, 57, 0.18);
    top: 12%;
    left: -6%;
}

.rates-hero .shape-b {
    width: 200px;
    height: 200px;
    background: rgba(255, 210, 190, 0.32);
    bottom: 16%;
    right: 10%;
}

.rates-hero .shape-c {
    width: 420px;
    height: 420px;
    background: rgba(200, 230, 255, 0.28);
    bottom: -150px;
    left: 20%;
}

.rates-pricing {
    background: #ffffff;
    padding: 0 2rem 150px;
}

.rates-pricing-container {
    position: relative;
    max-width: 1080px;
    margin: -95px auto 0;
    background: #ffffff;
    border-radius: 34px;
    box-shadow: 0 35px 75px rgba(15, 25, 40, 0.09);
    padding: 3rem 2.6rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    overflow: hidden;
}

.rates-section {
    position: relative;
    padding: 2.4rem 2rem;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26));
    box-shadow: 0 22px 58px rgba(15, 25, 40, 0.07);
    overflow: hidden;
}

.rates-section-header h2 {
    font-size: 2.2rem;
    margin: 0 0 2.2rem;
    color: var(--primary-color);
}

.rates-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.8rem;
    position: relative;
    z-index: 2;
}

.rates-card {
    background: rgba(255, 255, 255, 0.94);
    border-radius: 24px;
    padding: 2rem 1.8rem;
    box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08);
    border: 1px solid rgba(31, 37, 48, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.rates-card-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color);
}

.rates-card h3 {
    margin: 0;
    font-size: 1.2rem;
    color: #1f2530;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.rates-card ul {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.6rem;
    color: #3f4551;
    line-height: 1.65;
}

.rates-section-shape {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(251, 99, 57, 0.22);
    z-index: 1;
    top: -110px;
    right: -90px;
}

.rates-testimonials {
    position: relative;
    background: #fdfcfa;
    padding: 70px 2rem 120px;
    overflow: hidden;
}

.rates-testimonials-container {
    position: relative;
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.rates-testimonials-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rates-testimonials-header h2 {
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    color: var(--primary-color);
    margin: 0;
}

.rates-testimonials-header h3 {
    font-size: 1.4rem;
    color: #1f2530;
    margin: 0;
}

.rates-testimonial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
    position: relative;
    z-index: 2;
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
}

.rates-testimonial-card {
    position: relative;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 28px;
    padding: 2.8rem 2.6rem;
    box-shadow: 0 32px 72px rgba(15, 25, 40, 0.12);
    border: 1px solid rgba(31, 37, 48, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    overflow: hidden;
    --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.16), rgba(255, 210, 190, 0.22));
    --author-accent: rgba(251, 99, 57, 0.38);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.rates-testimonial-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--card-gradient);
    opacity: 0.65;
    z-index: 0;
}

.rates-testimonial-card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.24);
    top: -80px;
    right: -60px;
    z-index: 0;
}

.rates-testimonial-card > * {
    position: relative;
    z-index: 1;
}

.rates-testimonial-card[data-accent="sunrise"] {
    --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.18), rgba(255, 210, 190, 0.34));
    --author-accent: rgba(251, 99, 57, 0.45);
}

.rates-testimonial-card[data-accent="dawn"] {
    --card-gradient: linear-gradient(135deg, rgba(200, 230, 255, 0.2), rgba(251, 99, 57, 0.24));
    --author-accent: rgba(200, 230, 255, 0.5);
}

.rates-testimonial-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 42px 90px rgba(15, 25, 40, 0.16);
}

.rates-testimonial-text {
    display: grid;
    gap: 1rem;
    color: #343a45;
    line-height: 1.82;
}

.rates-testimonial-text p {
    margin: 0;
    text-align: justify;
}

.rates-testimonial-full {
    display: grid;
    gap: 1rem;
}

.rates-testimonial-author {
    margin-top: 1.6rem;
    padding-top: 1.3rem;
    border-top: 1px solid var(--author-accent);
    display: grid;
    gap: 0.35rem;
    color: #1f2530;
    font-weight: 600;
}

.rates-testimonial-author p:last-child {
    font-weight: 400;
    color: #4f5562;
}

.rates-testimonials-shape {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(200, 230, 255, 0.28);
    z-index: 1;
    bottom: -160px;
    right: 12%;
}

@media (max-width: 992px) {
    .rates-hero {
        padding: 140px 1.6rem 120px;
    }

    .rates-hero-container {
        grid-template-columns: 1fr;
        gap: 2.6rem;
        text-align: center;
    }

    .rates-hero-text {
        align-items: center;
    }

    .rates-hero-kicker {
        align-self: center;
    }

    .rates-hero-lead {
        max-width: 48ch;
    }

    .rates-hero-card {
        margin: 0 auto;
        max-width: min(90%, 420px);
    }

    .rates-hero .shape-a {
        left: -20%;
    }

    .rates-hero .shape-c {
        left: 12%;
    }

    .rates-pricing-container {
        margin: -80px auto 0;
        padding: 3rem 2.4rem;
        border-radius: 30px;
    }

    .rates-section {
        padding: 2rem 1.8rem;
    }

    .rates-testimonials {
        padding: 80px 1.6rem 100px;
    }

    .rates-testimonials-header h2 {
        font-size: 2rem;
        letter-spacing: 0.16em;
    }

    .mediation-hero {
        padding: 140px 1.6rem 120px;
    }

    .mediation-hero-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }

    .mediation-hero-text {
        align-items: center;
    }

    .mediation-hero-kicker {
        align-self: center;
    }

    .mediation-hero-card {
        margin: 0 auto;
        max-width: min(90%, 420px);
    }

    .mediation-hero .shape-a {
        left: -20%;
    }

    .mediation-hero .shape-c {
        left: 16%;
    }

    .mediation-detail {
        padding: 90px 1.6rem;
    }

    .mediation-detail-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }

    .mediation-detail-image {
        order: -1;
    }

    .mediation-detail-text {
        align-items: center;
    }

    .mediation-detail-text p {
        max-width: 60ch;
    }

    .mediation-process {
        padding: 90px 1.6rem;
    }

    .mediation-process-container {
        padding: 2.6rem;
        text-align: center;
    }

    .mediation-accordion {
        padding: 100px 1.6rem 120px;
    }

    .mediation-accordion-header {
        text-align: center;
    }

    .mediation-accordion-header p {
        margin: 0 auto;
    }

    .faq-hero {
        padding: 140px 1.6rem 120px;
    }

    .faq-hero-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }

    .faq-hero-text {
        align-items: center;
    }

    .faq-hero-kicker {
        align-self: center;
    }

    .faq-hero-lead {
        max-width: 54ch;
    }

    .faq-hero-card {
        margin: 0 auto;
        max-width: min(90%, 420px);
    }

    .faq-hero .shape-a {
        left: -18%;
    }

    .faq-hero .shape-c {
        right: 16%;
    }

    .faq-accordion {
        padding: 100px 1.6rem 120px;
    }

    .faq-accordion-header {
        text-align: center;
    }

    .faq-accordion-header p {
        margin: 0.6rem auto 0;
        max-width: 54ch;
    }
}

@media (max-width: 768px) {
    .rates-hero {
        padding: 110px 1.3rem 95px;
    }

    .rates-hero h1 {
        font-size: 2.6rem;
    }

    .rates-hero-lead {
        font-size: 1.05rem;
        text-align: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .rates-hero .shape-b {
        display: none;
    }

    .rates-hero .shape-c {
        width: 320px;
        height: 320px;
        bottom: -140px;
        left: 14%;
    }

    .rates-pricing {
        padding: 0 1.5rem 50px;
    }

    .rates-pricing-container {
        margin: -60px auto 0;
        padding: 1.9rem 1.45rem;
        gap: 1.6rem;
    }

    .rates-section {
        padding: 1.5rem 1.25rem;
        border-radius: 22px;
    }

    .rates-section-header h2 {
        font-size: 1.9rem;
        margin-bottom: 1.4rem;
    }

    .rates-card-grid {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    .rates-card {
        padding: 1.5rem 1.3rem;
        gap: 0.8rem;
    }

    .rates-card ul {
        gap: 0.5rem;
        text-align: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .rates-testimonials {
        padding: 50px 1.3rem 65px;
    }

    .rates-testimonials-container {
        gap: 2.2rem;
    }

    .rates-testimonials-header h2 {
        letter-spacing: 0.14em;
    }

    .rates-testimonial-card {
        padding: 2.2rem 1.8rem;
        gap: 1.1rem;
    }

    .rates-testimonial-text p {
        text-align: left;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .mediation-hero {
        padding: 110px 1.3rem 95px;
    }

    .mediation-hero h1 {
        font-size: 2.6rem;
    }

    .mediation-hero-lead {
        font-size: 1.05rem;
    }

    .mediation-hero .shape-b {
        display: none;
    }

    .mediation-hero .shape-c {
        width: 320px;
        height: 320px;
        bottom: -140px;
        left: 18%;
    }

    .mediation-detail {
        padding: 80px 1.3rem;
    }

    .mediation-detail-text h2 {
        font-size: 1.9rem;
    }

    .mediation-detail-image {
        min-height: 260px;
    }

    .mediation-detail-image picture,
    .mediation-detail-image img {
        border-radius: 24px;
    }

    .mediation-process {
        padding: 80px 1.3rem;
    }

    .mediation-process-container {
        padding: 2.2rem;
    }

    .mediation-accordion {
        padding: 90px 1.3rem 110px;
    }

    .mediation-accordion-grid {
        grid-template-columns: 1fr;
    }

    .faq-hero {
        padding: 110px 1.3rem 95px;
    }

    .faq-hero h1 {
        font-size: 2.6rem;
    }

    .faq-hero-lead {
        font-size: 1.05rem;
    }

    .faq-hero .shape-b {
        display: none;
    }

    .faq-hero .shape-c {
        display: none;
    }

    .faq-hero-card {
        padding: 2rem 1.9rem;
    }

    .faq-accordion {
        padding: 90px 1.3rem 110px;
    }

    .faq-question {
        font-size: 1.05rem;
    }

    .faq-item {
        padding: 1.5rem 1.6rem;
    }
}

@media (max-width: 520px) {
    .rates-hero {
        padding: 100px 1rem 75px;
    }

    .rates-hero h1 {
        font-size: 2.2rem;
    }

    .rates-hero .shape-a,
    .rates-hero .shape-c {
        display: none;
    }

    .rates-hero-card {
        padding: 1.8rem 1.4rem;
    }

    .rates-pricing {
        padding: 0 1.1rem 45px;
    }

    .rates-pricing-container {
        margin: -40px auto 0;
        padding: 1.6rem 1.15rem;
        border-radius: 22px;
        gap: 1.3rem;
    }

    .rates-section {
        padding: 1.3rem 1rem;
    }

    .rates-section-header h2 {
        font-size: 1.7rem;
        margin-bottom: 1.1rem;
    }

    .rates-card {
        padding: 1.3rem 1.15rem;
        gap: 0.75rem;
    }

    .rates-testimonials {
        padding: 40px 1rem 55px;
    }

    .rates-testimonials-header h2 {
        letter-spacing: 0.12em;
    }

    .rates-testimonial-card {
        padding: 1.8rem 1.4rem;
        gap: 1rem;
    }

    .rates-testimonials-shape {
        display: none;
    }

    .mediation-hero {
        padding: 100px 1rem 70px;
    }

    .mediation-hero h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .mediation-hero-container {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        align-items: stretch;
        text-align: left;
    }

    .mediation-hero-text {
        align-items: flex-start;
        text-align: left;
        gap: 1rem;
    }

    .mediation-hero-lead {
        font-size: 0.98rem;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .mediation-hero-kicker {
        align-self: flex-start;
    }

    .mediation-hero .shape-a,
    .mediation-hero .shape-c {
        display: none;
    }

    .mediation-hero-card {
        padding: 1.6rem 1.4rem;
        margin: 0;
        margin-top: 0.5rem;
        max-width: none;
        width: 100%;
        gap: 1.1rem;
        border-left-width: 4px;
        box-shadow: 0 18px 40px rgba(15, 25, 40, 0.12);
    }

    .mediation-hero-card ul {
        gap: 0.6rem;
    }

    .mediation-hero-card li a {
        font-size: 0.95rem;
    }

    .mediation-hero-card li a::before {
        font-size: 0.85rem;
    }

    .mediation-detail {
        padding: 70px 1rem;
    }

    .mediation-detail-text {
        align-items: flex-start;
        text-align: left;
        gap: 1rem;
    }

    .mediation-detail-text h2 {
        font-size: 1.6rem;
    }

    .mediation-detail-text p {
        max-width: none;
        font-size: 0.96rem;
        line-height: 1.75;
    }

    .mediation-detail-container {
        display: flex;
        flex-direction: column;
        text-align: left;
        gap: 1.8rem;
    }

    .mediation-detail-image {
        order: -1;
        min-height: 220px;
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
    }

    .mediation-process {
        padding: 70px 1rem;
    }

    .mediation-process-container {
        padding: 1.8rem 1.5rem;
    }

    .mediation-accordion {
        padding: 80px 1rem 95px;
    }

    .mediation-accordion-item {
        padding: 1.8rem 1.5rem;
    }

    .accordion-toggle {
        width: 100%;
        justify-content: center;
    }

    .faq-hero {
        padding: 95px 1rem 70px;
    }

    .faq-hero h1 {
        font-size: 2.2rem;
    }

    .faq-hero-card {
        padding: 1.7rem 1.4rem;
        text-align: left;
    }

    .faq-accordion {
        padding: 80px 1rem 95px;
    }

    .faq-item {
        padding: 1.4rem 1.3rem;
    }

    .faq-question {
        font-size: 1rem;
    }

    .faq-question::after {
        font-size: 1.1rem;
        margin-left: 0.8rem;
    }
}

/* Workshop Directory Page */
.workshop-directory-hero {
    position: relative;
    padding: 160px 2rem 140px;
    background: #fdfcfa;
    overflow: hidden;
}

.workshop-directory-hero-content {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    z-index: 2;
}

.workshop-directory-kicker {
    display: inline-block;
    align-self: center;
    padding: 0.35rem 1rem;
    border-radius: 999px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
}

.workshop-directory-hero h1 {
    font-size: 3rem;
    line-height: 1.2;
    color: #1f2530;
    margin: 0;
}

.workshop-directory-hero p {
    max-width: 60ch;
    margin: 0 auto;
    font-size: 1.15rem;
    line-height: 1.85;
    color: #454b57;
}

.workshop-directory-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.workshop-directory-hero .shape-a {
    width: 260px;
    height: 260px;
    background: rgba(251, 99, 57, 0.16);
    top: 18%;
    left: 6%;
}

.workshop-directory-hero .shape-b {
    width: 340px;
    height: 340px;
    background: rgba(254, 219, 204, 0.28);
    bottom: -120px;
    right: 14%;
}

.workshop-directory-hero .shape-c {
    width: 110px;
    height: 110px;
    border: 2px dotted rgba(251, 99, 57, 0.45);
    top: 22%;
    right: 24%;
}

.workshop-directory-section {
    background: #ffffff;
    padding: 0 2rem 120px;
}

.workshop-directory-section:first-of-type {
    padding-top: 0;
}

.workshop-directory-container {
    max-width: 1100px;
    margin: -100px auto 0;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08);
    padding: 3.2rem 3rem;
    position: relative;
}

.workshop-directory-section + .workshop-directory-section .workshop-directory-container {
    margin-top: 0;
}

.workshop-directory-heading h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #1f2530;
}

.workshop-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.8rem;
}

.workshop-card-grid--single {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.workshop-card-grid--single .workshop-card {
    width: 100%;
}

.workshop-card {
    display: flex;
    flex-direction: column;
    background: rgba(253, 252, 250, 0.92);
    border: 1px solid rgba(31, 37, 48, 0.06);
    border-radius: 20px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 22px 45px rgba(15, 25, 40, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    overflow: hidden;
}

.workshop-card:hover,
.workshop-card:focus-visible {
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(15, 25, 40, 0.12);
}

.workshop-card:focus-visible {
    outline: 3px solid rgba(251, 99, 57, 0.4);
    outline-offset: 4px;
}

.workshop-card-image {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #f5f7fb;
}

.workshop-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.workshop-card-title {
    padding: 1.4rem 1.6rem 1.6rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2530;
    line-height: 1.4;
}

@media (max-width: 992px) {
    .workshop-directory-hero {
        padding: 130px 1.5rem 120px;
    }

    .workshop-directory-container {
        margin: -80px auto 0;
        padding: 2.8rem 2.2rem;
        border-radius: 24px;
    }
}

@media (max-width: 768px) {
    .workshop-directory-hero {
        padding: 120px 1.2rem 110px;
    }

    .workshop-directory-hero h1 {
        font-size: 2.5rem;
    }

    .workshop-directory-hero p {
        font-size: 1.05rem;
    }

    .workshop-directory-hero .shape-a,
    .workshop-directory-hero .shape-b {
        width: 220px;
        height: 220px;
    }

    .workshop-directory-container {
        padding: 2.4rem 1.8rem;
    }

    .workshop-card-grid {
        gap: 1.4rem;
    }
}

@media (max-width: 520px) {
    .workshop-directory-hero {
        padding: 110px 1rem 100px;
    }

    .workshop-directory-hero h1 {
        font-size: 2.1rem;
    }

    .workshop-directory-hero .shape-a,
    .workshop-directory-hero .shape-b,
    .workshop-directory-hero .shape-c {
        display: none;
    }

    .workshop-directory-container {
        margin: -40px auto 0;
        padding: 2rem 1.4rem;
    }

    .workshop-card {
        border-radius: 16px;
    }

    .workshop-card-title {
        font-size: 1.05rem;
    }
}

/* Contact Page Styles */
.contact-hero {
    position: relative;
    padding: 160px 2rem 140px;
    background: #fdfcfa;
    color: #1f2530;
    overflow: hidden;
}

.contact-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%),
        radial-gradient(circle at 82% 18%, rgba(255, 210, 190, 0.35) 0%, rgba(255, 210, 190, 0) 60%),
        radial-gradient(circle at 70% 75%, rgba(200, 230, 255, 0.28) 0%, rgba(200, 230, 255, 0) 65%);
    z-index: 0;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-hero-kicker {
    display: inline-block;
    padding: 0.32rem 0.9rem;
    border-radius: 999px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    align-self: flex-start;
}

.contact-hero h1 {
    font-size: 3rem;
    margin-bottom: 0.75rem;
    color: #1f2530;
}

.contact-hero-lead {
    font-size: 1.2rem;
    max-width: 640px;
    line-height: 1.8;
    color: #4a4f5a;
}

.contact-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.contact-hero .shape-a {
    width: 220px;
    height: 220px;
    background: rgba(251, 99, 57, 0.16);
    top: 14%;
    left: 6%;
}

.contact-hero .shape-b {
    width: 140px;
    height: 140px;
    border: 2px solid rgba(251, 99, 57, 0.32);
    bottom: 10%;
    right: 8%;
}

.contact-hero .shape-c {
    width: 280px;
    height: 280px;
    background: rgba(254, 219, 204, 0.28);
    bottom: -90px;
    left: 28%;
}

.contact-hero .shape-d {
    width: 90px;
    height: 90px;
    border: 2px dotted rgba(251, 99, 57, 0.5);
    top: 18%;
    right: 28%;
}

.contact-main {
    background: #fdfcfa;
    padding: 0 2rem 120px;
}

.contact-main-container {
    max-width: 1200px;
    margin: -100px auto 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
}

.contact-info-panel,
.contact-form-card {
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 30px 60px rgba(15, 25, 40, 0.08);
    padding: 3rem;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.contact-info-panel::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(251, 99, 57, 0.22) 0%, rgba(251, 99, 57, 0) 70%);
    top: -140px;
    right: -80px;
    z-index: 0;
}

.contact-info-panel > *,
.contact-form-card > * {
    position: relative;
    z-index: 1;
}

.contact-info-panel h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.contact-info-lead {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444444;
}

.contact-services {
    list-style: none;
    margin: 2.5rem 0 0;
    padding: 0;
    display: grid;
    gap: 1.1rem;
}

.contact-services li {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    color: #444444;
    line-height: 1.7;
}

.contact-services li::before {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-top: 0.45rem;
    border-radius: 50%;
    background: rgba(251, 99, 57, 0.38);
    box-shadow: 0 0 0 6px rgba(251, 99, 57, 0.16);
}

.contact-details {
    display: grid;
    gap: 1.3rem;
    margin-top: 2.5rem;
}

.contact-detail {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.4rem 1.2rem;
    border-radius: 999px;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--primary-color);
    background: rgba(251, 99, 57, 0.12);
}

.contact-detail a {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-detail a:hover {
    color: var(--primary-color);
}

.contact-note {
    margin-top: auto;
    background: rgba(251, 99, 57, 0.08);
    border-radius: 20px;
    padding: 1.5rem;
    line-height: 1.7;
    color: #444444;
}

.contact-form-card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 75%);
    bottom: -160px;
    right: -120px;
    z-index: 0;
}

.contact-form-card h3 {
    font-size: 2rem;
    margin-bottom: 0.75rem;
}

.contact-form-lead {
    color: #555555;
    line-height: 1.7;
    max-width: 32ch;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label {
    font-weight: 600;
    color: #333333;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: 1.5px solid rgba(20, 20, 20, 0.08);
    border-radius: 16px;
    padding: 1rem 1.2rem;
    font-family: inherit;
    font-size: 1rem;
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(15, 15, 15, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-group textarea {
    min-height: 160px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: rgba(251, 99, 57, 0.65);
    box-shadow: 0 0 0 4px rgba(251, 99, 57, 0.18);
}

.submit-btn {
    background: var(--primary-color);
    color: #ffffff;
    border: none;
    padding: 0.95rem 2.4rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: auto;
    align-self: flex-start;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 35px rgba(251, 99, 57, 0.25);
}

.form-message {
    border-radius: 16px;
    padding: 1rem 1.2rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

.contact-form-card .form-message.success-message {
    background: rgba(76, 175, 80, 0.12);
    color: #2f7d32;
    border: 1px solid rgba(46, 125, 50, 0.2);
}

.contact-form-card .form-message.error-message {
    background: rgba(244, 67, 54, 0.12);
    color: #b71c1c;
    border: 1px solid rgba(183, 28, 28, 0.2);
}

.contact-faq-section {
    background: #ffffff;
    padding: 110px 2rem 140px;
}

.contact-faq-container {
    max-width: 960px;
    margin: 0 auto;
}

.faq-header {
    text-align: center;
    margin-bottom: 3rem;
}

.faq-header h2 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

.faq-intro {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 1.05rem;
    line-height: 1.8;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.faq-item {
    background: #fdf7f4;
    border-radius: 20px;
    padding: 1.6rem 2rem;
    box-shadow: 0 14px 38px rgba(20, 20, 20, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-item.active {
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(20, 20, 20, 0.08);
}

.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-color);
    cursor: pointer;
}

.faq-question::after {
    content: "+";
    font-size: 1.5rem;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.faq-item.active .faq-question::after {
    content: "–";
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding-top 0.3s ease;
    padding-top: 0;
    padding-bottom: 0;
}

.faq-item.active .faq-answer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.faq-answer p {
    color: #000000;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.faq-answer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .contact-main-container {
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .contact-hero {
        padding: 140px 1.5rem 120px;
    }

    .contact-main {
        padding: 0 1.5rem 100px;
    }

    .contact-main-container {
        grid-template-columns: 1fr;
        margin-top: -80px;
    }

    .contact-info-panel,
    .contact-form-card {
        padding: 2.5rem;
    }
}

@media (max-width: 768px) {
    .contact-hero h1 {
        font-size: 2.5rem;
    }

    .contact-hero-lead {
        font-size: 1.05rem;
    }

    .contact-main-container {
        margin-top: -60px;
    }

    .contact-info-panel,
    .contact-form-card {
        padding: 2rem;
    }

    .contact-detail a {
        font-size: 1.05rem;
    }
}

@media (max-width: 640px) {
    .contact-hero {
        padding: 120px 1.25rem 100px;
    }

    .contact-main {
        padding: 0 1.25rem 80px;
    }

    .contact-info-panel,
    .contact-form-card {
        border-radius: 22px;
    }

    .submit-btn {
        width: 100%;
        text-align: center;
    }

    .faq-item {
        padding: 1.4rem 1.5rem;
    }
}

/* Experience Cards Section */
.experience-cards {
    max-width: 1200px;
    margin: 4rem auto;
    padding: 0 2rem;
}

.experience-cards h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2.5rem;
    color: var(--text-color);
}

.experience-card {
    position: relative;
    background: white;
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 2rem;
}

.experience-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.icon-wrapper {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: rgba(251, 99, 57, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: var(--transition);
}

.icon-wrapper .emoji {
    font-size: 24px;
}

.experience-card:hover .icon-wrapper {
    background: var(--primary-color);
    transform: scale(1.1);
}

.experience-card p {
    margin: 0;
    line-height: 1.8;
    color: #666;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .experience-cards {
        margin: 2rem auto;
        padding: 0 1rem;
    }

    .experience-cards h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .experience-card {
        padding: 2rem 1.5rem;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
        flex-direction: column;
        text-align: center;
    }

    .icon-wrapper {
        margin: 0 auto 1.5rem auto;
        width: 80px;
        height: 80px;
        background-color: rgba(251, 99, 57, 0.1);
    }

    .icon-wrapper .emoji {
        font-size: 35px;
    }

    .experience-card p {
        font-size: 0.95rem;
        line-height: 1.6;
    }
}

@media (max-width: 480px) {
    .experience-cards {
        margin: 1.5rem auto;
        padding: 0 0.8rem;
    }

    .experience-cards h2 {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .experience-card {
        padding: 1.8rem 1.2rem;
        margin-bottom: 1rem;
    }

    .icon-wrapper {
        width: 70px;
        height: 70px;
        margin: 0 auto 1.2rem auto;
    }

    .icon-wrapper .emoji {
        font-size: 32px;
    }

    .experience-card p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
}

.form-message {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
}

.success-message {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.error-message {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.form-message.success-message,
.form-message.error-message {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .references {
        padding: 40px 20px;
    }
    
    .references-content {
        max-width: 100%;
    }
    
    .references h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        text-align: center;
    }
    
    .references h3 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    
    .reference-card {
        padding: 25px;
        margin-bottom: 40px;
    }
    
    .reference-text p {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }
    
    .reference-author {
        margin-top: 1.5rem;
    }
    
    .reference-author p {
        font-size: 0.9rem;
    }
    
    .reference-author p:last-child {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .references {
        padding: 30px 15px;
    }
    
    .references-content {
        max-width: 100%;
    }
    
    .references h2 {
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }
    
    .references h3 {
        font-size: 1.3rem;
        margin-bottom: 1.8rem;
    }
    
    .reference-card {
        padding: 20px;
        margin-bottom: 50px;
    }
    
    .reference-text p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    .reference-author {
        margin-top: 1.2rem;
    }
    
    .reference-author p {
        font-size: 0.85rem;
    }
    
    .reference-author p:last-child {
        font-size: 0.8rem;
    }
}

/* ---------------------------------- */
/* -- NOVI STILI ZA STRAN -- */
/* ---------------------------------- */

/* Dropdown Menu Styles - VERTIKALNA RAZLIČICA */
.nav-links .dropdown {
    position: relative;
    display: inline-block;
    margin-left: 2rem;
}

.nav-links .dropdown .dropbtn {
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;
    background: none;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.nav-links .dropdown:hover .dropbtn,
.nav-links .dropdown .dropbtn.active {
    color: var(--primary-color);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    z-index: 1;
    border-radius: 8px;
    margin-top: 0;
    padding: 8px 0;
    list-style: none;
}

.dropdown-content a {
    color: var(--text-color);
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    text-align: left;
    margin-left: 0;
    font-size: 0.95rem;
    clear: both;
    white-space: nowrap;
}

.dropdown-content a:hover {
    background-color: rgba(251, 99, 57, 0.1);
    color: var(--primary-color);
}

.dropdown-submenu-content {
    display: none;
    position: static;
    box-shadow: none;
    background-color: #fdfdfd;
    border-radius: 0;
    padding-left: 1rem;
}

.dropdown-submenu > a:after {
    content: '▾';
    float: right;
    font-size: 0.8em;
    margin-left: 10px;
}

/* General Page Styles for New Sections */
.page-hero {
    padding: 120px 2rem 60px;
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    text-align: center;
}

.page-hero h1 {
    font-size: 2.8rem;
    color: var(--text-color);
}

.content-section {
    padding: 60px 2rem;
}

.container {
    max-width: 900px;
    margin: 0 auto;
}

/* Medkulturno Posredovanje Page */
.mediation-hero {
    position: relative;
    padding: 130px 2rem 110px;
    background: #fdfcfa;
    overflow: hidden;
}

.mediation-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 3rem;
    align-items: center;
}

.mediation-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.mediation-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    align-self: flex-start;
    padding: 0.4rem 1.1rem;
    border-radius: 999px;
    background: rgba(251, 99, 57, 0.14);
    color: var(--primary-color);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 600;
}

.mediation-hero h1 {
    font-size: 3rem;
    line-height: 1.24;
    color: #1f2530;
    margin: 0;
}

.mediation-hero-lead {
    font-size: 1.15rem;
    line-height: 1.9;
    color: #454b57;
    max-width: 52ch;
}

.mediation-hero-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    padding: 2.3rem 2.4rem;
    box-shadow: 0 30px 75px rgba(15, 25, 40, 0.12);
    border-left: 5px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-top: 2.2rem;
}

.mediation-hero-card h3 {
    margin: 0;
    font-size: 1.25rem;
    color: #1f2530;
}

.mediation-hero-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.9rem;
}

.mediation-hero-card li a {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: #3f4551;
    font-weight: 600;
    transition: color 0.2s ease;
}

.mediation-hero-card li a::before {
    content: '→';
    font-size: 1rem;
    color: var(--primary-color);
    transition: transform 0.2s ease;
}

.mediation-hero-card li a:hover {
    color: var(--primary-color);
}

.mediation-hero-card li a:hover::before {
    transform: translateX(4px);
}

.mediation-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.mediation-hero .shape-a {
    width: 320px;
    height: 320px;
    background: rgba(251, 99, 57, 0.18);
    top: 14%;
    left: -8%;
}

.mediation-hero .shape-b {
    width: 220px;
    height: 220px;
    background: rgba(255, 210, 190, 0.28);
    bottom: 10%;
    right: 12%;
}

.mediation-hero .shape-c {
    width: 440px;
    height: 440px;
    background: rgba(200, 230, 255, 0.26);
    bottom: -160px;
    left: 22%;
}

.mediation-detail {
    padding: 70px 2rem 80px;
    background: #ffffff;
}

.mediation-detail#individualno,
#individualno.mediation-detail {
    padding: 45px 2rem 70px;
}

.mediation-detail + .mediation-detail {
    padding-top: 60px;
}

.mediation-detail:nth-of-type(even) {
    background: #fdfcfa;
}

.mediation-detail-container {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 3rem;
    align-items: center;
}

.mediation-detail--reverse .mediation-detail-container {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.mediation-detail-text {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.mediation-detail-text h2 {
    margin: 0;
    font-size: 2.1rem;
    color: #1f2530;
}

.mediation-detail-text p {
    color: #464d5b;
    line-height: 1.85;
}

.mediation-detail-image {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    min-height: 320px;
}

.mediation-detail-image picture,
.mediation-detail-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 28px;
    box-shadow: 0 28px 60px rgba(15, 25, 40, 0.14);
}

.mediation-process {
    padding: 90px 2rem;
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.08), rgba(255, 210, 190, 0.12));
}

.mediation-process-container {
    max-width: 900px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 28px;
    padding: 3rem;
    box-shadow: 0 24px 55px rgba(15, 25, 40, 0.1);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.mediation-process-container h2 {
    margin: 0;
    font-size: 2.1rem;
    color: #1f2530;
}

.mediation-process-content p {
    color: #3f4551;
    line-height: 1.78;
}

.mediation-accordion {
    padding: 100px 2rem 130px;
    background: #ffffff;
}

.mediation-accordion-container {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.mediation-accordion-header {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.mediation-accordion-header h2 {
    margin: 0;
    font-size: 2.2rem;
    color: #1f2530;
    letter-spacing: 0.12em;
}

.mediation-accordion-header p {
    max-width: 60ch;
    color: #464d5b;
    line-height: 1.8;
    text-align: center;
    margin: 0 auto;
}

.mediation-accordion-grid {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    counter-reset: mediation-step;
    max-width: 760px;
    margin: 0 auto;
}

.mediation-accordion-item {
    position: relative;
    counter-increment: mediation-step;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 22px;
    padding: 2.1rem 2.2rem 2rem 4.5rem;
    border: 1px solid rgba(31, 37, 48, 0.08);
    box-shadow: 0 14px 38px rgba(15, 25, 40, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.mediation-accordion-item::before {
    content: counter(mediation-step);
    position: absolute;
    top: 1.9rem;
    left: 1.4rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--primary-color);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 10px 22px rgba(251, 99, 57, 0.25);
    font-size: 1rem;
}

.mediation-accordion-item:hover {
    transform: translateY(-4px);
    border-color: rgba(251, 99, 57, 0.25);
    box-shadow: 0 18px 45px rgba(15, 25, 40, 0.12);
}

.mediation-accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.mediation-accordion-title h3 {
    margin: 0;
    font-size: 1.25rem;
    color: #1f2530;
    font-weight: 600;
}

.mediation-accordion-title button {
    flex-shrink: 0;
}

/* Accordion Styles */
.accordion-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid rgba(251, 99, 57, 0.35);
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
    padding: 0.52rem 1.2rem;
    border-radius: 999px;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.accordion-toggle::after {
    content: '+';
    font-weight: 700;
}

.accordion-toggle.active::after {
    content: '−';
}

.accordion-toggle:hover {
    background: rgba(251, 99, 57, 0.12);
    border-color: rgba(251, 99, 57, 0.55);
    transform: translateY(-1px);
}

.accordion-toggle.active,
.accordion-toggle:hover.active {
    background: var(--primary-color);
    color: #ffffff;
    border-color: var(--primary-color);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    display: grid;
    gap: 0.9rem;
    color: #434955;
    line-height: 1.75;
}

.accordion-content ul {
    margin: 0;
    padding-left: 1.2rem;
    display: grid;
    gap: 0.45rem;
}

.accordion-content li {
    list-style: disc;
}

.accordion-toggle + .accordion-content {
    padding-top: 0;
}

/* FAQ Page */
.faq-hero {
    position: relative;
    padding: 160px 2rem 140px;
    background: #fdfcfa;
    overflow: hidden;
}

.faq-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 3rem;
    align-items: center;
}

.faq-hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.faq-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 1.1rem;
    border-radius: 999px;
    background: rgba(251, 99, 57, 0.16);
    color: var(--primary-color);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 600;
}

.faq-hero h1 {
    margin: 0;
    font-size: 3rem;
    line-height: 1.22;
    color: #1f2530;
}

.faq-hero-lead {
    font-size: 1.18rem;
    line-height: 1.95;
    color: #3f4551;
    max-width: 60ch;
}

.faq-hero-card {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 28px;
    padding: 2.4rem 2.3rem;
    box-shadow: 0 28px 65px rgba(15, 25, 40, 0.12);
    border-left: 5px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.faq-hero-card h3 {
    margin: 0;
    font-size: 1.35rem;
    color: #1f2530;
}

.faq-hero-card p {
    margin: 0;
    color: #464d5b;
    line-height: 1.8;
}

.faq-hero-contact {
    display: grid;
    gap: 0.7rem;
}

.faq-hero-contact a {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none;
}

.faq-hero-contact a:hover {
    text-decoration: underline;
}

.faq-hero-shape {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    opacity: 0.55;
    z-index: 1;
}

.faq-hero .shape-a {
    width: 280px;
    height: 280px;
    background: rgba(255, 210, 190, 0.35);
    top: 14%;
    left: -10%;
}

.faq-hero .shape-b {
    width: 340px;
    height: 340px;
    background: rgba(200, 230, 255, 0.26);
    bottom: -160px;
    left: 24%;
}

.faq-hero .shape-c {
    width: 200px;
    height: 200px;
    background: rgba(251, 99, 57, 0.18);
    bottom: 12%;
    right: 8%;
}

.faq-accordion {
    padding: 120px 2rem 140px;
    background: #ffffff;
}

.faq-accordion-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.faq-accordion-header h2 {
    margin: 0;
    font-size: 2.3rem;
    color: #1f2530;
    letter-spacing: 0.08em;
}

.faq-accordion-header p {
    margin: 0.8rem 0 0;
    color: #434955;
    line-height: 1.85;
}

.faq-accordion-list {
    display: grid;
    gap: 1.2rem;
}

.faq-item {
    background: rgba(255, 255, 255, 0.94);
    border-radius: 24px;
    padding: 1.6rem 1.8rem;
    box-shadow: 0 20px 50px rgba(15, 25, 40, 0.08);
    border: 1px solid rgba(31, 37, 48, 0.04);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.faq-item.active {
    box-shadow: 0 28px 64px rgba(15, 25, 40, 0.12);
    transform: translateY(-2px);
}

.faq-question {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2530;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    cursor: pointer;
}

.faq-question span {
    flex: 1;
}

.faq-question::after {
    content: '+';
    font-size: 1.3rem;
    color: var(--primary-color);
    margin-left: 1rem;
    transition: color 0.2s ease;
}

.faq-item.active .faq-question::after {
    content: '–';
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    display: grid;
    gap: 1rem;
    margin-top: 0;
}

.faq-item.active .faq-answer {
    margin-top: 1.1rem;
}

.faq-answer p {
    margin: 0;
    color: #000000;
    line-height: 1.85;
}

.faq-answer ul {
    margin: 0;
    padding-left: 0;
    display: grid;
    gap: 0.5rem;
    color: #000000;
    line-height: 1.75;
    list-style: none;
}

.faq-answer li {
    list-style: none;
}

@media (min-width: 1024px) {
    .mediation-hero-lead,
    .mediation-detail-text p,
    .mediation-process-content p,
    .accordion-content p {
        text-align: justify;
        text-justify: inter-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

@media (max-width: 992px) {
    .faq-hero {
        padding: 130px 1.6rem 110px;
    }

    .faq-hero-container {
        grid-template-columns: 1fr;
        gap: 2.6rem;
        justify-items: stretch;
    }

    .faq-hero-text,
    .faq-hero-card {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
    }

    .faq-hero-text {
        align-items: flex-start;
        text-align: left;
        gap: 1.2rem;
    }

    .faq-hero-kicker {
        align-self: flex-start;
    }

    .faq-hero-card {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .faq-hero {
        padding: 110px 1.3rem 95px;
    }

    .faq-hero h1 {
        font-size: 2.4rem;
    }

    .faq-hero-lead {
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .faq-hero .shape-b,
    .faq-hero .shape-c {
        display: none;
    }

    .faq-hero-card {
        padding: 2rem 1.8rem;
        border-left-width: 4px;
        gap: 1.2rem;
    }

    .faq-accordion {
        padding: 90px 1.3rem 110px;
    }

    .faq-item {
        padding: 1.5rem 1.6rem;
    }

    .faq-question {
        font-size: 1.05rem;
    }
}

@media (max-width: 520px) {
    .faq-hero {
        padding: 95px 1.1rem 80px;
    }

    .faq-hero-text {
        gap: 1rem;
    }

    .faq-hero h1 {
        font-size: 2rem;
    }

    .faq-hero-lead {
        font-size: 1rem;
        line-height: 1.75;
    }

    .faq-hero-card {
        padding: 1.7rem 1.4rem;
        gap: 1rem;
    }

    .faq-accordion {
        padding: 80px 1.1rem 90px;
    }

    .faq-item {
        padding: 1.3rem 1.2rem;
    }

    .faq-question {
        font-size: 1rem;
        align-items: flex-start;
    }

    .faq-question::after {
        margin-left: 0.6rem;
        font-size: 1.1rem;
    }

    .faq-answer {
        gap: 0.75rem;
    }

    .faq-answer p,
    .faq-answer li {
        font-size: 0.97rem;
        line-height: 1.7;
    }

    .faq-answer ul {
        gap: 0.4rem;
    }
}

/* Responsive adjustments for Medkulturno Posredovanje */
@media (max-width: 1060px) {
    .mediation-hero {
        padding: 115px 1.5rem 90px;
    }

    .mediation-hero-container {
        grid-template-columns: 1fr;
        max-width: 760px;
        gap: 2.5rem;
    }

    .mediation-hero-card {
        max-width: 480px;
        margin: 0 auto;
        margin-top: 0.8rem;
    }

    .mediation-hero .shape-a {
        top: 4%;
        left: -28%;
    }

    .mediation-hero .shape-b {
        right: -12%;
        bottom: 4%;
    }

    .mediation-hero .shape-c {
        left: -10%;
        bottom: -180px;
    }

    .mediation-detail {
        padding: 60px 1.5rem 70px;
    }

    .mediation-detail + .mediation-detail {
        padding-top: 50px;
    }

    #individualno.mediation-detail,
    .mediation-detail#individualno {
        padding: 45px 1.5rem 60px;
    }

    .mediation-process {
        padding: 65px 1.5rem;
    }

    .mediation-accordion {
        padding: 80px 1.5rem 110px;
    }

    .mediation-detail-container,
    .mediation-detail--reverse .mediation-detail-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .mediation-detail-image {
        min-height: 260px;
    }

    .mediation-process-container {
        padding: 2.4rem;
        margin: 0;
    }
}

@media (max-width: 720px) {
    .mediation-hero {
        padding: 95px 1.25rem 80px;
    }

    .mediation-hero-text {
        gap: 1.1rem;
    }

    .mediation-hero h1 {
        font-size: 2.35rem;
    }

    .mediation-hero-lead {
        font-size: 1.02rem;
        line-height: 1.75;
    }

    .mediation-hero-card {
        width: 100%;
        padding: 2rem 2.1rem;
        border-radius: 22px;
        margin-top: 0.8rem;
    }

    .mediation-detail {
        padding: 55px 1.25rem 65px;
    }

    .mediation-detail + .mediation-detail {
        padding-top: 45px;
    }

    #individualno.mediation-detail,
    .mediation-detail#individualno {
        padding: 38px 1.25rem 55px;
    }

    .mediation-detail-image picture,
    .mediation-detail-image img {
        border-radius: 22px;
    }

    .mediation-detail-text h2 {
        font-size: 1.85rem;
    }

    .mediation-detail-text p {
        line-height: 1.7;
    }

    .mediation-process {
        padding: 55px 1.25rem;
    }

    .mediation-process-container {
        padding: 1.8rem 1.6rem;
        border-radius: 22px;
        margin: 0;
        width: 100%;
        text-align: left;
        align-items: stretch;
    }

    .mediation-accordion {
        padding: 70px 1.25rem 90px;
    }

    .mediation-accordion-item {
        padding: 1.6rem 1.35rem 1.55rem 3.2rem;
        border-radius: 18px;
        border-width: 1px;
        box-shadow: 0 10px 30px rgba(15, 25, 40, 0.12);
        gap: 0.9rem;
    }

    .mediation-accordion-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
    }

    .mediation-accordion-title h3 {
        text-align: left;
        font-size: 1.05rem;
    }

    .accordion-toggle {
        align-self: flex-start;
        font-size: 0.85rem;
        padding: 0.45rem 0.9rem;
    }

    /* Prevent AOS horizontal offsets from causing sideways scrolling */
    [data-aos="fade-left"],
    [data-aos="fade-right"] {
        transform: none !important;
    }

    .mediation-accordion-grid {
        max-width: 100%;
        gap: 1.1rem;
    }

    .mediation-accordion-item::before {
        width: 1.9rem;
        height: 1.9rem;
        top: 1.4rem;
        left: 1.2rem;
        font-size: 0.85rem;
        box-shadow: 0 8px 18px rgba(251, 99, 57, 0.25);
    }

    .accordion-content {
        gap: 0.7rem;
    }
}

@media (max-width: 520px) {
    .mediation-hero {
        padding: 85px 1rem 70px;
    }

    .mediation-hero h1 {
        font-size: 2.05rem;
    }

    .mediation-hero-lead {
        font-size: 0.98rem;
    }

    .mediation-hero-card {
        padding: 1.6rem 1.7rem;
        gap: 1rem;
    }

    .mediation-hero-card h3 {
        font-size: 1.15rem;
    }

    .mediation-hero-card li a {
        font-size: 0.95rem;
    }

    .mediation-detail,
    .mediation-process,
    .mediation-accordion {
        padding: 60px 1rem;
    }

    #individualno.mediation-detail,
    .mediation-detail#individualno {
        padding: 32px 1rem 45px;
    }

    .mediation-detail-container {
        gap: 2rem;
    }

    .mediation-detail-image {
        min-height: 220px;
    }

    .mediation-process-container h2,
    .mediation-accordion-header h2 {
        font-size: 1.85rem;
    }

    .mediation-accordion-item {
        padding: 1.4rem 1.2rem 1.4rem 2.9rem;
        gap: 0.75rem;
        border-radius: 16px;
    }

    .accordion-toggle {
        width: 100%;
        align-self: flex-start;
        justify-content: center;
        text-align: center;
        padding: 0.45rem 0.9rem;
        font-size: 0.83rem;
    }

    .mediation-accordion-item::before {
        width: 1.6rem;
        height: 1.6rem;
        top: 1.2rem;
        left: 1.05rem;
        font-size: 0.75rem;
    }

    .mediation-accordion-title h3 {
        font-size: 1rem;
    }

    .accordion-content {
        font-size: 0.94rem;
        gap: 0.6rem;
    }
}

/* Workshop Page Styles */
.workshop-container {
    max-width: 1100px;
}

.workshop-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
    gap: 4rem;
    align-items: start;
}

.workshop-text {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.workshop-image {
    position: relative;
    align-self: stretch;
}

.workshop-image img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.workshop-text h2 {
    color: var(--primary-color);
    margin-bottom: 0.75rem;
}

.workshop-text p {
    margin-bottom: 1rem;
}

.workshop-lead {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #3c3c3c;
    margin-bottom: 0;
}

.workshop-section {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.workshop-section h4 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--primary-color);
}

.workshop-section ul {
    padding-left: 1.2rem;
    line-height: 1.8;
}

.workshop-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.meta-card {
    background: rgba(251, 99, 57, 0.08);
    border-radius: 14px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 10px 25px rgba(251, 99, 57, 0.08);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.meta-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--primary-color);
}

.meta-value {
    font-weight: 600;
    color: #1d1d1d;
}

.price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.price-card {
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 16px;
    padding: 1.2rem 1.4rem;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(31, 31, 31, 0.05);
}

.price-label {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #808080;
}

.price-value {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    margin: 0.4rem 0 0.2rem;
}

.price-card p {
    margin: 0;
    font-size: 0.9rem;
    color: #4d4d4d;
}

.workshop-image-frame {
    position: sticky;
    top: calc(72px + 24px);
    background: linear-gradient(135deg, rgba(251, 99, 57, 0.15) 0%, rgba(255, 255, 255, 0.9) 100%);
    padding: 1.6rem;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(251, 99, 57, 0.18);
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.workshop-image-frame img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.pdf-button {
    display: inline-block;
    padding: 0.8rem 1.8rem;
    background: var(--primary-color);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 500;
    transition: var(--transition);
    margin-top: 1.5rem;
    border: 2px solid transparent;
}

.pdf-button:hover {
    background: white;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2);
}

/* Responsive styles for new elements */
@media (max-width: 992px) {
    /* Adjust dropdown for better positioning on tablets */
    .dropdown-submenu-content {
       left: 0;
       margin-left: 0;
       right: auto;
    }

    .dropdown-submenu-content .dropdown-submenu-content {
        left: 0;
        right: auto;
    }

    .workshop-container {
        max-width: 100%;
    }

    .workshop-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .workshop-image-frame {
        position: static;
        max-width: 480px;
        margin: 0 auto;
    }

    .workshop-meta,
    .price-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .workshop-meta,
    .price-grid {
        grid-template-columns: 1fr;
    }

    .meta-card,
    .price-card {
        padding: 1rem 1.1rem;
    }

    .workshop-lead {
        font-size: 1rem;
    }

    .workshop-image-frame {
        margin-top: 1.5rem;
    }

    /* Workshop page responsive */
    .workshop-grid {
        grid-template-columns: 1fr;
    }
    .workshop-image {
        order: -1; /* Image on top on mobile */
        margin-bottom: 2rem;
    }
}

/* ---------------------------------- */
/* -- Kdo Sem Page - Read More Button -- */
/* ---------------------------------- */

/* Stil za gumb "Moja zgodba" */
.read-more-btn {
    display: inline-block;
    margin-top: 2rem; /* Naredi prostor med uvodnim besedilom in gumbom */
    padding: 0.8rem 1.8rem;
    background: var(--primary-color);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 500;
    border: 2px solid transparent;
    cursor: pointer;
    transition: var(--transition);
    -webkit-appearance: none; /* Odstrani privzete stile gumbov na mobilnih napravah */
    -moz-appearance: none;
    appearance: none;
}

/* Efekt ob prehodu z miško */
.read-more-btn:hover {
    background: white;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2);
}

/* Vsebnik za razširjeno zgodbo */
.more-story-content {
    height: 0; /* Privzeto je vsebina popolnoma skrita */
    overflow: hidden; /* Vsebina, ki presega višino 0, je odrezana */
    transition: height 0.45s ease, margin-top 0.45s ease, padding 0.45s ease, box-shadow 0.45s ease, background 0.45s ease, border-color 0.45s ease; /* Animacija za gladek prehod */
    line-height: 1.8; /* Izboljša berljivost daljšega besedila */
    color: #444; /* Uskladi barvo besedila z ostalimi odstavki */
    margin-top: 0;
    padding: 0;
    border-radius: 24px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    max-width: 68ch;
    margin-left: auto;
    margin-right: auto;
    will-change: height;
}

.more-story-content p {
    margin: 0;
}

.more-story-content p + p {
    margin-top: 1.3rem;
}

/* Razred, ki ga doda JavaScript za prikaz vsebine */
.more-story-content.visible {
    margin-top: 2.5rem; /* Doda prostor med gumbom in prikazanim besedilom */
    padding: 2.2rem 2.5rem 2.5rem;
    background: #fff;
    box-shadow: 0 22px 48px rgba(20, 20, 20, 0.08);
    border-color: rgba(251, 99, 57, 0.12);
}

@media (max-width: 600px) {
    .more-story-content.visible {
        padding: 1.8rem 1.5rem 2rem;
    }
}

/* ============================================= */
/* === NOVI STILI ZA PRENOVLJENO NASLOVNICO === */
/* ============================================= */

/* 1. Glavna sekcija (Hero) */
.hero-new {
    padding: 72px 2rem 0;
    background: #fdfcfa; /* Svetlo ozadje */
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: stretch;
    overflow: hidden; /* Prepreči, da bi oblike šle izven sekcije */
    position: relative;
}

.hero-new-content {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: flex-start;
    min-height: calc(100vh - 72px);
    z-index: 2; /* Postavi vsebino nad dekorativne oblike */
}

.hero-new-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
}

.hero-new-text h1 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.hero-new-subtitle {
    font-size: 1.2rem;
    color: #555;
}

.hero-info-box {
    margin-top: auto;
    padding: 1.5rem;
    background: #ffffff;
    border-left: 4px solid var(--primary-color);
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    max-width: 460px;
    text-align: left;
}

.hero-info-box h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.hero-info-box p + p {
    margin-top: 0.75rem;
}

.hero-info-box p {
    text-align: justify;
}

.hero-info-box strong {
    color: var(--primary-color);
}

/* KLJUČEN POPRAVEK ZA VELIKOST SLIKE */
.hero-new-image {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-self: stretch;
}

.hero-new-image img {
    max-width: 100%;      /* Slika ne bo širša od svojega vsebnika */
    width: auto;
    height: 100%;         /* Raztegne sliko do višine hero sekcije */
    max-height: none;
    object-fit: contain;  /* Zagotovi, da je celotna slika vidna */
    object-position: bottom;
}

/* 2. Sekcija s ponudbami */
.features-section {
    padding: 80px 2rem;
    text-align: center;
}
.features-container {
    max-width: 1200px;
    margin: 0 auto;
}
.features-intro h2 {
    max-width: 800px;
    margin: 0 auto 3rem auto;
    font-size: 1.8rem;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}
.feature-card {
    background: #fff;
    padding: 2.5rem 2rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.07);
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    height: 100%;
}
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.feature-card h3 {
    color: var(--primary-color);
    margin-bottom: 1rem;
}
.feature-card .cta-button {
    margin-top: auto;
    align-self: center;
}


/* 3. Sekcija o Amri */
.about-amra-intro {
    padding: 60px 2rem;
    background: var(--light-bg);
}
.about-amra-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 3rem;
    align-items: center;
}
.about-amra-image {
    display: flex;
    justify-content: center;
}
.about-amra-image img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}
.about-amra-content {
    font-size: 1.1rem;
    line-height: 1.8;
}
.about-amra-content p + p {
    margin-top: 1rem;
}
.about-amra-content p {
    text-align: justify;
}
.cta-button-alt {
    display: inline-block;
    padding: 1rem 2rem;
    background: transparent;
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 30px;
    font-weight: 500;
    transition: var(--transition);
    margin-top: 2rem;
    border: 2px solid var(--primary-color);
}
.cta-button-alt:hover {
    background: var(--primary-color);
    color: white;
}


/* 4. Zadnji poziv k akciji */
.final-cta {
    padding: 80px 2rem;
    text-align: center;
}
.final-cta-content h2 {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}
.final-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.final-cta-content p {
    color: #666;
}


/* Dekorativni elementi v ozadju */
.bg-shape {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.5;
}
.shape-1 {
    width: 150px;
    height: 150px;
    background: rgba(251, 99, 57, 0.1);
    top: 22%;
    left: 5%;
}
.shape-2 {
    width: 80px;
    height: 80px;
    background: rgba(251, 99, 57, 0.08);
    bottom: 12%;
    right: 45%;
}
.shape-3 {
    width: 50px;
    height: 50px;
    border: 2px dotted var(--primary-color);
    top: 32%;
    right: 10%;
}
.shape-4 {
    width: 120px;
    height: 120px;
    border: 2px solid rgba(251, 99, 57, 0.2);
    bottom: 9%;
    left: 40%;
}

/* Prilagoditve za mobilne naprave */
@media (max-width: 992px) {
    .hero-new-content {
        grid-template-columns: 1fr;
        text-align: center;
        min-height: auto;
        align-items: center;
        padding-top: 0;
    }
    .hero-new-text {
        display: block;
        height: auto;
        align-self: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .hero-info-box {
        margin: 1.5rem auto 0;
        text-align: left;
    }
    .hero-new-image {
        order: -1; /* Premakne sliko na vrh */
        margin-bottom: 2rem;
        align-self: center;
        align-items: center;
    }
    .hero-new-image img {
        max-height: 400px; /* Manjša slika na tablicah */
        height: auto;
        width: 100%;
    }
    .about-amra-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }
    .about-amra-content {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero-new-text h1 {
        font-size: 2.2rem;
    }
    .features-intro h2 {
        font-size: 1.5rem;
    }
    .final-cta-buttons .cta-button {
        width: 100%;
    }
}
"""


"./delavnice/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delavnice - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

    <main>
        <section class="workshop-directory-hero">
            <div class="workshop-directory-hero-content" data-aos="fade-up">
                <span class="workshop-directory-kicker">Pregled delavnic</span>
                <h1>Skupaj gradimo podporno okolje</h1>
                <p>Izberite delavnico, ki najbolje ustreza vaši šoli ali vrtcu, in odkrijte, kako lahko z našo strokovno pripravljeno vsebino izboljšate vključevanje priseljencev, sodelovanje s starši ter strokovni razvoj ekipe.</p>
            </div>
            <div class="workshop-directory-shape shape-a"></div>
            <div class="workshop-directory-shape shape-b"></div>
            <div class="workshop-directory-shape shape-c"></div>
        </section>

        <section class="workshop-directory-section">
            <div class="workshop-directory-container">
                <div class="workshop-directory-heading" data-aos="fade-up">
                    <h2>Za šole</h2>
                </div>
                <div class="workshop-card-grid">
                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/" data-aos="fade-up">
                        <div class="workshop-card-image">
                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Delavnica Zakaj se splača znati slovensko?">
                        </div>
                        <div class="workshop-card-title">
                            Zakaj se splača znati slovensko?
                        </div>
                    </a>
                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/" data-aos="fade-up" data-aos-delay="100">
                        <div class="workshop-card-image">
                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Delavnica Šola in starši priseljenci">
                        </div>
                        <div class="workshop-card-title">
                            Šola in starši priseljenci
                        </div>
                    </a>
                </div>
            </div>
        </section>

        <section class="workshop-directory-section">
            <div class="workshop-directory-container">
                <div class="workshop-directory-heading" data-aos="fade-up">
                    <h2>Za vrtce</h2>
                </div>
                <div class="workshop-card-grid workshop-card-grid--single">
                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/" data-aos="fade-up">
                        <div class="workshop-card-image">
                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Delavnica Skupaj gradimo nove začetke">
                        </div>
                        <div class="workshop-card-title">
                            Skupaj gradimo nove začetke
                        </div>
                    </a>
                </div>
            </div>
        </section>

        <section class="workshop-directory-section">
            <div class="workshop-directory-container">
                <div class="workshop-directory-heading" data-aos="fade-up">
                    <h2>Za zaposlene</h2>
                </div>
                <div class="workshop-card-grid workshop-card-grid--single">
                    <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/" data-aos="fade-up">
                        <div class="workshop-card-image">
                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Delavnica Od tujca do sošolca">
                        </div>
                        <div class="workshop-card-title">
                            Od tujca do sošolca
                        </div>
                    </a>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./error_log" : 
"""
[03-Mar-2025 04:27:40 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[05-Mar-2025 04:58:49 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[06-Mar-2025 04:16:29 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[07-Mar-2025 04:47:02 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[08-Mar-2025 06:15:10 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[09-Mar-2025 05:57:05 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[10-Mar-2025 04:22:33 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[11-Mar-2025 04:18:52 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
[12-Mar-2025 04:49:32 Europe/Ljubljana] PHP Deprecated:  Directive 'allow_url_include' is deprecated in Unknown on line 0
"""


"./footer-template.html" : 
"""
<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>"""


"./header-template.html" : 
"""
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>"""


"./index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kontakt - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

<main>
    <!-- ===== ZAČETEK NOVE VSEBINE ===== -->

    <!-- 1. Sekcija: Glavni pozdrav (Hero) -->
    <section class="hero-new">
        <div class="hero-new-content">
            <div class="hero-new-text" data-aos="fade-up">
                <h1>Dobrodošli v našem medkulturnem kotičku…</h1>
                <p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
                <div class="hero-info-box">
                    <h3>Zakaj PROSBERRY?</h3>
                    <p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
                    <p><strong>BERRY</strong> predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.</p>
                    <p>Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.</p>
                    <p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
                </div>
            </div>
            <div class="hero-new-image" data-aos="fade-left">
                <img src="assets/images/amra.png" alt="Amra Kurešepi Zulji">
            </div>
        </div>
        <!-- Dekorativni elementi v ozadju -->
        <div class="bg-shape shape-1"></div>
        <div class="bg-shape shape-2"></div>
        <div class="bg-shape shape-3"></div>
        <div class="bg-shape shape-4"></div>
    </section>

    <!-- 2. Sekcija: Ključne ponudbe -->
    <section class="features-section">
        <div class="features-container">
            <div class="features-intro" data-aos="fade-up">
                <h2>PROSBERRY – mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</h2>
            </div>
            <div class="features-grid">
                <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
                    <h3>Uči se po svojem tempu</h3>
                    <p>Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.</p>
                    <a href="/ponudba/" class="cta-button">PONUDBE</a>
                </div>
                <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
                    <h3>Razišči delavnice</h3>
                    <p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
                    <a href="/delavnice/" class="cta-button">DELAVNICE</a>
                </div>
                <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
                    <h3>Prejmi podporo, ko jo najbolj potrebuješ</h3>
                    <p>Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse.</p>
                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">MK POSREDOVANJE</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 3. Sekcija: Osebna predstavitev -->
    <section class="about-amra-intro">
        <div class="about-amra-wrapper" data-aos="fade-up">
            <div class="about-amra-image">
                <img src="assets/images/amra2.png" alt="Amra Kurešepi Zulji" loading="lazy">
            </div>
            <div class="about-amra-content">
                <p>Sem Amra – mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.</p>
                <p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p>
                <a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
            </div>
        </div>
    </section>

    <!-- 4. Sekcija: Poziv k akciji (CTA) -->
    <section class="final-cta">
        <div class="final-cta-content" data-aos="fade-up">
            <h2>Imaš vprašanje? Pokliči ali piši!</h2>
            <div class="final-cta-buttons">
                <a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
                <a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
            </div>
            <p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
        </div>
    </section>

    <!-- ===== KONEC NOVE VSEBINE ===== -->
</main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="js/main.js"></script>
<script src="js/animations.js"></script>
</body>
</html>
"""


"./js/main.js" : 
"""
document.addEventListener('DOMContentLoaded', function() {

    // --- Mobile Menu Toggle ---
    const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
    const navLinks = document.querySelector('.nav-links');
    let closeMobileMenu = () => {};
    let resetMobileSubmenus = () => {};

    const normalizePath = (value) => {
        if (!value) {
            return '/';
        }
        let clean = value.split('?')[0].split('#')[0];
        clean = clean.replace(/index\.html$/i, '');
        clean = clean.replace(/\/+$/, '');
        if (clean === '') {
            clean = '/';
        }
        return clean;
    };

    const applyActiveNavState = () => {
        const navRoot = document.querySelector('.nav-links');
        if (!navRoot) {
            return;
        }

        navRoot.querySelectorAll('a.active, .dropbtn.active').forEach(el => {
            el.classList.remove('active');
        });

        const currentPath = normalizePath(window.location.pathname);
        const navAnchors = navRoot.querySelectorAll('a[href]');
        let matchedLink = null;

        navAnchors.forEach(anchor => {
            const href = anchor.getAttribute('href');
            if (!href || href.startsWith('http') || href.startsWith('mailto:') || href.startsWith('tel:') || href.startsWith('#')) {
                return;
            }

            const linkPath = normalizePath(href);
            if (linkPath === currentPath) {
                matchedLink = anchor;
            }
        });

        if (!matchedLink) {
            return;
        }

        matchedLink.classList.add('active');

        const highlightDropdownParents = (element) => {
            let parentContent = element.closest('.dropdown-submenu-content, .dropdown-content');
            while (parentContent) {
                const trigger = parentContent.previousElementSibling;
                if (trigger && (trigger.tagName === 'A' || trigger.classList.contains('dropbtn'))) {
                    trigger.classList.add('active');
                }
                parentContent = parentContent.parentElement ? parentContent.parentElement.closest('.dropdown-submenu-content, .dropdown-content') : null;
            }
        };

        highlightDropdownParents(matchedLink);

        const topLevelDropdown = matchedLink.closest('.dropdown');
        if (topLevelDropdown) {
            const trigger = topLevelDropdown.querySelector('.dropbtn');
            if (trigger) {
                trigger.classList.add('active');
            }
        }
    };

    if (mobileMenuBtn && navLinks) {
        resetMobileSubmenus = () => {
            navLinks.querySelectorAll('.dropdown-content, .dropdown-submenu-content').forEach(submenu => {
                submenu.style.display = 'none';
            });
            navLinks.querySelectorAll('.dropbtn, .dropdown-submenu > a').forEach(link => {
                link.classList.remove('active');
            });
            applyActiveNavState();
        };

        closeMobileMenu = () => {
            mobileMenuBtn.classList.remove('active');
            navLinks.classList.remove('active');
            document.body.classList.remove('no-scroll');
            resetMobileSubmenus();
        };

        mobileMenuBtn.addEventListener('click', (event) => {
            event.stopPropagation(); // Prepreči, da bi se dogodek takoj prenesel na 'document'
            const willOpen = !navLinks.classList.contains('active');
            if (willOpen) {
                mobileMenuBtn.classList.add('active');
                navLinks.classList.add('active');
                document.body.classList.add('no-scroll');
                resetMobileSubmenus();
            } else {
                closeMobileMenu();
            }
        });
    }

    // --- Active Navigation Highlight ---
    applyActiveNavState();

    // --- Mobile Dropdown Logic ---
    // Logika za odpiranje podmenijev na klik na mobilnih napravah
    const dropdowns = document.querySelectorAll('.nav-links .dropdown-submenu > a, .nav-links .dropdown > .dropbtn');

    dropdowns.forEach(item => {
        item.addEventListener('click', function(event) {
            // Preveri, ali smo na mobilni napravi (ujema se z CSS @media query)
            if (window.innerWidth <= 768) {
                // Prepreči navigacijo, če je to link, saj želimo samo odpreti podmeni
                if (item.tagName === 'A') {
                    event.preventDefault();
                }
                event.stopPropagation();

                const submenu = item.nextElementSibling;
                if (!submenu) {
                    return;
                }

                const isTopLevelTrigger = item.classList.contains('dropbtn');

                if (isTopLevelTrigger) {
                    navLinks.querySelectorAll('.dropdown-content').forEach(panel => {
                        if (panel !== submenu) {
                            panel.style.display = 'none';
                            const trigger = panel.parentElement.querySelector('.dropbtn');
                            if (trigger) {
                                trigger.classList.remove('active');
                            }
                            panel.querySelectorAll('.dropdown-submenu-content').forEach(child => {
                                child.style.display = 'none';
                                const childTrigger = child.parentElement.querySelector(':scope > a');
                                if (childTrigger) {
                                    childTrigger.classList.remove('active');
                                }
                            });
                        }
                    });
                } else {
                    const siblingsWrapper = item.parentElement && item.parentElement.parentElement;
                    if (siblingsWrapper) {
                        siblingsWrapper.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(panel => {
                            if (panel !== submenu) {
                                panel.style.display = 'none';
                                const trigger = panel.parentElement.querySelector(':scope > a');
                                if (trigger) {
                                    trigger.classList.remove('active');
                                }
                                panel.querySelectorAll('.dropdown-submenu-content').forEach(child => {
                                    child.style.display = 'none';
                                    const childTrigger = child.parentElement.querySelector(':scope > a');
                                    if (childTrigger) {
                                        childTrigger.classList.remove('active');
                                    }
                                });
                            }
                        });
                    }
                }

                const shouldOpen = submenu.style.display !== 'block';

                if (shouldOpen) {
                    submenu.style.display = 'block';
                    item.classList.add('active');
                    submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => {
                        child.style.display = 'none';
                        const childTrigger = child.parentElement.querySelector(':scope > a');
                        if (childTrigger) {
                            childTrigger.classList.remove('active');
                        }
                    });
                } else {
                    submenu.style.display = 'none';
                    item.classList.remove('active');
                    submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => {
                        child.style.display = 'none';
                        const childTrigger = child.parentElement.querySelector(':scope > a');
                        if (childTrigger) {
                            childTrigger.classList.remove('active');
                        }
                    });
                }
            }
        });
    });

    // --- Close mobile menu when clicking outside ---
    document.addEventListener('click', function(event) {
        if (window.innerWidth <= 768 && navLinks && navLinks.classList.contains('active')) {
            // Preveri, ali klik ni bil znotraj navigacije ali na gumb za meni
            const isClickInsideNav = navLinks.contains(event.target);
            const isClickOnBtn = mobileMenuBtn && mobileMenuBtn.contains(event.target);

            if (!isClickInsideNav && !isClickOnBtn) {
                closeMobileMenu();
            }
        }
    });

    // --- Close mobile menu when a link is clicked ---
    const navLinkItems = document.querySelectorAll('.nav-links a');
    navLinkItems.forEach(link => {
        link.addEventListener('click', (event) => {
            // Preprečimo zapiranje, če ima link podmeni in smo na mobilni napravi
            const hasSubmenu = link.parentElement.classList.contains('dropdown-submenu') || link.classList.contains('dropbtn');
            if (window.innerWidth <= 768) {
                if (hasSubmenu) {
                    // To je že obdelano v zgornji logiki, tukaj samo preprečimo, da bi se meni takoj zaprl
                    return;
                }
                closeMobileMenu();
            }
        });
    });

    // --- Accordion Logic for "Več" buttons ---
    const accordions = document.querySelectorAll('.accordion-toggle');
    accordions.forEach(accordion => {
        accordion.addEventListener('click', function() {
            const accordionItem = this.closest('.mediation-accordion-item');
            const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null;

            if (!content) {
                return;
            }

            this.classList.toggle('active');
            const isOpen = this.classList.contains('active');
            this.setAttribute('aria-expanded', String(isOpen));
            content.setAttribute('aria-hidden', String(!isOpen));

            if (isOpen) {
                content.style.maxHeight = content.scrollHeight + "px";
                this.textContent = 'Manj';
            } else {
                content.style.maxHeight = null;
                this.textContent = 'Več';
            }
        });
        accordion.textContent = 'Več';
        accordion.setAttribute('aria-expanded', 'false');
        const initialContent = accordion.closest('.mediation-accordion-item')?.querySelector('.accordion-content');
        if (initialContent) {
            initialContent.setAttribute('aria-hidden', 'true');
        }
    });

    // --- Header Scroll Effect ---
    const header = document.querySelector('.main-header');
    if (header) {
        let lastScroll = 0;
        window.addEventListener('scroll', () => {
            const currentScroll = window.pageYOffset;

            if (currentScroll <= 0) {
                header.classList.remove('scroll-up');
                return;
            }

            if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) {
                // Scroll Down
                header.classList.remove('scroll-up');
                header.classList.add('scroll-down');
            } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) {
                // Scroll Up
                header.classList.remove('scroll-down');
                header.classList.add('scroll-up');
            }
            lastScroll = currentScroll;
        });
    }

    // --- Accordion Logic for Mediation Page ---
    const mediationSections = document.querySelectorAll('.mediation-section');
    if (mediationSections.length) {
        const mediationTitles = document.querySelectorAll('.mediation-section h2');

        const closeAllSections = () => {
            mediationSections.forEach(section => {
                section.classList.remove('active');
            });
        };

        mediationTitles.forEach(title => {
            title.addEventListener('click', () => {
                const parentSection = title.parentElement;
                const isAlreadyActive = parentSection.classList.contains('active');

                closeAllSections();

                if (!isAlreadyActive) {
                    parentSection.classList.add('active');
                }
            });
        });

        const openSectionFromHash = () => {
            const hash = window.location.hash;
            if (hash) {
                const targetSection = document.querySelector(hash);
                if (targetSection && targetSection.classList.contains('mediation-section')) {
                    closeAllSections();
                    targetSection.classList.add('active');
                }
            }
        };

        window.addEventListener('hashchange', openSectionFromHash);
        openSectionFromHash();

        if (!document.querySelector('.mediation-section.active') && mediationSections[0]) {
            mediationSections[0].classList.add('active');
        }
    }

    // --- POPRAVLJENA in ZANESLJIVA logika za meni ---
    const dropdownContainers = document.querySelectorAll('.nav-links .dropdown');
    if (dropdownContainers.length) {
        const closeAllDropdowns = () => {
            dropdownContainers.forEach(container => {
                const dropdownContent = container.querySelector('.dropdown-content');
                if (!dropdownContent) {
                    return;
                }
                container.classList.remove('is-open');
                dropdownContent.style.display = 'none';
                dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => {
                    submenu.style.display = 'none';
                });
            });
        };

        dropdownContainers.forEach(container => {
            const dropBtn = container.querySelector('.dropbtn');
            const dropdownContent = container.querySelector('.dropdown-content');
            if (!dropBtn || !dropdownContent) {
                return;
            }

            const closeDropdown = () => {
                container.classList.remove('is-open');
                dropdownContent.style.display = 'none';
                dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => {
                    submenu.style.display = 'none';
                });
            };

            const openDropdown = () => {
                container.classList.add('is-open');
                dropdownContent.style.display = 'block';
            };

            dropBtn.addEventListener('click', (event) => {
                if (window.innerWidth <= 768) {
                    return; // mobilna logika že upravlja
                }
                event.preventDefault();
                const isOpen = container.classList.contains('is-open');
                closeAllDropdowns();
                if (!isOpen) {
                    openDropdown();
                }
            });

            const submenuLinks = container.querySelectorAll('.dropdown-submenu > a');
            submenuLinks.forEach(link => {
                const submenu = link.nextElementSibling;
                if (!submenu) {
                    return;
                }

                link.addEventListener('click', (event) => {
                    if (window.innerWidth <= 768) {
                        return; // mobilna logika že upravlja
                    }

                    const parentList = link.parentElement.parentElement;
                    parentList.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(sm => {
                        if (sm !== submenu) {
                            sm.style.display = 'none';
                        }
                    });

                    const isOpen = submenu.style.display === 'block';
                    const href = link.getAttribute('href') || '';

                    if (href === '#' || href.trim() === '') {
                        event.preventDefault();
                        submenu.style.display = isOpen ? 'none' : 'block';
                        return;
                    }

                    if (!isOpen) {
                        event.preventDefault();
                        submenu.style.display = 'block';
                    } else {
                        closeDropdown();
                    }
                });
            });

            container.querySelectorAll('.dropdown-submenu-content a').forEach(link => {
                if (link.nextElementSibling) {
                    return;
                }
                link.addEventListener('click', () => {
                    if (window.innerWidth <= 768) {
                        return;
                    }
                    closeAllDropdowns();
                    closeMobileMenu();
                });
            });
        });

        document.addEventListener('click', (event) => {
            if (window.innerWidth <= 768) {
                return;
            }
            const clickedInside = Array.from(dropdownContainers).some(container => container.contains(event.target));
            if (!clickedInside) {
                closeAllDropdowns();
            }
        });

        window.addEventListener('resize', () => {
            if (window.innerWidth <= 768) {
                closeAllDropdowns();
                closeMobileMenu();
            }
        });
    }

    window.addEventListener('resize', () => {
        if (window.innerWidth > 768) {
            closeMobileMenu();
        }
    });

    // --- Initialize AOS (Animate on Scroll) ---
    if (typeof AOS !== 'undefined') {
        AOS.init({
            duration: 600,
            easing: 'ease-out',
            once: true, // Animacija se zgodi samo enkrat
            offset: 50,
            delay: 100,
            disable: 'mobile'
        });
    }

    // --- "Read More" Button Logic for Kdo Sem Page ---
    const readMoreBtn = document.querySelector('.read-more-btn');
    const moreStoryContent = document.querySelector('.more-story-content');

    if (readMoreBtn && moreStoryContent) {
        if (moreStoryContent.id) {
            readMoreBtn.setAttribute('aria-controls', moreStoryContent.id);
        }

        const applyStoryState = (isVisible) => {
            readMoreBtn.textContent = isVisible ? 'Skrij zgodbo' : 'Moja zgodba';
            readMoreBtn.setAttribute('aria-expanded', isVisible ? 'true' : 'false');
            moreStoryContent.setAttribute('aria-hidden', isVisible ? 'false' : 'true');
        };

        let isExpanded = moreStoryContent.classList.contains('visible');
        applyStoryState(isExpanded);
        moreStoryContent.style.height = isExpanded ? 'auto' : '0px';

        const openStory = () => {
            moreStoryContent.classList.add('visible');
            const targetHeight = moreStoryContent.scrollHeight;
            moreStoryContent.classList.add('is-animating');
            moreStoryContent.style.height = '0px';

            requestAnimationFrame(() => {
                moreStoryContent.style.height = `${targetHeight}px`;
            });
        };

        const closeStory = () => {
            const currentHeight = moreStoryContent.scrollHeight;
            moreStoryContent.style.height = `${currentHeight}px`;
            moreStoryContent.classList.add('is-animating');

            requestAnimationFrame(() => {
                moreStoryContent.style.height = '0px';
            });
        };

        moreStoryContent.addEventListener('transitionend', (event) => {
            if (event.propertyName !== 'height') {
                return;
            }

            moreStoryContent.classList.remove('is-animating');

            if (isExpanded) {
                moreStoryContent.style.height = 'auto';
            } else {
                moreStoryContent.classList.remove('visible');
                moreStoryContent.style.height = '';
            }
        });

        readMoreBtn.addEventListener('click', () => {
            if (moreStoryContent.classList.contains('is-animating')) {
                return;
            }

            isExpanded = !isExpanded;
            applyStoryState(isExpanded);

            if (isExpanded) {
                openStory();
            } else {
                closeStory();
            }
        });
    }
});

// --- Legacy form validation functions (can be kept for potential future use) ---
// Note: The main form submission logic is now handled via fetch in kontakt/index.html

function showError(input, message) {
    const formControl = input.parentElement;
    const errorDiv = formControl.querySelector('.error-message') || document.createElement('div');
    errorDiv.className = 'error-message';
    errorDiv.textContent = message;
    if (!formControl.querySelector('.error-message')) {
        formControl.appendChild(errorDiv);
    }
    formControl.classList.add('error');
}

function removeError(input) {
    const formControl = input.parentElement;
    const errorDiv = formControl.querySelector('.error-message');
    if (errorDiv) {
        formControl.removeChild(errorDiv);
    }
    formControl.classList.remove('error');
}

function isValidEmail(email) {
    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}
"""


"./kdo-sem/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kdo sem - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="about-hero">
            <div class="about-hero-container">
                <div class="about-hero-text" data-aos="fade-up">
                    <span class="about-hero-kicker">O meni</span>
                    <h1>Povezanost z jeziki, ljudmi in zgodbami</h1>
                    <p>Od nekdaj sem imela rada jezike, ljudi in zgodbe. Življenje v večjezičnem okolju me je naučilo naravno prehajati med jeziki in kulturami. Svojo poklicno pot sem začela z osnovnim študijem angleškega jezika in književnosti na Univerzi v Prištini. Nadaljevala sem na Filozofski fakulteti v Ljubljani, kjer sem opravila magistrski študij angleščine. Že med študijem sem začela poučevati – najprej prostovoljno, pozneje tudi poklicno. Poučevala sem otroke, mladostnike in odrasle, tako v skupinah kot individualno, kar mi je dalo prilagodljivost, potrpežljivost in občutek za različne potrebe učencev. Takrat sem začela zares verjeti, da lahko s tem delom pomagam ljudem in obenem rastem tudi sama. Kasneje sem se izobraževala za medkulturno mediatorko, da bi še bolje podpirala ljudi pri vključevanju v novo okolje.</p>
                </div>
                <div class="about-hero-image" data-aos="fade-left" data-aos-delay="150">
                    <div class="image-frame">
                        <picture>
                            <source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji">
                        </picture>
                    </div>
                </div>
            </div>
            <div class="about-hero-shape shape-a"></div>
            <div class="about-hero-shape shape-b"></div>
            <div class="about-hero-shape shape-c"></div>
            <div class="about-hero-shape shape-d"></div>
        </section>

        <section class="about-accordion-section">
            <div class="about-accordion-container">
                <div class="about-accordion-list">
                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="50">
                        <button class="about-accordion-toggle" type="button" aria-expanded="true">
                            <span>Osebna izkušnja in razumevanje</span>
                            <span class="accordion-icon" aria-hidden="true"></span>
                        </button>
                        <div class="about-accordion-content">
                            <p>Sama sem doživela selitev v drugo državo, zato dobro vem, kako pomembno je, da te nekdo razume, prisluhne in ti pomaga poiskati pravo pot. Posebno blizu so mi posamezniki in družine, ki se znajdejo v novem okolju – tujci v Sloveniji, priseljenci, otroci iz večjezičnih družin in tisti, ki doma govorijo drug jezik. Za mnoge je jezik povezan z občutki negotovosti, sramežljivosti ali izključenosti. Prav zato si prizadevam ustvariti varen in spodbuden prostor, kjer govor odpira vrata do osebne in družbene rasti. Z leti sem začela vse bolj prepoznavati pomen medkulturnega razumevanja in razvijala občutek za to, kaj posameznik v resnici potrebuje.</p>
                        </div>
                    </div>
                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="100">
                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
                            <span>Podpora in pristop, ki temelji na spoštovanju</span>
                            <span class="accordion-icon" aria-hidden="true"></span>
                        </button>
                        <div class="about-accordion-content" hidden>
                            <p>Skozi leta sem sodelovala z ljudmi z zelo različnimi izkušnjami – od začetnikov do tistih, ki so želeli znanje nadgraditi zaradi študija ali poklica. Poleg poučevanja sem pogosto pomagala pri prevodih, sporazumevanju z uradi, izpolnjevanju obrazcev in razumevanju kulturnih razlik. Zaradi teh izkušenj svoje delo vidim kot več kot le poučevanje; zame je to odnos, podpora, varnost in skupna rast. Kot mama zelo dobro razumem, kaj pomeni usklajevati različne vloge. Vem, kako pomembno je, da ti nekdo prisluhne in da te vodi na način, ki ti ustreza. Moj pristop temelji na poslušanju, spoštovanju in prilagajanju vsakemu posamezniku – ne glede na to, ali gre za učenje jezika, pripravo na izpit, prevod dokumenta ali preprosto podporo.</p>
                        </div>
                    </div>
                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="150">
                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
                            <span>PROSBERRY – osebna in profesionalna rast</span>
                            <span class="accordion-icon" aria-hidden="true"></span>
                        </button>
                        <div class="about-accordion-content" hidden>
                            <p>Od leta 2023 delujem samostojno pod imenom PROSBERRY. Ime združuje simboliko rasti in dozorevanja z zavestnim, profesionalnim pristopom. Svojim strankam želim biti zanesljiva spremljevalka na poti do večje jezikovne samozavesti in lažjega vključevanja v novo okolje – s toplino, jasno komunikacijo in globokim razumevanjem človeka.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/animations.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const toggles = document.querySelectorAll('.about-accordion-toggle');
            toggles.forEach(toggle => {
                const content = toggle.nextElementSibling;
                const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
                if (content) {
                    content.hidden = !isExpanded;
                }
                toggle.addEventListener('click', () => {
                    const currentlyExpanded = toggle.getAttribute('aria-expanded') === 'true';
                    toggle.setAttribute('aria-expanded', String(!currentlyExpanded));
                    if (content) {
                        content.hidden = currentlyExpanded;
                    }
                });
            });
        });
    </script>
</body>
</html>
"""


"./kontakt/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kontakt - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>
    <main>
        <section class="contact-hero">
            <div class="contact-hero-content" data-aos="fade-up">
                <span class="contact-hero-kicker">Povežimo se</span>
                <h1>Kontakt</h1>
                <p class="contact-hero-lead">Veselim se sodelovanja pri vašem naslednjem tečaju, delavnici ali medkulturnem posredovanju.</p>
            </div>
            <div class="contact-hero-shape shape-a"></div>
            <div class="contact-hero-shape shape-b"></div>
            <div class="contact-hero-shape shape-c"></div>
            <div class="contact-hero-shape shape-d"></div>
        </section>
        <section class="contact-main">
            <div class="contact-main-container">
                <div class="contact-info-panel" data-aos="fade-up">
                    <h2>Stopimo v stik</h2>
                    <p class="contact-info-lead">Če želite izvedeti več o naših tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali me kontaktirate!</p>
                    <ul class="contact-services">
                        <li>Tečaji angleščine vseh nivojev</li>
                        <li>Medkulturno posredovanje za šole, vrtce, zdravstvene ustanove in druge organizacije</li>
                        <li>Delavnice za učence, starše in strokovne time</li>
                        <li>Podpora pri učenju jezikov in vključevanju novih družin</li>
                    </ul>
                    <div class="contact-details">
                        <div class="contact-detail">
                            <span class="detail-label">Email</span>
                            <a href="mailto:info@prosberry.si">info@prosberry.si</a>
                        </div>
                        <div class="contact-detail">
                            <span class="detail-label">Telefon</span>
                            <a href="tel:+38630312855">030 312 855</a>
                        </div>
                    </div>
                    <div class="contact-note">
                        <p>Dogovorimo se za kratek posvet, da skupaj bolje razumemo možnosti sodelovanja in poiščemo prave korake naprej.</p>
                    </div>
                </div>
                <div class="contact-form-panel" data-aos="fade-up" data-aos-delay="100">
                    <div class="contact-form-card">
                        <h3>Za več informacij</h3>
                        <p class="contact-form-lead">Izpolnite obrazec in sporočite, kako vam lahko pomagamo. Odgovor boste prejeli v najkrajšem možnem času.</p>
                        <form class="contact-form" id="contactForm">
                            <div class="form-group">
                                <label for="name">Ime in priimek</label>
                                <input type="text" id="name" name="name" required>
                            </div>
                            <div class="form-group">
                                <label for="email">Email naslov</label>
                                <input type="email" id="email" name="email" required>
                            </div>
                            <div class="form-group">
                                <label for="message">Sporočilo</label>
                                <textarea id="message" name="message" rows="6" required></textarea>
                            </div>
                            <div id="formMessage" class="form-message" style="display: none;"></div>
                            <button type="submit" class="submit-btn">Pošljite sporočilo</button>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </main>
<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // --- Form Submission Logic ---
            const contactForm = document.getElementById('contactForm');
            if (contactForm) {
                contactForm.addEventListener('submit', function(e) {
                    e.preventDefault();
                    const formData = new FormData(this);
                    const messageDiv = document.getElementById('formMessage');
                    const submitButton = this.querySelector('button[type="submit"]');
                    
                    submitButton.disabled = true;
                    submitButton.textContent = 'Pošiljam...';

                    fetch('../../../../kontakt/process_form.php', {
                            method: 'POST',
                            body: formData
                        })
                        .then(response => response.text())
                        .then(data => {
                            messageDiv.style.display = 'block';
                            if (data.includes('Hvala')) {
                                messageDiv.className = 'form-message success-message';
                                this.reset();
                            } else {
                                messageDiv.className = 'form-message error-message';
                            }
                            messageDiv.textContent = data;
                        })
                        .catch(error => {
                            messageDiv.style.display = 'block';
                            messageDiv.className = 'form-message error-message';
                            messageDiv.textContent = 'Prišlo je do napake. Prosimo poskusite ponovno.';
                            console.error('Error:', error);
                        })
                        .finally(() => {
                            submitButton.disabled = false;
                            submitButton.textContent = 'Pošlji sporočilo';
                        });
                });
            }

        });
    </script>
</body>
</html>
"""


"./kontakt/process_form.php" : 
"""
<?php
// Preveri če je zahteva POST
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Pridobi podatke iz obrazca
    $name = isset($_POST['name']) ? strip_tags(trim($_POST['name'])) : '';
    $email = isset($_POST['email']) ? filter_var(trim($_POST['email']), FILTER_SANITIZE_EMAIL) : '';
    $message = isset($_POST['message']) ? strip_tags(trim($_POST['message'])) : '';

    // Preveri če so vsa polja izpolnjena
    if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        http_response_code(400);
        echo "Prosimo izpolnite vsa polja pravilno.";
        exit;
    }

    // Nastavi prejemnika in zadevo
    $recipient = "info@prosberry.si";
    $subject = "Novo sporočilo iz kontaktnega obrazca - $name";

    // Pripravi vsebino emaila
    $email_content = "Ime: $name\n";
    $email_content .= "Email: $email\n\n";
    $email_content .= "Sporočilo:\n$message\n";

    // Nastavi email headers
    $email_headers = "From: $name <$email>\r\n";
    $email_headers .= "Reply-To: $email\r\n";
    $email_headers .= "X-Mailer: PHP/" . phpversion();

    // Pošlji email
    if (mail($recipient, $subject, $email_content, $email_headers)) {
        http_response_code(200);
        echo "Hvala! Vaše sporočilo je bilo uspešno poslano.";
    } else {
        http_response_code(500);
        echo "Oprostite! Prišlo je do napake pri pošiljanju sporočila.";
    }
} else {
    http_response_code(403);
    echo "Prišlo je do napake pri obdelavi zahteve.";
}
?> """


"./pogosta-vprasanja/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pogosta vprašanja - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>
    <main>
        <section class="faq-hero">
            <div class="faq-hero-container">
                <div class="faq-hero-text" data-aos="fade-up">
                    <span class="faq-hero-kicker">Vprašanja in odgovori</span>
                    <h1>Pogosta vprašanja</h1>
                    <p class="faq-hero-lead">Vas zanima, kako potekajo naši postopki in storitve? Spodaj smo zbrali odgovore na vprašanja, ki jih največkrat prejmemo.</p>
                </div>
            </div>
            <div class="faq-hero-shape shape-a"></div>
            <div class="faq-hero-shape shape-b"></div>
            <div class="faq-hero-shape shape-c"></div>
        </section>

        <section class="faq-accordion" id="vprasanja">
            <div class="faq-accordion-container">
                <div class="faq-accordion-list" data-aos="fade-up" data-aos-delay="100">
                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>1. V katerih situacijah je medkulturno posredovanje v pomoč?</span>
                        </button>
                        <div class="faq-answer">
                            <ul>
                                <li>– Pri razumevanju šolskih obvestil, navodil in uradnih postopkov</li>
                                <li>– Pri vključevanju otroka v učni proces</li>
                                <li>– Ob pojavu nesporazumov zaradi jezikovnih ali kulturnih razlik</li>
                                <li>– Pri prehodu iz vrtca v šolo ali med različnimi šolskimi programi</li>
                                <li>– Pri reševanju konfliktov med učenci ali starši, ki izhajajo iz kulturnih razlik</li>
                                <li>– Pri vključevanju staršev v šolske ali lokalne aktivnosti</li>
                                <li>– Pri razumevanju posebnih potreb ali individualnih načrtov v šoli in vrtcu</li>
                                <li>– Pri usklajevanju pričakovanj med šolo in družino (npr. domače naloge, pravila, roki)</li>
                            </ul>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>2. Kdaj izbrati medkulturno posredovanje ali delavnico?</span>
                        </button>
                        <div class="faq-answer">
                            <p>Medkulturno posredovanje je primerno, kadar je potreben dinamičen pogovor med ljudmi v različnih institucijah – šolah, vrtcih, zdravstvenih ustanovah in drugih organizacijah. Posredovalec ves čas prevaja, razlaga in svetuje, kadar zazna, da katera stran ne razume, ter pomaga razjasniti mnenja, pričakovanja, pobude in omejitve. Gre za aktivno podporo, prilagojeno situaciji in potrebam udeležencev.</p>
                            <p>Delavnice so strukturirane, ciljane seje, ki sledijo vnaprej določenim ciljem in vsebini, kot je opisano za posamezno delavnico. Posredovalec vodi delavnico po pripravljeni strukturi ter zagotavlja informacije, praktične nasvete in izobraževalne aktivnosti za konkretno ciljno skupino – učence, starše, starše otrok v vrtcu ali zaposlene.</p>
                            <p>Vse naše dejavnosti prispevajo k boljšemu vključevanju priseljencev in razumevanju medkulturnih razlik – izberite tisto, kar najbolje ustreza vašim potrebam.</p>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>3. Kdaj izbrati individualno in kdaj skupinsko medkulturno posredovanje?</span>
                        </button>
                        <div class="faq-answer">
                            <p>Individualno medkulturno posredovanje je primerno, kadar strokovni kader v instituciji (npr. razrednik ali svetovalni delavec) vodi sestanek s posameznimi starši ali z družino. Posredovalec prevaja, razlaga in svetuje neposredno med udeleženci, kar omogoča poglobljeno razumevanje, reševanje specifičnih vprašanj ter prilagojeno podporo posameznim potrebam.</p>
                            <p>Skupinsko medkulturno posredovanje je primerno za večje skupine udeležencev, npr. na roditeljskih sestankih ali srečanjih več staršev priseljencev, kadar udeleženci ne razumejo jezika ali delovanja institucije. Posredovalec zagotavlja prevod in pojasnila za vse prisotne, da se lahko vsi aktivno vključijo, razumejo informacije in sodelujejo v pogovoru.</p>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>4. Ali delavnice potekajo tudi v jezikih, ki jih ne obvladate sami?</span>
                        </button>
                        <div class="faq-answer">
                            <p>Da, delavnice lahko potekajo tudi v drugih jezikih, npr. ruščini, francoščini ali drugih jezikih. Če zahtevanega jezika osebno ne obvladam, delavnica poteka z dodatno pomočjo prevajalca, ki zagotovi, da so vse informacije razumljive udeležencem.</p>
                            <p>Zaradi stroškov prevajalca je v tem primeru doplačilo 50 €, kar pokriva njegovo delo.</p>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>5. Ali delujete le v vzgojno-izobraževalnih ustanovah ali tudi drugje?</span>
                        </button>
                        <div class="faq-answer">
                            <p>Primarno delujem v vzgojno-izobraževalnih ustanovah, saj sem po poklicu profesorica in so mi te institucije najbolj domače, kjer lahko ponudim največjo strokovno podporo.</p>
                            <p>V drugih institucijah lahko delujem kot prevajalka ali medkulturna posrednica, le v primeru, da si lahko sama zagotovim razlago ozadja (npr. iz dostopnih virov). Če to ni mogoče, mora institucija posredovati potrebne informacije, da lahko delo poteka kakovostno in pravilno.</p>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>6. Kdaj izbrati 30-minutno in kdaj 60-minutno medkulturno posredovanje?</span>
                        </button>
                        <div class="faq-answer">
                            <p>Medkulturno posredovanje, ki traja 30 minut, je primerno za krajše pogovore, hitre pojasnitve ali podporo pri posameznih vprašanjih, kjer ni predvideno poglobljeno razpravljanje.</p>
                            <p>Medkulturno posredovanje, ki traja 60 minut, je priporočljivo za daljše ali bolj kompleksne pogovore, obravnavo več tem, razjasnjevanje nesporazumov ali občutljive vsebine. Daljša seja omogoča dovolj časa, da vsi udeleženci razumejo informacije, izrazijo svoje mnenje in dosežejo skupno razumevanje.</p>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>7. Kaj šole in vrtci pridobijo z medkulturnim posredovanjem in/ali delavnicami?</span>
                        </button>
                        <div class="faq-answer">
                            <ul>
                                <li>– Olajšano komunikacijo s starši in učenci</li>
                                <li>– Večje zaupanje med družinami in šolskim osebjem</li>
                                <li>– Boljše razumevanje kulturnega in jezikovnega ozadja otrok</li>
                                <li>– Preprečevanje nesporazumov in konfliktov v razredu</li>
                                <li>– Večjo podporo učiteljem pri razumevanju kulturnih razlik</li>
                                <li>– Lažje vključevanje novih otrok in družin v učni proces</li>
                                <li>– Večjo vključenost staršev v šolske dejavnosti</li>
                                <li>– Spodbujanje medkulturnega razumevanja med učenci</li>
                            </ul>
                        </div>
                    </article>

                    <article class="faq-item">
                        <button class="faq-question" type="button" aria-expanded="false">
                            <span>8. Kako poteka sodelovanje?</span>
                        </button>
                        <div class="faq-answer">
                            <ul>
                                <li>– V pogovoru po telefonu ali po e-pošti se skupaj dogovorimo za vrsto sodelovanja in ustrezen termin.</li>
                                <li>– Stranka naroči storitev; če gre za ustanovo, lahko pošlje tudi naročilnico.</li>
                                <li>– Izdam račun, ki ga stranka poravna v dogovorjenem roku.</li>
                                <li>– Sodelovanje poteka z zaupanjem in podporo, da izboljšamo komunikacijo ter razumevanje.</li>
                           </ul>
                        </div>
                    </article>
                </div>
            </div>
        </section>
    </main>
<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const faqItems = document.querySelectorAll('.faq-item');

            faqItems.forEach(item => {
                const button = item.querySelector('.faq-question');
                const answer = item.querySelector('.faq-answer');

                if (!button || !answer) {
                    return;
                }

                button.setAttribute('aria-expanded', 'false');
                answer.style.maxHeight = null;

                button.addEventListener('click', () => {
                    const isActive = item.classList.contains('active');

                    faqItems.forEach(otherItem => {
                        if (otherItem === item) {
                            return;
                        }
                        otherItem.classList.remove('active');
                        const otherButton = otherItem.querySelector('.faq-question');
                        const otherAnswer = otherItem.querySelector('.faq-answer');
                        if (otherButton) {
                            otherButton.setAttribute('aria-expanded', 'false');
                        }
                        if (otherAnswer) {
                            otherAnswer.style.maxHeight = null;
                        }
                    });

                    if (isActive) {
                        item.classList.remove('active');
                        button.setAttribute('aria-expanded', 'false');
                        answer.style.maxHeight = null;
                        return;
                    }

                    item.classList.add('active');
                    button.setAttribute('aria-expanded', 'true');
                    requestAnimationFrame(() => {
                        answer.style.maxHeight = answer.scrollHeight + 'px';
                    });
                });
            });
        });
    </script>
</body>
</html>
"""


"./politika-zasebnosti/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Politika zasebnosti - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>
    <main>
        <section class="workshop-directory-hero" style="padding-top: 150px">
            <div class="workshop-directory-hero-content" data-aos="fade-up">
                <h1>Politika zasebnosti</h1>
            </div>
        </section>
        <section class="about-accordion-section" style="padding-top: 0px">
            <div class="about-accordion-container">
                <div class="about-accordion-list">
                    <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="50">
                        <div class="about-accordion-content" style="padding-top: 0px">
                            <p>Podjetje PROSBERRY, Amra Kurešepi Zulji s.p. je lastnik in upravljalec spletne strani https://prosberry.si.</p>
                            <h3>Osnovni podatki podjetja</h3>
                            <p>Naziv podjetja: PROSBERRY, Amra Kurešepi Zulji s.p.</p>
                            <p>Naslov podjetja: Celovška cesta 172, 1000 Ljubljana, Slovenija</p>
                            <p>Uradna spletna stran: https://prosberry.si/</p>
                            <p>Elektronska pošta: info@prosberry.si</p>
                            <p>Kontaktna številka: +386 69 913 506</p>
                            <p>Z osebnimi podatki ravnamo v skladu z zakonom o varstvu osebnih podatkov ZVOP-1, Ur. l. RS št. 94/07 in Splošna uredba EU o varstvu osebnih podatkov – GDPR.</p>
                            <p>Zavezani smo k zakoniti obdelavi osebnih podatkov, ki nam jih zaupate.</p>
                            <h3>Pooblaščena oseba za varstvo osebnih podatkov</h3>
                            <p>Lastnik in upravljalec spletnega mesta ne obdeluje osebnih podatkov na način, ki zahteva imenovano pooblaščeno osebo za varstvo podatkov.</p>
                            <p>PROSBERRY, Amra Kurešepi Zulji s.p. vaše osebne podatke preko spletne strani shranjuje in obdeluje samo v določenih, spodaj navedenih primerih.</p>
                            <h3>Uporaba spletnega obrazca s kontaktnimi podatki</h3>
                            <p>Osebni podatki, ki jih pridobimo na naši spletni strani preko kontaktnega obrazca se zbirajo izključno z namenom vzpostavitve komunikacije z vami.</p>
                            <p>Enako velja za podatke, ki niso posredovani preko kontaktnega obrazca.</p>
                            <p>Prostovoljni vnos podatkov nam omogoča, da stopimo v stik z vami in se odzovemo na vase sporočilo.</p>
                            <p>Sporočilo se pošlje kot e-poštno sporočilo na elektronski naslov podjetja Prosberry.</p>
                            <p>Pravni temelji za obdelavo osebnih podatkov je osebna privolitev, ki se pridobi z vnosom podatkov v kontaktni obrazec in se lahko kadarkoli prekliče s pisno zahtevo na elektronski naslov info@prosberry.si.</p>
                            <p>PROSBERRY, Amra Kurešepi Zulji s.p. za namen komunikacije z obiskovalci vodi naslednje kategorije osebnih podatkov:</p>
                            <ul>
                                <li>ime in priimek,</li>
                                <li>elektronski naslov,</li>
                                <li>telefonsko številko,</li>
                                <li>sporočilo in ostali podatki, ki jih uporabnik vpiše v kontaktni obrazec.</li>
                            </ul>
                            <p>Pravice posameznikov zajemajo preklic privolitve, popravek, izbris, ali omejitev obdelave. Pravice je mogoče uveljavljati s pisno vlogo, poslano po elektronski pošti. Za pomoč pri uveljavljanju svojih pravic se lahko obrnete na info@prosberry.si</p>
                            <h3>Pogodbena obdelava osebnih podatkov</h3>
                            <p>Po potrebi bomo za izvajanje določenih del, ki prispevajo k našim storitvam, pooblastili druga podjetja in posameznike. Osebne podatke lahko na primer posredujemo izvajalcem za gostitev naše podatkovne baze in aplikacij, za storitve obdelave podatkov ali za pošiljanje informacij, ki ste jih zahtevali, za zagotavljanje podpornih storitev ipd. Zunanjim ponudnikom storitev bomo tovrstne podatke posredovali oziroma naredili dostopne samo v obsegu, ki ga zahteva določen namen. Teh podatkov ne bodo smeli uporabljati v nobene druge namene. Zunanji ponudniki storitev so pogodbeno zavezani k spoštovanju zaupnosti vaših osebnih podatkov.</p>
                            <p>Pogodbeni obdelovalci smejo osebne podatke obdelovati zgolj v okviru upravljavčevih navodil in osebnih podatkov ne smejo uporabiti za zasledovanje kakršnihkoli lastnih interesov.</p>
                            <h3>Hramba</h3>
                            <p>Podatke v zvezi z opravljenimi storitvami hranimo še eno leto po zaključku storitve. Po tem času jih izbrišemo, če zakon ne določa drugače. Na podlagi določb davčnih predpisov je npr. zavezan hraniti račune, na katerih so osebni podatki naročnika storitev še 10 let po opravljeni storitvi.</p>
                            <p>Prav tako tudi ne bo izbrisal tistih podatkov, ki jih potrebuje, da si zagotovi dokaz, da je podatke o osebi izbrisal (t.i. revizijska sled), in da hrani zapise o osebah, ki ne želijo, da jih v prihodnje kontaktira. Ti podatki so email naslov, telefonska številka ter ime in priimek.</p>
                            <h3>Piškotki</h3>
                            <p>Na spletnem mestu uporabljamo “piškotke”. Z nastavitvami v vašem brskalniku se lahko odločite ali boste “piškotke” sprejeli ali zavrnili. Piškotke hranimo kot je navedeno v dokumentu piškotki.</p>
                            <h3>Pravica do pritožbe</h3>
                            <p>Za morebitno uveljavljanje svojih pravic, vas prosimo, da nam svojo zahtevo posredujete pisno, preko elektronske pošte na naslov info@prosberry.si</p>
                            <p>Pravico imate, da v primeru kršitve varstva osebnih podatkov zoper upravljavca vložite pritožbo pri pristojnem nadzornem organu na naslov: Informacijski pooblaščenec, Zaloška 59, 1000 Ljubljana ali na: gp.ip@ip-rs.si.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./ponudba/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Ponudba - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/animations.css" />
  </head>
  <body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

    <main>
      <section class="offer-hero">
        <div class="offer-hero-container">
          <div class="offer-hero-text" data-aos="fade-up">
            <span class="offer-hero-kicker">Ponudba</span>
            <h1>Naše storitve</h1>
            <p class="offer-hero-lead">
              Odkrijte našo celotno ponudbo storitev
            </p>
            <div class="offer-hero-chip-group" data-aos="fade-up" data-aos-delay="120">
              <span class="offer-chip">Poučujem</span>
              <span class="offer-chip">Medkulturno posredujem</span>
            </div>
          </div>
          <div class="offer-hero-card" data-aos="fade-left" data-aos-delay="140">
            <h3>Način poučevanja</h3>
            <ul>
              <li>Preko spleta ali v živo</li>
              <li>Individualno, v parih ali v manjših skupinah</li>
              <li>
                Vse starostne skupine: učence, dijake, študente in odrasle
              </li>
            </ul>
          </div>
        </div>
        <div class="offer-hero-shape shape-a"></div>
        <div class="offer-hero-shape shape-b"></div>
        <div class="offer-hero-shape shape-c"></div>
      </section>

      <section class="offer-services">
        <div class="offer-services-container">
          <div class="offer-section" data-theme="teaching">
            <div class="offer-section-header" data-aos="fade-up">
              <h2>Poučujem</h2>
            </div>
            <div class="offer-languages-grid">
              <article class="offer-language-card" data-aos="fade-up" data-aos-delay="80">
                <div class="offer-language-header">
                  <h3>Angleščino</h3>
                </div>
                <ul>
                  <li>Tečaji vseh nivojev</li>
                  <li>Tečaji poslovne angleščine</li>
                  <li>
                    Inštrukcije prilagojene vašim učnim ciljem, potrebam in
                    željam
                  </li>
                  <li>
                    Vodene priprave na maturo in priprave na šolska ocenjevanja
                    prilagojene vašim ciljem za doseganje rezultatov
                  </li>
                </ul>
              </article>

              <article class="offer-language-card" data-aos="fade-up" data-aos-delay="140">
                <div class="offer-language-header">
                  <h3>Albanščino</h3>
                </div>
                <p>Poučevanje jezika usvojenega v naravno govorečem okolju:</p>
                <ul>
                  <li>Inštruiranje osnov albanščine</li>
                  <li>Tečaji komunikacije</li>
                </ul>
              </article>

              <article class="offer-language-card" data-aos="fade-up" data-aos-delay="200">
                <div class="offer-language-header">
                  <h3>Slovenščino</h3>
                </div>
                <ul>
                  <li>Inštrukcije za začetni nivo slovenščine</li>
                  <li>Tečaji osnov slovenščine za priseljence</li>
                </ul>
              </article>
            </div>
            <div class="offer-section-shape shape-d"></div>
          </div>

          <div class="offer-section" data-theme="mediation">
            <div class="offer-section-header" data-aos="fade-up">
              <h2>Medkulturno posredujem</h2>
            </div>
            <div class="offer-mediation">
              <div class="offer-mediation-text" data-aos="fade-up" data-aos-delay="80">
                <p>
                  Medkulturno posredovanje zajema razumevanje drugačnega značaja
                  enake informacije pri ljudeh različnih narodnosti, ter njeno
                  prilagajanje in razlago povedanega v kontekstu, da bo informacija
                  strankam jasna.
                </p>
                <p>
                  Ponujam medkulturno posredovanje iz slovenščine v albanščino in
                  obratno, ter iz slovenščine v srbščino in obratno.
                </p>
              </div>
              <div class="offer-mediation-list" data-aos="fade-up" data-aos-delay="160">
                <h3>Sodelujem:</h3>
                <ul>
                  <li>
                    z inštitucijami, ki potrebujejo 'medkulturni most' za
                    razumevanje potreb svojih strank
                  </li>
                  <li>
                    s šolami, ki uvajajo učence priseljence – z učitelji in starši
                  </li>
                  <li>
                    s priseljenci, ki se znajdejo sredi izzivov zaradi
                    nerazumevanja slovenskega jezika ter posledično načina
                    delovanja v družbi
                  </li>
                </ul>
              </div>
            </div>
            <div class="offer-section-shape shape-e"></div>
          </div>
        </div>
      </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
  </body>
</html>
"""


"./skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delavnica: Od tujca do sošolca - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>


    <main>
        <section class="page-hero">
            <h1 data-aos="fade-up">Delavnica za učitelje</h1>
        </section>

        <section class="content-section">
            <div class="container workshop-container">
                <div class="workshop-grid">
                    <div class="workshop-text" data-aos="fade-right">
                        <h2>Od tujca do sošolca: Učinkovite strategije za motivacijo učencev z različnimi ozadji</h2>
                        
                        <div class="workshop-section">
                            <h4>Komu je delavnica namenjena?</h4>
                            <p>Delavnica je namenjena učiteljem, ki v svojih razredih že poučujejo učence priseljence in si želijo izboljšati pristop k njihovemu vključevanju, motivaciji ter razumevanju kulturnih razlik in jezikovnih ovir.</p>
                        </div>
                        
                        <div class="workshop-section">
                            <h4>Izvajalka delavnice</h4>
                            <p>Delavnico vodim jaz, Amra Kurešepi Zulji, priseljena profesorica angleščine z več kot 10-letnimi izkušnjami dela z učenci priseljenci v slovenskem šolstvu. Magistrski študij sem zaključila v Sloveniji, zato dobro razumem jezikovne in kulturne izzive, s katerimi se srečujejo učenci in učitelji.</p>
                        </div>

                        <div class="workshop-section">
                            <h4>Cilji delavnice</h4>
                            <ul>
                                <li>Krepiti kulturno občutljivost in kulturno inteligenco učiteljev.</li>
                                <li>Predstaviti učinkovite strategije za motivacijo učencev, ki še ne govorijo tekoče jezika pouka.</li>
                                <li>Izmenjava dobrih praks in skupinsko reševanje konkretnih primerov iz prakse.</li>
                                <li>Poudariti pomen osebne zgodbe kot mostu do razumevanja in vključevanja.</li>
                            </ul>
                        </div>

                        <div class="workshop-section">
                            <h4>Kaj delavnica vključuje</h4>
                            <ul>
                                <li>Uvod z mojo osebno zgodbo o izkušnjah priseljenke in učiteljice.</li>
                                <li>Kratek teoretični okvir o kulturni občutljivosti, motivaciji in jezikovnih izzivih.</li>
                                <li>Predstavitev praktičnih primerov in strategij za delo z učenci priseljenci.</li>
                                <li>Skupinske vaje in diskusije za izmenjavo izkušenj in iskanje rešitev.</li>
                                <li>Gradiva za učitelje s koristnimi sistematičnimi primeri aktivnosti.</li>
                            </ul>
                        </div>

                        <div class="workshop-section">
                            <h4>Trajanje in organizacija</h4>
                            <div class="workshop-meta">
                                <div class="meta-card">
                                    <span class="meta-label">Trajanje</span>
                                    <span class="meta-value">90 minut</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Lokacija</span>
                                    <span class="meta-value">V prostorih šole</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="workshop-section">
                            <h4>Cena</h4>
                            <div class="price-grid">
                                <div class="price-card">
                                    <span class="price-label">Ena delavnica</span>
                                    <span class="price-value">90 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                            </div>
                        </div>

                        <a href="/assets/pdf/delavnica-od-tujca-do-sosolca.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
                    </div>
                    <div class="workshop-image" data-aos="fade-left">
                        <div class="workshop-image-frame">
                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Ilustracija učiteljice, ki pomaga učencem različnih kultur">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delavnica: Šola in starši priseljenci - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="page-hero">
            <h1 data-aos="fade-up">Delavnica za starše učencev priseljencev</h1>
        </section>

        <section class="content-section">
            <div class="container workshop-container">
                <div class="workshop-grid">
                    <div class="workshop-text" data-aos="fade-right">
                        <h2>Šola in starši priseljenci: Kako sodelovati?</h2>
                        <p class="workshop-lead">
                            Delavnica pomaga staršem učencev priseljencev razumeti pričakovanja šole, vlogo staršev pri uspehu otrok in načine, kako lahko skupaj z učitelji ustvarijo spodbudno učno okolje.
                        </p>

                        <div class="workshop-section">
                            <h4>Namen delavnice</h4>
                            <p>Staršem približamo sistem slovenskega šolstva, njihove pravice in odgovornosti ter predstavimo, kako lahko učinkovito sodelujejo s šolo, da otrok dobi podporo, ki jo potrebuje.</p>
                            <p><em>Delavnica poteka v materinščini staršev in po potrebi v slovenščini, da zagotovimo popolno razumljivost in omogočimo odprt pogovor.</em></p>
                        </div>

                        <div class="workshop-section">
                            <h4>Cilji delavnice</h4>
                            <ul>
                                <li>Pojasniti, kaj šola pričakuje od staršev glede sodelovanja in odgovornosti.</li>
                                <li>Spodbuditi starše k aktivnemu vključevanju v šolsko življenje otrok.</li>
                                <li>Ponuditi konkretne nasvete, kako pomagati otrokom pri učenju in prilagajanju.</li>
                                <li>Okrepiti komunikacijo in zaupanje med starši ter šolskim osebjem.</li>
                                <li>Predstaviti načine za prepoznavanje in reševanje morebitnih izzivov.</li>
                            </ul>
                        </div>

                        <div class="workshop-section">
                            <h4>Trajanje in organizacija</h4>
                            <div class="workshop-meta">
                                <div class="meta-card">
                                    <span class="meta-label">Trajanje</span>
                                    <span class="meta-value">90 minut</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Lokacija</span>
                                    <span class="meta-value">V prostorih šole</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Jeziki</span>
                                    <span class="meta-value">Materinščina staršev + slovenščina po potrebi</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="workshop-section">
                            <h4>Cena</h4>
                            <div class="price-grid">
                                <div class="price-card">
                                    <span class="price-label">En termin</span>
                                    <span class="price-value">90 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                                <div class="price-card">
                                    <span class="price-label">Dva termina v dnevu</span>
                                    <span class="price-value">170 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                            </div>
                        </div>

                        <a href="/assets/pdf/delavnica-sola-in-starsi-priseljenci.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
                    </div>
                    <div class="workshop-image" data-aos="fade-left">
                        <div class="workshop-image-frame">
                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Ilustracija sestanka staršev in učiteljev">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delavnica: Skupaj gradimo nove začetke - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="page-hero">
            <h1 data-aos="fade-up">Delavnica za starše otrok priseljencev v vrtcu</h1>
        </section>

        <section class="content-section">
            <div class="container workshop-container">
                <div class="workshop-grid">
                    <div class="workshop-text" data-aos="fade-right">
                        <h2>Skupaj gradimo nove začetke</h2>
                        <p class="workshop-lead">
                            Delavnica pomaga vrtcem ustvariti varno okolje, kjer starši priseljenci spoznajo delovanje vrtca, vzpostavijo zaupanje z vzgojiteljicami ter bolje razumejo pričakovanja in rutine, ki čakajo njihove otroke.
                        </p>

                        <div class="workshop-section">
                            <h4>Komu je delavnica namenjena?</h4>
                            <p>Delavnica je namenjena vrtcem, ki želijo staršem otrok priseljencev približati svoje delovanje, zlasti tistim, katerih otroci se prvič vključujejo v slovenski vrtec. Osrednji poudarek je na vzpostavljanju razumevanja in sodelovanja med vrtcem ter družinami.</p>
                        </div>

                        <div class="workshop-section">
                            <h4>Cilji delavnice</h4>
                            <ul>
                                <li>Ustvarjanje odprtega in varnega prostora za spoznavanje vrtca in vzgojiteljic.</li>
                                <li>Razvoj zaupanja med vrtcem in starši priseljenci.</li>
                                <li>Predstavitev osnovnih informacij o delovanju vrtca v razumljivem jeziku.</li>
                                <li>Pomoč pri razumevanju pravil, rutine in vzgojnih pričakovanj.</li>
                                <li>Spodbujanje povezovanja staršev – tudi med različnimi kulturami.</li>
                                <li>Zmanjševanje stiske ob prvem vključevanju otroka v novo okolje.</li>
                            </ul>
                        </div>

                        <div class="workshop-section">
                            <h4>Trajanje in organizacija</h4>
                            <div class="workshop-meta">
                                <div class="meta-card">
                                    <span class="meta-label">Trajanje</span>
                                    <span class="meta-value">90 minut</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Lokacija</span>
                                    <span class="meta-value">V prostorih vrtca</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Jeziki</span>
                                    <span class="meta-value">Materinščina staršev + slovenščina po potrebi</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="workshop-section">
                            <h4>Cena</h4>
                            <div class="price-grid">
                                <div class="price-card">
                                    <span class="price-label">En termin</span>
                                    <span class="price-value">90 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                                <div class="price-card">
                                    <span class="price-label">Dva termina v dnevu</span>
                                    <span class="price-value">170 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                            </div>
                        </div>

                        <a href="/assets/pdf/delavnica-skupaj-gradimo-nove-zacetke.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
                    </div>
                    <div class="workshop-image" data-aos="fade-left">
                        <div class="workshop-image-frame">
                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Ilustracija srečanja staršev v vrtcu">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delavnica: Zakaj se splača znati slovensko? - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="page-hero">
            <h1 data-aos="fade-up">Delavnica za učence priseljence</h1>
        </section>

        <section class="content-section">
            <div class="container workshop-container">
                <div class="workshop-grid">
                    <div class="workshop-text" data-aos="fade-right">
                        <h2>Zakaj se splača znati slovensko?</h2>
                        <p class="workshop-lead">
                            Interaktivna delavnica učencem priseljencem pokaže, kako znanje slovenskega jezika odpira vrata v šoli in širši skupnosti, hkrati pa gradi samozavest in občutek pripadnosti.
                        </p>
                        
                        <div class="workshop-section">
                            <h4>Komu je delavnica namenjena?</h4>
                            <p>Delavnica je namenjena osnovnim šolam, ki želijo podpreti učence priseljence pri vključevanju v novo šolsko in družbeno okolje. Prek pogovorov, iger in primerov iz prakse učenci spoznajo vlogo jezika pri ustvarjanju prijateljstev ter uspehu pri pouku.</p>
                            <p><em>Jezik delavnice prilagodimo skupini – po potrebi poteka v materinščini učencev ali v kombinaciji s slovenščino.</em></p>
                        </div>

                        <div class="workshop-section">
                            <h4>Cilji delavnice</h4>
                            <ul>
                                <li>Razumevanje pomena slovenskega jezika za šolski uspeh in vsakdanje življenje.</li>
                                <li>Spodbujanje pozitivnega odnosa do učenja slovenščine.</li>
                                <li>Spoznavanje osnov slovenske kulture in navad.</li>
                                <li>Podpora pri soočanju z izzivi vključevanja in gradnji samozavesti.</li>
                            </ul>
                        </div>

                        <div class="workshop-section">
                            <h4>Trajanje in organizacija</h4>
                            <div class="workshop-meta">
                                <div class="meta-card">
                                    <span class="meta-label">Trajanje</span>
                                    <span class="meta-value">90 minut</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Lokacija</span>
                                    <span class="meta-value">V šoli</span>
                                </div>
                                <div class="meta-card">
                                    <span class="meta-label">Skupina</span>
                                    <span class="meta-value">Do 12–15 učencev</span>
                                </div>
                            </div>
                        </div>

                        <div class="workshop-section">
                            <h4>Cena</h4>
                            <div class="price-grid">
                                <div class="price-card">
                                    <span class="price-label">En termin</span>
                                    <span class="price-value">90 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                                <div class="price-card">
                                    <span class="price-label">Dva termina v dnevu</span>
                                    <span class="price-value">170 €</span>
                                    <p>+ potni stroški za lokacije izven Ljubljane</p>
                                </div>
                            </div>
                        </div>

                        <a href="/assets/pdf/delavnica-zakaj-znati-slovensko.pdf" target="_blank" class="pdf-button">Podrobno o delavnici</a>
                    </div>
                    <div class="workshop-image" data-aos="fade-left">
                        <div class="workshop-image-frame">
                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Ilustracija učenja slovenskega jezika">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Medkulturno posredovanje - Prosberry</title>
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/animations.css">
</head>
<body>
<header class="main-header">
        <nav class="nav-container">
            <div class="logo">
                <a href="/">
                    <picture>
                        <source srcset="/assets/images/logo.png" type="image/webp">
                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
                    </picture>
                </a>
            </div>
            <div class="nav-links">
                <a href="/">Naslovnica</a>
                <!-- Zavihek "Ponudba" je zdaj dropdown meni -->
                <div class="dropdown">
                    <button class="dropbtn">Ponudba</button>
                    <div class="dropdown-content">
                        <a href="/ponudba/">Splošne ponudbe</a>
                        <!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
                        <div class="dropdown-submenu">
                            <a href="#">Skupaj za vključevanje</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                        <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Delavnice</a>
                                    <div class="dropdown-submenu-content">
                                        <div class="dropdown-submenu">
                                            <a href="#">Šola</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                                <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Vrtec</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                            </div>
                                        </div>
                                        <div class="dropdown-submenu">
                                            <a href="#">Zaposleni</a>
                                            <div class="dropdown-submenu-content">
                                                <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Konec menija "Ponudba" -->
                <div class="dropdown">
                    <button class="dropbtn">Skupaj za vključevanje</button>
                    <div class="dropdown-content">
                        <div class="dropdown-submenu">
                            <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
                            <div class="dropdown-submenu-content">
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
                                <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
                            </div>
                        </div>
                        <div class="dropdown-submenu">
                            <a href="#">Delavnice</a>
                            <div class="dropdown-submenu-content">
                                <div class="dropdown-submenu">
                                    <a href="#">Šola</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
                                        <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Vrtec</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
                                    </div>
                                </div>
                                <div class="dropdown-submenu">
                                    <a href="#">Zaposleni</a>
                                    <div class="dropdown-submenu-content">
                                        <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/kdo-sem">Kdo sem</a>
                <a href="/kontakt">Kontakt</a>
                <a href="/pogosta-vprasanja">Pogosta vprašanja</a>
                <a href="/cene-in-reference">Cene in reference</a>
            </div>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>



    <main>
        <section class="mediation-hero">
            <div class="mediation-hero-container">
                <div class="mediation-hero-text" data-aos="fade-up">
                    <span class="mediation-hero-kicker">Skupaj za vključevanje</span>
                    <h1>Medkulturno posredovanje</h1>
                    <p class="mediation-hero-lead">Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
                </div>
                <div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="120">
                    <h3>Poti medkulturnega posredovanja</h3>
                    <ul>
                        <li><a href="#individualno">Individualno posredovanje</a></li>
                        <li><a href="#skupinsko">Skupinsko posredovanje</a></li>
                        <li><a href="#potek">Potek sodelovanja</a></li>
                        <li><a href="#oblike">Oblike glede na namen</a></li>
                    </ul>
                </div>
            </div>
            <div class="mediation-hero-shape shape-a"></div>
            <div class="mediation-hero-shape shape-b"></div>
            <div class="mediation-hero-shape shape-c"></div>
        </section>

        <section id="individualno" class="mediation-detail">
            <div class="mediation-detail-container">
                <div class="mediation-detail-image" data-aos="fade-up">
                    <picture>
                        <source srcset="/assets/images/individualno.jpeg" type="image/jpeg">
                        <img src="/assets/images/individualno.jpeg" alt="Individualno medkulturno posredovanje">
                    </picture>
                </div>
                <div class="mediation-detail-text" data-aos="fade-up" data-aos-delay="120">
                    <h2>Individualno</h2>
                    <p>V individualnem medkulturnem posredovanju se rešuje en konkreten primer, kjer je v ospredju razumevanje med posameznikom (ali manjšim številom oseb) in drugo stranjo. Čeprav je lahko vpletenih več oseb, gre še vedno za posamičen primer, kjer medkulturni posredovalec pomaga razumeti razlike, ki vplivajo na odnos ali spor.</p>
                    <p><strong>Primer:</strong> Šola ima nesporazum s starši učenca, ki prihajajo iz drugega kulturnega okolja – medkulturni posrednik posreduje med obema stranema, da dosežejo razumevanje in rešitev.</p>
                </div>
            </div>
        </section>

        <section id="skupinsko" class="mediation-detail mediation-detail--reverse">
            <div class="mediation-detail-container">
                <div class="mediation-detail-text" data-aos="fade-up">
                    <h2>Skupinsko</h2>
                    <p>V skupinskem medkulturnem posredovanju pa gre za razumevanje med dvema skupinama, kjer je cilj širše ozaveščanje in gradnja odnosov, ki koristijo večjemu številu ljudi. Vključuje dve ali več skupin, pri čemer je poudarek na razumevanju kulturnih razlik med skupinami in izboljšanju skupinske dinamike. Vsaka skupina je sestavljena iz več posameznikov, ki bodo imeli koristi od večjega medkulturnega razumevanja.</p>
                    <p><strong>Primer:</strong> V šoli se pojavljajo nesporazumi med učitelji in starši priseljencev. Organizirajo skupno medkulturno posredovanje, kjer medkulturni posredovalec vodi pogovor, predstavi pričakovanja in izzive ter pomaga izboljšati razumevanje, komunikacijo in sodelovanje v korist otrok.</p>
                </div>
                <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="120">
                    <picture>
                        <source srcset="/assets/images/skupinsko.jpeg" type="image/jpeg">
                        <img src="/assets/images/skupinsko.jpeg" alt="Skupinsko medkulturno posredovanje">
                    </picture>
                </div>
            </div>
        </section>

        <section id="potek" class="mediation-process">
            <div class="mediation-process-container" data-aos="fade-up">
                <h2>Potek</h2>
                <div class="mediation-process-content">
                    <p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera. Pred začetkom srečanja se običajno določi oblika medkulturnega posredovanja in opredelijo cilji, na podlagi katerih se usmerja potek pogovora, kar prispeva k učinkovitemu doseganju skupnega razumevanja.</p>
                    <p>Pri nesporazumih ali konfliktih medkulturni posrednik običajno najprej opravi ločene pogovore z vsako stranjo. V primerih, ko gre za razlago dokumentov ali jezikovne ovire, pa se posredovanje lahko izvede neposredno med skupnim srečanjem. Medkulturni posrednik nevtralno usmerja pogovor, osvetli nejasnosti in pomaga pri medsebojnem razumevanju.</p>
                </div>
            </div>
        </section>

        <section id="oblike" class="mediation-accordion">
            <div class="mediation-accordion-container">
                <div class="mediation-accordion-header" data-aos="fade-up">
                    <h2>Oblike glede na namen</h2>
                    <p>Vsaka oblika odgovarja na drugačno potrebo pri medkulturnem vključevanju.</p>
                </div>
                <div class="mediation-accordion-grid">
                    <article class="mediation-accordion-item" data-aos="fade-up">
                        <div class="mediation-accordion-title">
                            <h3>Pomoč pri razlagi načrtov in dokumentov</h3>
                            <button class="accordion-toggle" type="button">Več</button>
                        </div>
                        <div class="accordion-content">
                            <p>V to kategorijo vključimo vse primere, kjer medkulturni posrednik pojasnjuje vsebinske pomene dokumentov ali načrtov posameznikom ter hkrati posreduje informacije obema stranema:</p>
                            <ul>
                                <li>individualni vzgojni načrti, šolska pravila, zdravniške odločbe;</li>
                                <li>kulturno posredovanje in razlaga zahtev, pričakovanj institucij;</li>
                                <li>podpora pri razumevanju postopkov in pravic.</li>
                            </ul>
                        </div>
                    </article>

                    <article class="mediation-accordion-item" data-aos="fade-up" data-aos-delay="100">
                        <div class="mediation-accordion-title">
                            <h3>Reševanje nesporazumov ali napetosti</h3>
                            <button class="accordion-toggle" type="button">Več</button>
                        </div>
                        <div class="accordion-content">
                            <p>Ta del vključuje vse primere, kjer pride do napetosti, konfliktov ali nesoglasij med posamezniki in institucijo ali strokovnjakom:</p>
                            <ul>
                                <li>razreševanje konfliktov zaradi različnih pričakovanj in kulturnih vrednot;</li>
                                <li>posredovanje med staršem in vzgojiteljico, zdravnikom, svetovalnim delavcem ipd.;</li>
                                <li>omogočanje varnega prostora za izražanje skrbi in iskanje razumevanja.</li>
                            </ul>
                        </div>
                    </article>

                    <article class="mediation-accordion-item" data-aos="fade-up" data-aos-delay="200">
                        <div class="mediation-accordion-title">
                            <h3>Svetovalno medkulturno posredovanje za lažje vključevanje</h3>
                            <button class="accordion-toggle" type="button">Več</button>
                        </div>
                        <div class="accordion-content">
                            <p>V to kategorijo spadajo primeri, kjer medkulturni posrednik deluje predvsem preventivno, brez prisotnosti spora:</p>
                            <ul>
                                <li>gradnja razumevanja in sodelovanja med posamezniki in institucijo;</li>
                                <li>predstavitev pričakovanj, vrednot in kulturnih razlik pred začetkom sodelovanja;</li>
                                <li>podpora pri preprečevanju nesporazumov.</li>
                            </ul>
                        </div>
                    </article>
                </div>
            </div>
        </section>
    </main>

<footer>
    <div class="footer-content">
        <div class="footer-logo">
            <h3>PROSBERRY</h3>
        </div>
        <div class="footer-links">
            <p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
        </div>
        <div class="footer-contact">
            <p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
            <p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
        </div>
    </div>
</footer>

    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/animations.js"></script>
</body>
</html>
"""


"./update-footer.sh" : 
"""
#!/bin/bash

# --- KONFIGURACIJA ---
TEMPLATE_FILE="footer-template.html"
HTML_FILES=$(find . -name "*.html" ! -path "./$TEMPLATE_FILE")

# --- PREVERJANJA ---
if [ ! -f "$TEMPLATE_FILE" ]; then
    echo "NAPAKA: Predloga '$TEMPLATE_FILE' ne obstaja."
    exit 1
fi

# --- GLAVNA LOGIKA ---
echo "Začenjam s posodabljanjem nog..."

template_content=$(<"$TEMPLATE_FILE")

for file in $HTML_FILES; do
    awk '
        BEGIN { in_footer = 0; replaced = 0 }
        /<footer>/ {
            if (!in_footer) {
                while ((getline line < "footer-template.html") > 0) {
                    print line
                }
                close("footer-template.html")
                in_footer = 1
                replaced = 1
            }
        }
        /\/footer>/ {
            in_footer = 0
            next
        }
        !in_footer { print }
        END { exit !replaced }
    ' "$file" > "$file.tmp"

    if [ $? -eq 0 ]; then
        mv "$file.tmp" "$file"
        echo "Uspešno posodobljena noga v datoteki: $file"
    else
        rm -f "$file.tmp"
        echo "NAPAKA: Noga v datoteki '$file' ni bila zamenjana. Preverite značko '<footer>'."
    fi
done

echo "Posodabljanje zaključeno."
"""


"./update-menus.sh" : 
"""
#!/bin/bash

# --- KONFIGURACIJA ---
TEMPLATE_FILE="header-template.html"
PROCESSED_TEMPLATE_TMP="header.tmp"
HTML_FILES=$(find . -name "*.html" ! -path "./$TEMPLATE_FILE")

# --- PREVERJANJA ---
if [ ! -f "$TEMPLATE_FILE" ]; then
    echo "NAPAKA: Predloga '$TEMPLATE_FILE' ne obstaja."
    exit 1
fi

# --- GLAVNA LOGIKA ---
echo "Začenjam s posodabljanjem menijev..."

template_content=$(<"$TEMPLATE_FILE")

for file in $HTML_FILES; do
    processed_header="$template_content"
    active_placeholder=""

    # === DOKONČNO POPRAVLJENA LOGIKA ZA PREPOZNAVANJE STRANI ===
    if [[ "$file" == "./index.html" ]]; then
        active_placeholder="{{ACTIVE_NASLOVNICA}}"
    # DOKONČEN POPRAVEK: Ta pogoj zdaj prepozna SAMO glavno stran ponudbe
    elif [[ "$file" == *"/ponudba/index.html"* ]]; then
        active_placeholder="{{ACTIVE_PONUDBA}}"
    elif [[ "$file" == *"/kdo-sem/index.html"* ]]; then
        active_placeholder="{{ACTIVE_KDO_SEM}}"
    elif [[ "$file" == *"/kontakt/index.html"* ]]; then
        active_placeholder="{{ACTIVE_KONTAKT}}"
    # DOKONČEN POPRAVEK: Ta pogoj pravilno prepozna VSE strani pod Skupaj za vključevanje
    elif [[ "$file" == *"/skupaj-za-vkljucevanje/"* ]]; then
        active_placeholder="{{ACTIVE_VKLJUCEVANJE}}"
    elif [[ "$file" == *"/cene-in-reference/index.html"* || "$file" == *"/cene-in-sodelovanja/index.html"* ]]; then
        active_placeholder="{{ACTIVE_CENE}}"
    fi

    if [ -n "$active_placeholder" ]; then
        processed_header="${processed_header//$active_placeholder/class=\"active\"}"
    fi

    processed_header=$(echo "$processed_header" | sed 's/{{[A-Z_]*}}//g')
    echo "$processed_header" > "$PROCESSED_TEMPLATE_TMP"

    awk '
        BEGIN { in_header = 0; replaced = 0 }
        /<header class="main-header">/ {
            if (!in_header) {
                while ((getline line < "header.tmp") > 0) {
                    print line
                }
                close("header.tmp")
                in_header = 1
                replaced = 1
            }
        }
        /<\/header>/ {
            in_header = 0
            next
        }
        !in_header { print }
        END { exit !replaced }
    ' "$file" > "$file.tmp"

    if [ $? -eq 0 ]; then
        mv "$file.tmp" "$file"
        echo "Uspešno posodobljen meni v datoteki: $file"
    else
        rm -f "$file.tmp"
        echo "NAPAKA: Meni v datoteki '$file' ni bil zamenjan. Preverite značko '<header class=\"main-header\">'."
    fi
done

rm -f "$PROCESSED_TEMPLATE_TMP"
echo "Posodabljanje zaključeno.""""


