{"id":4961,"date":"2025-08-27T14:54:46","date_gmt":"2025-08-27T12:54:46","guid":{"rendered":"https:\/\/mcidrija.si\/?page_id=4961"},"modified":"2026-04-01T12:29:53","modified_gmt":"2026-04-01T10:29:53","slug":"zimski-mc-mobil","status":"publish","type":"page","link":"https:\/\/mcidrija.si\/en\/zimski-mc-mobil\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"sl\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Zimski MC mobil<\/title>\n\n  <!-- Fonts + Icons -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rubik+Dirt&#038;family=Nunito:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n  <style>\n    :root{\n      --primary-red:#cb3534;\n      --secondary-green:#5cb233;\n      --highlight-yellow:#f7cc4a;\n      --ink:#2a2a2a;\n      --paper:#ffffff;\n      --muted:#f5f5f5;\n      --mint:#eaf7e4;\n      --rose:#ffe9e8;\n      --sky:#fff6cf;\n      --radius-xl:24px;\n      --radius-lg:18px;\n      --radius:12px;\n      --shadow:0 14px 30px rgba(0,0,0,.08);\n      --pad: clamp(18px, 2.2vw, 28px);\n      --max: 1180px;\n    }\n\n    *{box-sizing:border-box;margin:0;padding:0}\n    html,body{background:var(--paper);color:var(--ink);font-family:'Nunito',system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}\n\n    .wrap{max-width:var(--max);margin:0 auto;padding:0 20px}\n    .section{padding: clamp(42px, 6.5vw, 80px) 0}\n    .title{\n      font-family:'Rubik Dirt', cursive;\n      font-weight:400;\n      letter-spacing:.3px;\n      color:var(--primary-red);\n      font-size:clamp(32px, 5vw, 56px);\n      text-align:center;\n      margin-bottom: clamp(18px, 2vw, 20px);\n    }\n    .subtitle{\n      text-align:center;\n      font-size:clamp(16px, 2.1vw, 18px);\n      max-width:820px;\n      margin:0 auto clamp(20px, 3vw, 30px);\n    }\n\n    \/* HERO *\/\n    .hero{\n      position:relative;overflow:hidden;\n      background:\n        radial-gradient(1200px 600px at -10% -30%, rgba(92,178,51,.18), transparent 60%),\n        radial-gradient(900px 500px at 110% 10%, rgba(247,204,74,.25), transparent 60%),\n        radial-gradient(900px 500px at 50% 120%, rgba(203,53,52,.22), transparent 60%),\n        linear-gradient(135deg, #fff 0%, #fff 100%);\n      border-bottom: 8px solid var(--highlight-yellow);\n    }\n\/* Stack hero content vertically & center it *\/\n.hero-card{\n  display:grid;\n  gap: var(--pad);\n  grid-template-columns: 1fr;      \/* \u2190 always one column *\/\n  justify-items: center;           \/* center inner blocks *\/\n  text-align: center;              \/* center text *\/\n  background: var(--paper);\n  border-radius: var(--radius-xl);\n  box-shadow: var(--shadow);\n  padding: clamp(22px, 3vw, 34px);\n  margin: clamp(20px, 3vw, 30px) auto;\n}\n\/* tidy centering for text, \u201ctable\u201d, and slideshow *\/\n.hero p.lead{ margin: 0 auto; }\n.info-row{ margin:14px auto 0; max-width: 980px; }\n.hero-ill{ width: 100%; max-width: 860px; margin: 6px auto 0; }\n    .hero h1{\n      font-family:'Rubik Dirt', cursive;color:var(--secondary-green);\n      font-size:clamp(36px, 6.2vw, 64px);line-height:1.05;margin-bottom:12px;\n    }\n    .hero p.lead{font-size:clamp(16px, 2.2vw, 20px);max-width:52ch}\n    .stickers{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}\n    .sticker{\n      background:var(--sky);border-radius: 999px;padding:8px 14px;\n      font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;\n      box-shadow: 0 8px 18px rgba(247,204,74,.26), inset 0 0 0 2px rgba(0,0,0,.03);\n    }\n    .sticker i{color:var(--primary-red)}\n\n    \/* Green visual container + slideshow *\/\n    .hero-ill{\n      aspect-ratio: 4\/3;\n      background:\n        conic-gradient(from 180deg at 60% 40%, rgba(92,178,51,.18), transparent 30%),\n        radial-gradient(600px 400px at 85% 15%, rgba(203,53,52,.08), transparent 60%),\n        linear-gradient(180deg, #fff, #fff);\n      border-radius: var(--radius-xl);\n      position:relative;overflow:hidden;\n      display:flex;align-items:center;justify-content:center;padding:12px;\n    }\n    .slider{position:relative;width:86%;height:70%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}\n    .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}\n    .slide.active{opacity:1}\n    .dots{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;display:flex;gap:6px;z-index:3}\n    .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 2px rgba(0,0,0,.08) inset}\n    .dot.active{background:#fff}\n    .badge{\n      position:absolute;bottom:16px;left:16px;background:var(--secondary-green);color:#fff;font-weight:800;\n      padding:10px 14px;border-radius:14px;font-size:14px;box-shadow: var(--shadow);z-index:4;\n    }\n\n    \/* Info Row *\/\n    .info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}\n    @media (max-width:900px){.info-row{grid-template-columns: repeat(2,1fr)}}\n    .info{\n      background:var(--muted);border-radius:var(--radius-lg);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;\n      box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);\n    }\n    .info i{color:var(--secondary-green);font-size:18px;margin-top:3px}\n    .info b{display:block}\n\n    \/* Cards *\/\n    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}\n    @media (max-width:900px){.grid-3{grid-template-columns:1fr}; .grid-2{grid-template-columns:1fr}}\n    .card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding: clamp(18px, 2.2vw, 24px);}\n    .card h3{font-family:'Rubik Dirt', cursive;font-weight:400;color:var(--primary-red);font-size: clamp(22px, 3.2vw, 28px);margin-bottom:8px}\n    .card p{font-size:16px}\n\n    \/* Pills *\/\n    .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}\n    .pill{background:var(--mint);color:#214e0e;border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px;border:1px dashed rgba(92,178,51,.35)}\n    .pill.red{background:var(--rose);color:#6e1918;border-color: rgba(203,53,52,.28)}\n    .pill.sun{background:var(--sky);color:#6a5808;border-color: rgba(247,204,74,.45)}\n    .pill.green{background:var(--secondary-green);color:#fff;border:none}\n\n    \/* Ribbon *\/\n    .ribbon{margin:18px 0 0;background:linear-gradient(90deg, var(--highlight-yellow), #ffe37e 60%, var(--highlight-yellow));padding:10px 14px;border-radius:12px;font-weight:900;display:inline-flex;gap:10px;align-items:center}\n\n    \/* Parents *\/\n    .parents{background: linear-gradient(180deg, #fff, #fff), radial-gradient(800px 400px at 110% -10%, rgba(92,178,51,.12), transparent 60%);border-radius: var(--radius-xl);border: 2px dashed rgba(92,178,51,.28);padding: clamp(20px, 2.5vw, 26px)}\n    .parents h3{color:var(--secondary-green);font-family:'Rubik Dirt', cursive;font-weight:400;font-size: clamp(22px, 3vw, 28px);margin-bottom:10px}\n    .checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}\n    @media (max-width:900px){.checklist{grid-template-columns:1fr}}\n    .item{display:flex;gap:10px;background:var(--muted);padding:12px;border-radius:12px;align-items:flex-start}\n    .item i{color:var(--secondary-green);margin-top:3px}\n\n    \/* CTA \/ Contact *\/\n    .cta{background: linear-gradient(180deg, #fff, #fff), radial-gradient(700px 340px at 20% -10%, rgba(203,53,52,.10), transparent 60%);border-radius: var(--radius-xl);padding: clamp(20px, 3vw, 28px);display:grid;gap:14px;grid-template-columns: 1.2fr .8fr;align-items:center}\n    @media (max-width:900px){.cta{grid-template-columns:1fr}}\n    .cta .note{font-size:16px}\n    .btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--primary-red);color:#fff;border:none;cursor:pointer;padding:12px 20px;border-radius:14px;font-weight:800;text-decoration:none;box-shadow: 0 10px 20px rgba(203,53,52,.18);transition:transform .15s ease}\n    .btn:hover{transform:translateY(-2px);background:#d0413f}\n    .btn.alt{background:var(--secondary-green)}\n    .btn.alt:hover{background:#65bf3a}\n\n    .section-label{display:inline-flex;align-items:center;gap:8px;background:var(--sky);padding:8px 12px;border-radius:12px;font-weight:900;margin:10px 0 8px 0}\n    .section-label i{color:var(--primary-red)}\n\n\/* Stack contact cards vertically on all screens *\/\n.contact-grid{\n  display:grid;\n  grid-template-columns:1fr;   \/* \u2190 one above another *\/\n  gap:16px;\n}\n    .contact-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding: 18px}\n    .row{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.06);align-items:flex-start}\n    .row:last-child{border-bottom:none}\n    .row i{color:var(--primary-red);min-width:20px;text-align:center}\n    .row a{color:var(--ink);text-decoration:none}\n    .row a:hover{color:var(--primary-red);text-decoration:underline}\n\n    \/* Map Illustration *\/\n    .map-wrap{margin-top:12px}\n    .map-illustration{width:100%;border-radius:16px;box-shadow:var(--shadow);background: radial-gradient(120% 120% at 10% 10%, rgba(92,178,51,.14), transparent 50%),radial-gradient(120% 120% at 90% 20%, rgba(203,53,52,.10), transparent 50%),#fff;padding:12px;cursor:pointer}\n    .map-illustration svg{display:block;width:100%;height:auto;border-radius:12px}\n    .map-legend{display:flex;gap:10px;align-items:center;margin-top:8px}\n    .map-legend .pin{width:10px;height:10px;border-radius:50%;background:var(--primary-red)}\n    .map-legend a{color:var(--secondary-green);font-weight:800;text-decoration:none}\n    .map-legend a:hover{text-decoration:underline}\n\n    \/* Logo-as-van animation (uses your PNG logo) *\/\n    .van-scene{position:relative;overflow:hidden;height:140px;margin:10px auto 18px;max-width:560px}\n    .van-logo{\n      width:260px; height:auto; position:absolute; left:50%; top:10px;\n      transform:translateX(-50%);\n      filter: drop-shadow(0 12px 20px rgba(0,0,0,.12));\n      \/* faster + punchier easing for accelerate + hard brake *\/\n      animation:vanRide 4s cubic-bezier(.25,.75,.05,1) infinite;\n    }\n    .sparks{\n      position:absolute; left:50%; bottom:18px; width:0; height:6px;\n      background:linear-gradient(90deg, rgba(0,0,0,.0), rgba(0,0,0,.14), rgba(0,0,0,.0));\n      border-radius:6px; transform:translateX(-50%);\n      animation:skidLine 4s cubic-bezier(.25,.75,.05,1) infinite;\n    }\n\n    @keyframes vanRide{\n      0%   { transform:translateX(-50%) rotate(0deg) scaleX(1) }\n      30%  { transform:translateX(130vw) rotate(0deg) }\n      31%  { transform:translateX(-130vw) rotate(0deg) }\n      55%  { transform:translateX(-50%) rotate(0deg) }\n      58%  { transform:translateX(-50%) rotate(-2deg) scaleX(.94) }\n      62%  { transform:translateX(-50%) rotate(1.4deg) scaleX(1.02) }\n      66%  { transform:translateX(-50%) rotate(0deg) scaleX(1) }\n      100% { transform:translateX(-50%) }\n    }\n    @keyframes skidLine{\n      0%,29%{width:0; opacity:0}\n      55%   {width:200px; opacity:1}\n      66%,100%{width:0; opacity:0}\n    }\n\n    .brand-end img{height:auto;max-width:320px;width:100%}\n    .mini{text-align:center;font-size:14px;color:#444;padding:6px 0 0}\n  <\/style>\n<\/head>\n<body>\n\n  <!-- HERO -->\n  <section class=\"hero section\">\n    <div class=\"wrap\">\n      <div class=\"hero-card\">\n        <div>\n          <h1>Zimski MC mobil<\/h1>\n          <p class=\"lead\">\u010cetrtkova dru\u017eenja za otroke in mladostnike v prijetnem, varnem in igrivem okolju Mestne dnevne sobe Pr\u2019 Golitu. Brezpla\u010dno in brez prijav.<\/p>\n\n          <div class=\"stickers\">\n            <span class=\"sticker\"><i class=\"fa-solid fa-calendar-week\"><\/i> vsak \u010detrtek 16.00\u201320.00<\/span>\n            <span class=\"sticker\" style=\"background:var(--mint)\"><i class=\"fa-solid fa-child-reaching\"><\/i> do 15. leta<\/span>\n            <span class=\"sticker\" style=\"background:var(--rose)\"><i class=\"fa-solid fa-ticket\"><\/i> brezpla\u010dno<\/span>\n          <\/div>\n\n          <div class=\"info-row\" style=\"margin-top:14px\">\n            <div class=\"info\"><i class=\"fa-solid fa-location-dot\"><\/i><div><b>Kje?<\/b>Mestna dnevna soba Pr\u2019 Golitu, Mestni trg, 5280 Idrija<\/div><\/div>\n            <div class=\"info\"><i class=\"fa-solid fa-clock\"><\/i><div><b>Kdaj?<\/b> \u010cetrtki, 16.00\u201320.00 (oktober\u2013junij)<\/div><\/div>\n            <div class=\"info\"><i class=\"fa-solid fa-user-group\"><\/i><div><b>Za koga?<\/b> Otroci in mladostniki do 15. leta<\/div><\/div>\n            <div class=\"info\"><i class=\"fa-solid fa-circle-check\"><\/i><div><b>Prijave?<\/b> Niso potrebne<\/div><\/div>\n          <\/div>\n\n          <div class=\"ribbon\"><i class=\"fa-solid fa-star\"><\/i> Za\u010detek: \u010det., 2. oktober, 16.00. Se vidimo!<\/div>\n        <\/div>\n\n        <!-- Green image area with slideshow -->\n        <div class=\"hero-ill\">\n          <div class=\"slider\" aria-label=\"Foto utrinki\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"slide active\" src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/20230422112955_IMG_8544-2.jpg?ssl=1\" alt=\"Utrinek 1 \u2014 Zimski MC mobil\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"slide\" src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/20230422112820_IMG_8526-3.jpg?ssl=1\" alt=\"Utrinek 2 \u2014 Zimski MC mobil\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"slide\" src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/20230422111905_IMG_8457-2.jpg?ssl=1\" alt=\"Utrinek 3 \u2014 Zimski MC mobil\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"slide\" src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/20250811_183124-2-rotated.jpg?ssl=1\" alt=\"Utrinek 4 \u2014 Zimski MC mobil\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"slide\" src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/20230422112647_IMG_8511.jpg?ssl=1\" alt=\"Utrinek 5 \u2014 Zimski MC mobil\">\n            <div class=\"dots\" aria-hidden=\"true\">\n              <span class=\"dot active\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"badge\" id=\"nextThu\">Naslednji termin: \u2014<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHAT IS IT -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <h2 class=\"title\">Kaj je Zimski MC mobil?<\/h2>\n      <p class=\"subtitle\">Prostor, kjer se lahko sprosti\u0161, dru\u017ei\u0161, igra\u0161 in pre\u017eivi\u0161 prijeten \u010detrtkov popoldan v dru\u017ebi vrstnikov in mladinskih delavcev.<\/p>\n\n      <div class=\"grid-3\">\n        <article class=\"card\">\n          <h3>Zakaj priti?<\/h3>\n          <p>Dolg\u010das doma? Naporen teden v \u0161oli in rabi\u0161 odmor? \u017deli\u0161 mir ali pogovor, ali pa le dru\u017ebo in igro? Pri nas si na varnem in razumljen.<\/p>\n          <div class=\"pills\" aria-hidden=\"true\">\n            <span class=\"pill\">odklop<\/span><span class=\"pill sun\">dru\u017eenje<\/span><span class=\"pill red\">varno okolje<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <h3>Skupaj ustvarjamo<\/h3>\n          <p>S soustvarjanjem programa lahko igra\u0161, se u\u010di\u0161, debatira\u0161 in preizku\u0161a\u0161 nove izku\u0161nje. Pri izzivih dobi\u0161 podporo in pomo\u010d.<\/p>\n          <div class=\"pills\"><span class=\"pill\">ideje \u0161tejejo<\/span><span class=\"pill sun\">u\u010denje<\/span><span class=\"pill\">podpora<\/span><\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <h3>Mednarodni prostovoljci<\/h3>\n          <p>Spoznaj prostovoljce iz razli\u010dnih dr\u017eav, vadi angle\u0161\u010dino, odkrivaj kulture in sklepaj nova prijateljstva.<\/p>\n          <div class=\"pills\"><span class=\"pill\">angle\u0161\u010dina<\/span><span class=\"pill red\">nove kulture<\/span><span class=\"pill\">prijateljstva<\/span><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHAT WE DO -->\n  <section class=\"section\" style=\"background:linear-gradient(180deg,#fff, #fff), radial-gradient(900px 420px at -10% -10%, rgba(247,204,74,.25), transparent 60%);\">\n    <div class=\"wrap\">\n      <h2 class=\"title\">Kaj po\u010dnemo?<\/h2>\n      <p class=\"subtitle\">Vsak \u010detrtek se dru\u017eimo ob dru\u017eabnih in \u0161portnih igrah, ustvarjalnih dejavnostih, kdaj tudi kaj skuhamo, pogovarjamo se in rastemo. Pomo\u010d pri \u0161olskih obveznostih po potrebi.<\/p>\n\n      <div class=\"grid-3\">\n        <div class=\"card\"><h3><i class=\"fa-solid fa-dice\" style=\"color:var(--secondary-green)\"><\/i> Dru\u017eabne igre<\/h3><p>Namizne in dru\u017eabne igre za vse okuse.<\/p><\/div>\n        <div class=\"card\"><h3><i class=\"fa-solid fa-futbol\" style=\"color:var(--secondary-green)\"><\/i> Gibanje<\/h3><p>\u0160portne igre in izzivi za dobro voljo.<\/p><\/div>\n        <div class=\"card\"><h3><i class=\"fa-solid fa-paintbrush\" style=\"color:var(--secondary-green)\"><\/i> Ustvarjanje<\/h3><p>Umetni\u0161ki koti\u010dki in DIY delavnice.<\/p><\/div>\n        <div class=\"card\"><h3><i class=\"fa-solid fa-utensils\" style=\"color:var(--secondary-green)\"><\/i> Kuhamo<\/h3><p>Preproste dobrote in skupinsko kuhanje.<\/p><\/div>\n        <div class=\"card\"><h3><i class=\"fa-solid fa-comments\" style=\"color:var(--secondary-green)\"><\/i> Debatni koti\u010dek<\/h3><p>Varn prostor za pogovor in deljenje mnenj.<\/p><\/div>\n        <div class=\"card\"><h3><i class=\"fa-solid fa-book-open\" style=\"color:var(--secondary-green)\"><\/i> \u0160olska pomo\u010d<\/h3><p>Po potrebi pomagamo pri nalogah in u\u010denju.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PARENTS -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"parents\">\n        <h3>Za star\u0161e \u2014 bistvene informacije<\/h3>\n        <div class=\"checklist\">\n          <div class=\"item\"><i class=\"fa-solid fa-shield-heart\"><\/i><div><b>Varnost in dobrobit<\/b><br>Prostor je nadzorovan. Prisotni so mladinski delavci in prostovoljci, ki skrbijo za varno, prijazno in vklju\u010dujo\u010de okolje.<\/div><\/div>\n          <div class=\"item\"><i class=\"fa-solid fa-people-group\"><\/i><div><b>Za koga<\/b><br>Program je namenjen otrokom in mladostnikom do 15. leta.<\/div><\/div>\n          <div class=\"item\"><i class=\"fa-solid fa-clock\"><\/i><div><b>Termin<\/b><br>Vsak \u010detrtek 16.00\u201320.00 (oktober\u2013junij). Vstop in izstop sta mo\u017ena kadarkoli v tem \u010dasu.<\/div><\/div>\n          <div class=\"item\"><i class=\"fa-solid fa-hand-holding-heart\"><\/i><div><b>Vsebina<\/b><br>Igre, gibanje, ustvarjanje, kuhanje, pogovori in po potrebi pomo\u010d pri \u0161olskih obveznostih.<\/div><\/div>\n          <div class=\"item\"><i class=\"fa-solid fa-circle-check\"><\/i><div><b>Prijave in cena<\/b><br>Prijave niso potrebne. Program je <b>brezpla\u010den<\/b>.<\/div><\/div>\n          <div class=\"item\"><i class=\"fa-solid fa-user-shield\"><\/i><div><b>Pravila in zasebnost<\/b><br>Spo\u0161tujemo drug drugega, prostor in opremo. Upo\u0161tevamo varnostna pravila in varstvo osebnih podatkov (GDPR).<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA \/ CONTACT -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"cta\">\n        <div>\n          <h2 class=\"title\" style=\"text-align:left;margin-bottom:6px\">Pridi zraven<\/h2>\n          <p class=\"note\">Ni prijav, samo sko\u010di k nam v dnevno sobo Pr\u2019 Golitu med 16.00 in 20.00. \u010ce ima\u0161 vpra\u0161anje ali idejo, pi\u0161i ali pokli\u010di.<\/p>\n\n          <!-- GREEN map pill -->\n          <div class=\"pills\" aria-hidden=\"true\">\n            <a class=\"pill green\" id=\"mapPill\" href=\"#\"><i class=\"fa-solid fa-location-dot\"><\/i> odpri lokacijo v zemljevidih<\/a>\n          <\/div>\n\n          <!-- clickable mini map illustration -->\n          <div class=\"map-wrap\">\n            <div class=\"map-illustration\" id=\"mapIllustration\" title=\"Odpri lokacijo v zemljevidih\">\n              <svg viewBox=\"0 0 600 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <defs>\n                  <linearGradient id=\"g1\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\">\n                    <stop offset=\"0\" stop-color=\"#eaf7e4\"\/>\n                    <stop offset=\"1\" stop-color=\"#ffffff\"\/>\n                  <\/linearGradient>\n                <\/defs>\n                <rect x=\"0\" y=\"0\" width=\"600\" height=\"320\" fill=\"url(#g1)\"\/>\n                <path d=\"M30,260 C160,210 240,210 560,100\" stroke=\"#b5e3a2\" stroke-width=\"22\" fill=\"none\" stroke-linecap=\"round\"\/>\n                <path d=\"M40,110 L560,260\" stroke=\"#f9e086\" stroke-width=\"14\" fill=\"none\" stroke-linecap=\"round\"\/>\n                <path d=\"M120,40 L480,300\" stroke=\"#ffd3d2\" stroke-width=\"10\" fill=\"none\" stroke-linecap=\"round\"\/>\n                <g transform=\"translate(380,150)\">\n                  <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"#cb3534\"\/>\n                  <path d=\"M0,0 C30,40 0,72 0,72 C0,72 -30,40 0,0 Z\" fill=\"#cb3534\" opacity=\"0.95\"\/>\n                  <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#fff\"\/>\n                <\/g>\n                <rect x=\"396\" y=\"180\" rx=\"8\" ry=\"8\" width=\"188\" height=\"54\" fill=\"#fff\" stroke=\"#efefef\"\/>\n                <text x=\"406\" y=\"206\" font-size=\"16\" font-family=\"Nunito, Arial\" fill=\"#2a2a2a\" font-weight=\"700\">Pr\u2019 Golitu \u2014 Idrija<\/text>\n                <text x=\"406\" y=\"226\" font-size=\"14\" font-family=\"Nunito, Arial\" fill=\"#2a2a2a\">Klikni za pot<\/text>\n              <\/svg>\n              <div class=\"map-legend\">\n                <span class=\"pin\"><\/span>\n                <a id=\"mapLink\" href=\"#\">Odpri v zemljevidih<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div>\n          <div class=\"section-label\"><i class=\"fa-solid fa-address-book\"><\/i> Kontakt<\/div>\n          <div class=\"contact-grid\">\n            <div class=\"contact-card\">\n              <div class=\"row\"><i class=\"fa-solid fa-user\"><\/i><div><b>Nives Isteni\u010d<\/b><\/div><\/div>\n              <div class=\"row\"><i class=\"fa-solid fa-phone\"><\/i><div><a href=\"tel:+38640150296\">040 150 296<\/a><\/div><\/div>\n              <div class=\"row\"><i class=\"fa-solid fa-envelope\"><\/i><div><a href=\"mailto:nives.istenic@mcidrija.si\">nives.istenic@mcidrija.si<\/a><\/div><\/div>\n            <\/div>\n            <div class=\"contact-card\">\n              <div class=\"row\"><i class=\"fa-solid fa-user\"><\/i><div><b>Toma\u017e Rupnik<\/b><\/div><\/div>\n              <div class=\"row\"><i class=\"fa-solid fa-phone\"><\/i><div><a href=\"tel:+38640874809\">040 874 809<\/a><\/div><\/div>\n              <div class=\"row\"><i class=\"fa-solid fa-envelope\"><\/i><div><a href=\"mailto:tomaz.rupnik@mcidrija.si\">tomaz.rupnik@mcidrija.si<\/a><\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Animated logo footer (static logo removed, duplicate text removed) -->\n      <div class=\"brand-end\">\n        <div class=\"van-scene\" aria-hidden=\"true\">\n          <div class=\"sparks\"><\/div>\n          <img data-recalc-dims=\"1\" decoding=\"async\"\n            class=\"van-logo\"\n            src=\"https:\/\/i0.wp.com\/mcidrija.si\/wp-content\/uploads\/2025\/08\/PROSTOR-ZA-MLADE-OD-15.-LETA-DALJE-3.png?ssl=1\"\n            alt=\"Zimski MC mobil \u2013 logo kombi\">\n        <\/div>\n        <p class=\"mini\">Program poteka od oktobra do junija. Vabljeni otroci in mladostniki do 15. leta. Brezpla\u010dno.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    \/\/ --- Next Thursday badge\/date ---\n    (function(){\n      const now = new Date();\n      const day = now.getDay();            \/\/ 0=Sun ... 4=Thu\n      const daysUntilThu = (4 - day + 7) % 7 || 7;\n      const nextThu = new Date(now);\n      nextThu.setDate(now.getDate() + daysUntilThu);\n      nextThu.setHours(16,0,0,0);\n\n      const dateShort = nextThu.toLocaleDateString('sl-SI', {weekday:'short', day:'2-digit', month:'2-digit'});\n      const dateLong = nextThu.toLocaleDateString('sl-SI', {weekday:'long', day:'2-digit', month:'long', year:'numeric'});\n\n      const b = document.getElementById('nextThu');\n      const d = document.getElementById('nextDate');\n      if(b){ b.textContent = 'Naslednji termin: ' + dateShort + ' ob 16.00'; }\n      if(d){ d.textContent = dateLong; }\n    })();\n\n    \/\/ --- Simple slideshow (fade) ---\n    (function(){\n      const slides = Array.from(document.querySelectorAll('.slide'));\n      const dots = Array.from(document.querySelectorAll('.dot'));\n      if(!slides.length) return;\n\n      let i = 0;\n      const activate = (idx)=>{\n        slides.forEach((s,j)=> s.classList.toggle('active', j===idx));\n        dots.forEach((d,j)=> d.classList.toggle('active', j===idx));\n        i = idx;\n      };\n      const next = ()=> activate((i+1) % slides.length);\n\n      let timer = setInterval(next, 4000);\n      const slider = document.querySelector('.slider');\n      if(slider){\n        slider.addEventListener('mouseenter', ()=> clearInterval(timer));\n        slider.addEventListener('mouseleave', ()=> timer = setInterval(next, 4000));\n      }\n      dots.forEach((d,idx)=> d.addEventListener('click', ()=>{ activate(idx); clearInterval(timer); timer=setInterval(next, 4000); }));\n      activate(0);\n    })();\n\n    \/\/ --- Smart map link (Apple Maps on iOS, Google Maps elsewhere) ---\n    (function(){\n      const LAT = 46.000699, LNG = 14.021557;\n      const NAME = \"Mestna dnevna soba Pr\u2019 Golitu\";\n\n      function mapHref(){\n        const ua = navigator.userAgent || navigator.vendor || window.opera || \"\";\n        const isIOS = \/iPad|iPhone|iPod\/.test(ua);\n        const isAndroid = \/Android\/.test(ua);\n        if (isIOS) {\n          return `https:\/\/maps.apple.com\/?ll=${LAT},${LNG}&q=${encodeURIComponent(NAME)}`;\n        } else if (isAndroid) {\n          return `https:\/\/maps.google.com\/?q=${LAT},${LNG}`;\n        } else {\n          return `https:\/\/www.google.com\/maps\/search\/?api=1&query=${LAT},${LNG}`;\n        }\n      }\n\n      const href = mapHref();\n      ['mapLink','mapPill'].forEach(id=>{\n        const el = document.getElementById(id);\n        if(el){ el.setAttribute('href', href); el.setAttribute('rel','noopener'); el.setAttribute('target','_blank'); }\n      });\n\n      const ill = document.getElementById('mapIllustration');\n      if(ill){ ill.addEventListener('click', ()=> window.open(href, '_blank', 'noopener')); }\n    })();\n  <\/script>\n\n  <!-- jana \ud83d\udc98 naida -->\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Zimski MC mobil Zimski MC mobil \u010cetrtkova dru\u017eenja za otroke in mladostnike v prijetnem, varnem in igrivem okolju Mestne dnevne sobe Pr\u2019 Golitu. Brezpla\u010dno in brez prijav. vsak \u010detrtek 16.00\u201320.00 do 15. leta brezpla\u010dno Kje?Mestna dnevna soba Pr\u2019 Golitu, Mestni trg, 5280 Idrija Kdaj? \u010cetrtki, 16.00\u201320.00 (oktober\u2013junij) Za koga? Otroci in mladostniki do 15. leta [&hellip;]<\/p>\n","protected":false},"author":252603206,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-4961","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PfSlLi-1i1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/pages\/4961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/users\/252603206"}],"replies":[{"embeddable":true,"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/comments?post=4961"}],"version-history":[{"count":28,"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/pages\/4961\/revisions"}],"predecessor-version":[{"id":7692,"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/pages\/4961\/revisions\/7692"}],"wp:attachment":[{"href":"https:\/\/mcidrija.si\/en\/wp-json\/wp\/v2\/media?parent=4961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}