Leglo S \u00b7 Truewhipp<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --tw-green-dark: #2a3a28;\r\n --tw-green-mid: #4a6741;\r\n --tw-green-light: #c8d9b8;\r\n --tw-cream: #f7f4ee;\r\n --tw-cream-dark: #ede8df;\r\n --tw-gold: #b89a5e;\r\n --tw-text: #2c2c2c;\r\n --tw-text-soft: #5a5a5a;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody { background: var(--tw-cream); font-family: 'Jost', sans-serif; color: var(--tw-text); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.intro {\r\n background: var(--tw-green-dark);\r\n padding: clamp(72px,10vw,120px) clamp(24px,8vw,120px) clamp(64px,8vw,104px);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.intro::before {\r\n content: '';\r\n position: absolute;\r\n top: -80px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 700px; height: 350px;\r\n background: radial-gradient(ellipse, rgba(184,154,94,0.12) 0%, transparent 68%);\r\n pointer-events: none;\r\n}\r\n\r\n.intro::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(184,154,94,0.3), transparent);\r\n}\r\n\r\n.eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 0.36em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n font-weight: 500;\r\n margin-bottom: 22px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.15s ease forwards;\r\n}\r\n\r\n.eyebrow::before, .eyebrow::after {\r\n content: '';\r\n display: block;\r\n height: 1px;\r\n width: clamp(28px,4vw,52px);\r\n background: var(--tw-gold);\r\n opacity: 0.4;\r\n}\r\n\r\n.intro-heading {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(52px,7vw,96px);\r\n font-weight: 300;\r\n color: var(--tw-cream);\r\n line-height: 1.0;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 8px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.3s ease forwards;\r\n}\r\n\r\n.intro-heading em {\r\n font-style: italic;\r\n color: var(--tw-gold);\r\n}\r\n\r\n.intro-sub {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(16px,1.8vw,22px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(247,244,238,0.5);\r\n letter-spacing: 0.12em;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.45s ease forwards;\r\n}\r\n\r\n.rule {\r\n width: 60px; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--tw-gold), transparent);\r\n border: none;\r\n margin: 0 auto 32px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.55s ease forwards;\r\n}\r\n\r\n.intro-meta {\r\n display: inline-flex;\r\n gap: clamp(24px,4vw,56px);\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.65s ease forwards;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.meta-item { text-align: center; }\r\n\r\n.meta-label {\r\n display: block;\r\n font-size: 10px;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(247,244,238,0.35);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.meta-value {\r\n display: block;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(14px,1.4vw,18px);\r\n font-weight: 400;\r\n color: rgba(247,244,238,0.82);\r\n letter-spacing: 0.04em;\r\n}\r\n\r\n.intro-divider {\r\n width: 1px;\r\n background: rgba(184,154,94,0.2);\r\n align-self: stretch;\r\n}\r\n\r\n.intro-lead {\r\n max-width: 640px;\r\n margin: 0 auto;\r\n font-size: clamp(14px,1.2vw,16px);\r\n font-weight: 300;\r\n line-height: 2.0;\r\n color: rgba(247,244,238,0.62);\r\n letter-spacing: 0.02em;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.8s ease forwards;\r\n}\r\n\r\n.intro-lead strong {\r\n color: rgba(247,244,238,0.90);\r\n font-weight: 400;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n height: clamp(420px,62vw,780px);\r\n overflow: hidden;\r\n background: var(--tw-green-dark);\r\n cursor: zoom-in;\r\n}\r\n\r\n.hero img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 30%;\r\n display: block;\r\n filter: saturate(0.88) brightness(0.92);\r\n transition: transform 1.6s cubic-bezier(0.22,0.61,0.36,1), filter 1.2s ease;\r\n}\r\n\r\n.hero:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1.0) brightness(0.98);\r\n}\r\n\r\n.hero-vignette-top {\r\n position: absolute; top: 0; left: 0; right: 0; height: 28%;\r\n background: linear-gradient(to bottom, rgba(42,58,40,0.6), transparent);\r\n pointer-events: none;\r\n}\r\n\r\n.hero-vignette-bot {\r\n position: absolute; bottom: 0; left: 0; right: 0; height: 36%;\r\n background: linear-gradient(to top, rgba(42,58,40,0.72), transparent);\r\n pointer-events: none;\r\n}\r\n\r\n.hero-badge {\r\n position: absolute;\r\n bottom: clamp(24px,4vw,52px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n text-align: center;\r\n z-index: 4;\r\n pointer-events: none;\r\n}\r\n\r\n.hero-badge span {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(26px,3.2vw,44px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(255,255,255,0.88);\r\n letter-spacing: 0.06em;\r\n text-shadow: 0 3px 28px rgba(0,0,0,0.45);\r\n display: block;\r\n white-space: nowrap;\r\n}\r\n\r\n.hero-badge small {\r\n font-family: 'Jost', sans-serif;\r\n font-size: 10px;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n margin-top: 6px;\r\n display: block;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GALLERY SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery-section {\r\n background: var(--tw-cream);\r\n padding: clamp(60px,8vw,100px) clamp(20px,4vw,56px);\r\n}\r\n\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: clamp(40px,5vw,68px);\r\n}\r\n\r\n.section-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n font-weight: 500;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.section-eyebrow::before, .section-eyebrow::after {\r\n content: '';\r\n display: block; height: 1px;\r\n width: clamp(24px,4vw,48px);\r\n background: var(--tw-gold); opacity: 0.4;\r\n}\r\n\r\n.section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(30px,3.4vw,52px);\r\n font-weight: 300;\r\n color: var(--tw-green-dark);\r\n line-height: 1.12;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.section-title em {\r\n font-style: italic;\r\n color: var(--tw-green-mid);\r\n}\r\n\r\n.section-rule {\r\n width: 48px; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--tw-gold), transparent);\r\n border: none;\r\n margin: 18px auto 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Featured + Masonry layout \u2500\u2500\u2500 *\/\r\n\/* Top row: 2 tall side-by-side *\/\r\n.gallery-duo {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\/* Bottom row: 3-column masonry for remaining 3 *\/\r\n.masonry {\r\n columns: 3;\r\n column-gap: 10px;\r\n}\r\n\r\n.photo-item {\r\n break-inside: avoid;\r\n margin-bottom: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 2px;\r\n cursor: zoom-in;\r\n opacity: 0;\r\n transform: translateY(24px);\r\n animation: itemIn 0.75s ease forwards;\r\n}\r\n\r\n\/* Duo items fill their grid cell height *\/\r\n.gallery-duo .photo-item {\r\n margin-bottom: 0;\r\n}\r\n\r\n.gallery-duo .photo-item img {\r\n width: 100%;\r\n height: clamp(280px, 36vw, 520px);\r\n object-fit: cover;\r\n display: block;\r\n filter: saturate(0.82) brightness(0.95);\r\n transition: transform 1.0s cubic-bezier(0.22,0.61,0.36,1), filter 0.9s ease;\r\n}\r\n\r\n.photo-item:nth-child(1) { animation-delay: 0.05s; }\r\n.photo-item:nth-child(2) { animation-delay: 0.13s; }\r\n.photo-item:nth-child(3) { animation-delay: 0.21s; }\r\n.photo-item:nth-child(4) { animation-delay: 0.29s; }\r\n.photo-item:nth-child(5) { animation-delay: 0.37s; }\r\n\r\n.masonry .photo-item img {\r\n width: 100%; height: auto; display: block;\r\n filter: saturate(0.82) brightness(0.95);\r\n transition: transform 1.0s cubic-bezier(0.22,0.61,0.36,1), filter 0.9s ease;\r\n}\r\n\r\n.photo-item:hover img {\r\n transform: scale(1.07);\r\n filter: saturate(1.06) brightness(1.04);\r\n}\r\n\r\n.photo-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(155deg, rgba(42,58,40,0.0) 0%, rgba(42,58,40,0.60) 100%);\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n padding: 14px;\r\n}\r\n\r\n.photo-item:hover .photo-overlay { opacity: 1; }\r\n\r\n.zoom-icon {\r\n width: 32px; height: 32px;\r\n border: 1.5px solid rgba(255,255,255,0.5);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0;\r\n transform: scale(0.5) rotate(-15deg);\r\n transition: opacity 0.35s 0.06s ease, transform 0.4s 0.06s cubic-bezier(0.34,1.56,0.64,1);\r\n}\r\n\r\n.photo-item:hover .zoom-icon { opacity: 1; transform: scale(1) rotate(0deg); }\r\n.zoom-icon svg { width: 14px; height: 14px; fill: none; stroke: white; stroke-width: 1.8; }\r\n\r\n\/* Gold shimmer sweep *\/\r\n.photo-item::before {\r\n content: '';\r\n position: absolute; inset: 0; z-index: 2;\r\n background: linear-gradient(115deg, transparent 25%, rgba(184,154,94,0.14) 50%, transparent 75%);\r\n background-size: 250% 250%;\r\n background-position: 220% 0;\r\n transition: background-position 0.8s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.photo-item:hover::before { background-position: -40% 0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER NOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer-note {\r\n background: var(--tw-green-dark);\r\n padding: clamp(40px,6vw,72px) clamp(24px,8vw,100px);\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.footer-note::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(184,154,94,0.28), transparent);\r\n}\r\n\r\n.footer-note p {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(16px,1.8vw,22px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(247,244,238,0.55);\r\n letter-spacing: 0.04em;\r\n line-height: 1.8;\r\n max-width: 560px;\r\n margin: 0 auto;\r\n}\r\n\r\n.footer-note p strong {\r\n color: var(--tw-gold);\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.lightbox {\r\n display: none;\r\n position: fixed; inset: 0; z-index: 9999;\r\n background: rgba(12,20,11,0.96);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n align-items: center; justify-content: center;\r\n padding: 20px;\r\n cursor: zoom-out;\r\n}\r\n\r\n.lightbox.is-open {\r\n display: flex;\r\n animation: lbIn 0.35s ease;\r\n}\r\n\r\n.lightbox img {\r\n max-width: min(92vw,1280px);\r\n max-height: 90vh;\r\n width: auto; height: auto;\r\n object-fit: contain;\r\n border-radius: 3px;\r\n box-shadow: 0 50px 120px rgba(0,0,0,0.7);\r\n animation: lbImg 0.45s cubic-bezier(0.22,1,0.36,1);\r\n cursor: default;\r\n}\r\n\r\n.lb-close {\r\n position: absolute; top: 20px; right: 24px;\r\n width: 42px; height: 42px;\r\n border: 1.5px solid rgba(255,255,255,0.22);\r\n border-radius: 50%; background: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: border-color 0.3s, background 0.3s;\r\n}\r\n.lb-close:hover { border-color: var(--tw-gold); background: rgba(184,154,94,0.13); }\r\n.lb-close svg { width: 17px; height: 17px; stroke: white; stroke-width: 1.8; fill: none; }\r\n\r\n.lb-nav {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 46px; height: 46px;\r\n border: 1.5px solid rgba(255,255,255,0.18);\r\n border-radius: 50%; background: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: border-color 0.3s, background 0.3s;\r\n}\r\n.lb-nav:hover { border-color: var(--tw-gold); background: rgba(184,154,94,0.13); }\r\n.lb-nav svg { width: 18px; height: 18px; stroke: white; stroke-width: 1.8; fill: none; }\r\n.lb-prev { left: 20px; }\r\n.lb-next { right: 20px; }\r\n\r\n.lb-counter {\r\n position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\r\n font-family: 'Jost', sans-serif;\r\n font-size: 11px; letter-spacing: 0.24em;\r\n color: rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 KEYFRAMES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(18px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes itemIn {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes lbIn {\r\n from { opacity: 0; } to { opacity: 1; }\r\n}\r\n@keyframes lbImg {\r\n from { transform: scale(0.90); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .masonry { columns: 2; column-gap: 8px; }\r\n}\r\n@media (max-width: 720px) {\r\n .gallery-duo { grid-template-columns: 1fr; }\r\n .gallery-duo .photo-item img { height: clamp(240px, 60vw, 380px); }\r\n .intro-meta { flex-wrap: wrap; justify-content: center; gap: 18px; }\r\n .intro-divider { display: none; }\r\n .lb-nav { display: none; }\r\n .hero-badge span { white-space: normal; }\r\n .masonry { columns: 2; column-gap: 8px; }\r\n .photo-item { margin-bottom: 8px; }\r\n}\r\n@media (max-width: 440px) {\r\n .masonry { columns: 2; column-gap: 6px; }\r\n .photo-item { margin-bottom: 6px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"intro\">\r\n <div class=\"eyebrow\">Truewhipp \u00b7 Whippets<\/div>\r\n <h1 class=\"intro-heading\">Leglo <em>S<\/em><\/h1>\r\n <p class=\"intro-sub\">Posebno leglo<\/p>\r\n <hr class=\"rule\">\r\n\r\n <div class=\"intro-meta\">\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Pasma<\/span>\r\n <span class=\"meta-value\">Whippet<\/span>\r\n <\/div>\r\n <div class=\"intro-divider\"><\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Vzreja<\/span>\r\n <span class=\"meta-value\">Truewhipp<\/span>\r\n <\/div>\r\n <div class=\"intro-divider\"><\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Fotografija<\/span>\r\n <span class=\"meta-value\">Igor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"intro-lead\">\r\n Leglo S je posebno poglavje v zgodbi vzreje Truewhipp. Mladi\u010di so od prvih dni kazali\r\n <strong>izjemno \u017eivahnost in zna\u010daj<\/strong>, ki je zna\u010dilen za najlep\u0161e predstavnike pasme whippet.\r\n Vsak med njimi je bil druga\u010den \u2014 vsak je nosil v sebi svojo lastno iskrico.\r\n <br><br>\r\n Z <strong>ljubeznijo, skrbjo in strokovnim pristopom<\/strong> smo zagotovili vsem mladi\u010dem\r\n optimalen za\u010detek \u017eivljenja. Spodnje fotografije so dragocen spomin na te neponovljive\r\n prve tedne \u2014 trenutke \u010diste radosti in odkrivanja sveta.\r\n <\/p>\r\n<\/section>\r\n\r\n\r\n\r\n<div class=\"hero\" id=\"heroImg\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-11-scaled-1.jpg\"\r\n alt=\"Whippet mladi\u010di \u2014 Leglo S, Truewhipp\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\"\r\n title=\"Leglo S\">\r\n <div class=\"hero-vignette-top\"><\/div>\r\n <div class=\"hero-vignette-bot\"><\/div>\r\n <div class=\"hero-badge\">\r\n <span>Mladi\u010dki iz legla S<\/span>\r\n <small>Truewhipp \u00b7 Vzreja z ljubeznijo<\/small>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"gallery-section\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-eyebrow\">Galerija<\/div>\r\n <h2 class=\"section-title\">Fotografije <em>mladi\u010dev<\/em><\/h2>\r\n <hr class=\"section-rule\">\r\n <\/div>\r\n\r\n \r\n <div class=\"gallery-duo\">\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-9-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-9-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-7-2-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-7-2-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"masonry\" id=\"masonryGrid\">\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-5-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-5-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-3-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-3-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-1-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-1-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"footer-note\">\r\n <p>\r\n Vsak mladi\u010d iz legla S je od\u0161el v skrbno izbrano doma\u010de okolje.<br>\r\n Zahvaljujemo se vsem novim lastnikom za <strong>ljubezen in zaupanje<\/strong>.\r\n <\/p>\r\n<\/div>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galerija legla S\">\r\n <button class=\"lb-close\" id=\"lbClose\" aria-label=\"Zapri\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <button class=\"lb-nav lb-prev\" id=\"lbPrev\" aria-label=\"Prej\u0161nja\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"Whippet mladi\u010d \u2014 Leglo S\">\r\n <button class=\"lb-nav lb-next\" id=\"lbNext\" aria-label=\"Naslednja\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"lb-counter\" id=\"lbCounter\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n const heroEl = document.getElementById('heroImg');\r\n const lb = document.getElementById('lightbox');\r\n const lbImg = document.getElementById('lbImg');\r\n const lbClose = document.getElementById('lbClose');\r\n const lbPrev = document.getElementById('lbPrev');\r\n const lbNext = document.getElementById('lbNext');\r\n const lbCnt = document.getElementById('lbCounter');\r\n\r\n const heroSrc = heroEl.querySelector('img').src;\r\n\r\n \/* Collect all gallery items across both duo + masonry *\/\r\n const allItems = Array.from(document.querySelectorAll('.gallery-duo .photo-item, #masonryGrid .photo-item'));\r\n const gridSrcs = allItems.map(el => el.dataset.src || el.querySelector('img').src);\r\n const allSrcs = [heroSrc, ...gridSrcs];\r\n const total = allSrcs.length;\r\n let cur = 0;\r\n\r\n function open(idx) {\r\n cur = ((idx % total) + total) % total;\r\n lbImg.src = allSrcs[cur];\r\n lbCnt.textContent = cur === 0 ? 'Naslovna' : cur + ' \/ ' + (total - 1);\r\n lb.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function close() {\r\n lb.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n setTimeout(() => { lbImg.src = ''; }, 350);\r\n }\r\n\r\n heroEl.addEventListener('click', () => open(0));\r\n allItems.forEach((item, i) => item.addEventListener('click', () => open(i + 1)));\r\n\r\n lbClose.addEventListener('click', close);\r\n lbPrev.addEventListener('click', e => { e.stopPropagation(); open(cur - 1); });\r\n lbNext.addEventListener('click', e => { e.stopPropagation(); open(cur + 1); });\r\n lb.addEventListener('click', e => { if (e.target === lb) close(); });\r\n\r\n document.addEventListener('keydown', e => {\r\n if (!lb.classList.contains('is-open')) return;\r\n if (e.key === 'Escape') close();\r\n if (e.key === 'ArrowLeft') open(cur - 1);\r\n if (e.key === 'ArrowRight') open(cur + 1);\r\n });\r\n\r\n let tx = 0;\r\n lb.addEventListener('touchstart', e => { tx = e.touches[0].clientX; }, { passive: true });\r\n lb.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - tx;\r\n if (Math.abs(dx) > 50) dx < 0 ? open(cur + 1) : open(cur - 1);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Leglo S \u00b7 Truewhipp Truewhipp \u00b7 Whippets Leglo S Posebno leglo Pasma Whippet Vzreja Truewhipp Fotografija Igor Leglo S je posebno poglavje v zgodbi vzreje Truewhipp. Mladi\u010di so od prvih dni kazali izjemno \u017eivahnost in zna\u010daj, ki je zna\u010dilen za najlep\u0161e predstavnike pasme whippet. Vsak med njimi je bil druga\u010den \u2014 vsak je nosil v […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2249","post","type-post","status-publish","format-standard","hentry","category-legla"],"_links":{"self":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/comments?post=2249"}],"version-history":[{"count":4,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249\/revisions"}],"predecessor-version":[{"id":2253,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249\/revisions\/2253"}],"wp:attachment":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/media?parent=2249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/categories?post=2249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/tags?post=2249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nLeglo S \u00b7 Truewhipp<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --tw-green-dark: #2a3a28;\r\n --tw-green-mid: #4a6741;\r\n --tw-green-light: #c8d9b8;\r\n --tw-cream: #f7f4ee;\r\n --tw-cream-dark: #ede8df;\r\n --tw-gold: #b89a5e;\r\n --tw-text: #2c2c2c;\r\n --tw-text-soft: #5a5a5a;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody { background: var(--tw-cream); font-family: 'Jost', sans-serif; color: var(--tw-text); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.intro {\r\n background: var(--tw-green-dark);\r\n padding: clamp(72px,10vw,120px) clamp(24px,8vw,120px) clamp(64px,8vw,104px);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.intro::before {\r\n content: '';\r\n position: absolute;\r\n top: -80px; left: 50%;\r\n transform: translateX(-50%);\r\n width: 700px; height: 350px;\r\n background: radial-gradient(ellipse, rgba(184,154,94,0.12) 0%, transparent 68%);\r\n pointer-events: none;\r\n}\r\n\r\n.intro::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(184,154,94,0.3), transparent);\r\n}\r\n\r\n.eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 0.36em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n font-weight: 500;\r\n margin-bottom: 22px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.15s ease forwards;\r\n}\r\n\r\n.eyebrow::before, .eyebrow::after {\r\n content: '';\r\n display: block;\r\n height: 1px;\r\n width: clamp(28px,4vw,52px);\r\n background: var(--tw-gold);\r\n opacity: 0.4;\r\n}\r\n\r\n.intro-heading {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(52px,7vw,96px);\r\n font-weight: 300;\r\n color: var(--tw-cream);\r\n line-height: 1.0;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 8px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.3s ease forwards;\r\n}\r\n\r\n.intro-heading em {\r\n font-style: italic;\r\n color: var(--tw-gold);\r\n}\r\n\r\n.intro-sub {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(16px,1.8vw,22px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(247,244,238,0.5);\r\n letter-spacing: 0.12em;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.45s ease forwards;\r\n}\r\n\r\n.rule {\r\n width: 60px; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--tw-gold), transparent);\r\n border: none;\r\n margin: 0 auto 32px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.55s ease forwards;\r\n}\r\n\r\n.intro-meta {\r\n display: inline-flex;\r\n gap: clamp(24px,4vw,56px);\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.65s ease forwards;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.meta-item { text-align: center; }\r\n\r\n.meta-label {\r\n display: block;\r\n font-size: 10px;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: rgba(247,244,238,0.35);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.meta-value {\r\n display: block;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(14px,1.4vw,18px);\r\n font-weight: 400;\r\n color: rgba(247,244,238,0.82);\r\n letter-spacing: 0.04em;\r\n}\r\n\r\n.intro-divider {\r\n width: 1px;\r\n background: rgba(184,154,94,0.2);\r\n align-self: stretch;\r\n}\r\n\r\n.intro-lead {\r\n max-width: 640px;\r\n margin: 0 auto;\r\n font-size: clamp(14px,1.2vw,16px);\r\n font-weight: 300;\r\n line-height: 2.0;\r\n color: rgba(247,244,238,0.62);\r\n letter-spacing: 0.02em;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.8s ease forwards;\r\n}\r\n\r\n.intro-lead strong {\r\n color: rgba(247,244,238,0.90);\r\n font-weight: 400;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n height: clamp(420px,62vw,780px);\r\n overflow: hidden;\r\n background: var(--tw-green-dark);\r\n cursor: zoom-in;\r\n}\r\n\r\n.hero img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 30%;\r\n display: block;\r\n filter: saturate(0.88) brightness(0.92);\r\n transition: transform 1.6s cubic-bezier(0.22,0.61,0.36,1), filter 1.2s ease;\r\n}\r\n\r\n.hero:hover img {\r\n transform: scale(1.04);\r\n filter: saturate(1.0) brightness(0.98);\r\n}\r\n\r\n.hero-vignette-top {\r\n position: absolute; top: 0; left: 0; right: 0; height: 28%;\r\n background: linear-gradient(to bottom, rgba(42,58,40,0.6), transparent);\r\n pointer-events: none;\r\n}\r\n\r\n.hero-vignette-bot {\r\n position: absolute; bottom: 0; left: 0; right: 0; height: 36%;\r\n background: linear-gradient(to top, rgba(42,58,40,0.72), transparent);\r\n pointer-events: none;\r\n}\r\n\r\n.hero-badge {\r\n position: absolute;\r\n bottom: clamp(24px,4vw,52px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n text-align: center;\r\n z-index: 4;\r\n pointer-events: none;\r\n}\r\n\r\n.hero-badge span {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(26px,3.2vw,44px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(255,255,255,0.88);\r\n letter-spacing: 0.06em;\r\n text-shadow: 0 3px 28px rgba(0,0,0,0.45);\r\n display: block;\r\n white-space: nowrap;\r\n}\r\n\r\n.hero-badge small {\r\n font-family: 'Jost', sans-serif;\r\n font-size: 10px;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n margin-top: 6px;\r\n display: block;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GALLERY SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery-section {\r\n background: var(--tw-cream);\r\n padding: clamp(60px,8vw,100px) clamp(20px,4vw,56px);\r\n}\r\n\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: clamp(40px,5vw,68px);\r\n}\r\n\r\n.section-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 11px;\r\n letter-spacing: 0.32em;\r\n text-transform: uppercase;\r\n color: var(--tw-gold);\r\n font-weight: 500;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.section-eyebrow::before, .section-eyebrow::after {\r\n content: '';\r\n display: block; height: 1px;\r\n width: clamp(24px,4vw,48px);\r\n background: var(--tw-gold); opacity: 0.4;\r\n}\r\n\r\n.section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(30px,3.4vw,52px);\r\n font-weight: 300;\r\n color: var(--tw-green-dark);\r\n line-height: 1.12;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.section-title em {\r\n font-style: italic;\r\n color: var(--tw-green-mid);\r\n}\r\n\r\n.section-rule {\r\n width: 48px; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--tw-gold), transparent);\r\n border: none;\r\n margin: 18px auto 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Featured + Masonry layout \u2500\u2500\u2500 *\/\r\n\/* Top row: 2 tall side-by-side *\/\r\n.gallery-duo {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n\/* Bottom row: 3-column masonry for remaining 3 *\/\r\n.masonry {\r\n columns: 3;\r\n column-gap: 10px;\r\n}\r\n\r\n.photo-item {\r\n break-inside: avoid;\r\n margin-bottom: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 2px;\r\n cursor: zoom-in;\r\n opacity: 0;\r\n transform: translateY(24px);\r\n animation: itemIn 0.75s ease forwards;\r\n}\r\n\r\n\/* Duo items fill their grid cell height *\/\r\n.gallery-duo .photo-item {\r\n margin-bottom: 0;\r\n}\r\n\r\n.gallery-duo .photo-item img {\r\n width: 100%;\r\n height: clamp(280px, 36vw, 520px);\r\n object-fit: cover;\r\n display: block;\r\n filter: saturate(0.82) brightness(0.95);\r\n transition: transform 1.0s cubic-bezier(0.22,0.61,0.36,1), filter 0.9s ease;\r\n}\r\n\r\n.photo-item:nth-child(1) { animation-delay: 0.05s; }\r\n.photo-item:nth-child(2) { animation-delay: 0.13s; }\r\n.photo-item:nth-child(3) { animation-delay: 0.21s; }\r\n.photo-item:nth-child(4) { animation-delay: 0.29s; }\r\n.photo-item:nth-child(5) { animation-delay: 0.37s; }\r\n\r\n.masonry .photo-item img {\r\n width: 100%; height: auto; display: block;\r\n filter: saturate(0.82) brightness(0.95);\r\n transition: transform 1.0s cubic-bezier(0.22,0.61,0.36,1), filter 0.9s ease;\r\n}\r\n\r\n.photo-item:hover img {\r\n transform: scale(1.07);\r\n filter: saturate(1.06) brightness(1.04);\r\n}\r\n\r\n.photo-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(155deg, rgba(42,58,40,0.0) 0%, rgba(42,58,40,0.60) 100%);\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n padding: 14px;\r\n}\r\n\r\n.photo-item:hover .photo-overlay { opacity: 1; }\r\n\r\n.zoom-icon {\r\n width: 32px; height: 32px;\r\n border: 1.5px solid rgba(255,255,255,0.5);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0;\r\n transform: scale(0.5) rotate(-15deg);\r\n transition: opacity 0.35s 0.06s ease, transform 0.4s 0.06s cubic-bezier(0.34,1.56,0.64,1);\r\n}\r\n\r\n.photo-item:hover .zoom-icon { opacity: 1; transform: scale(1) rotate(0deg); }\r\n.zoom-icon svg { width: 14px; height: 14px; fill: none; stroke: white; stroke-width: 1.8; }\r\n\r\n\/* Gold shimmer sweep *\/\r\n.photo-item::before {\r\n content: '';\r\n position: absolute; inset: 0; z-index: 2;\r\n background: linear-gradient(115deg, transparent 25%, rgba(184,154,94,0.14) 50%, transparent 75%);\r\n background-size: 250% 250%;\r\n background-position: 220% 0;\r\n transition: background-position 0.8s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.photo-item:hover::before { background-position: -40% 0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER NOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer-note {\r\n background: var(--tw-green-dark);\r\n padding: clamp(40px,6vw,72px) clamp(24px,8vw,100px);\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.footer-note::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(184,154,94,0.28), transparent);\r\n}\r\n\r\n.footer-note p {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(16px,1.8vw,22px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: rgba(247,244,238,0.55);\r\n letter-spacing: 0.04em;\r\n line-height: 1.8;\r\n max-width: 560px;\r\n margin: 0 auto;\r\n}\r\n\r\n.footer-note p strong {\r\n color: var(--tw-gold);\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.lightbox {\r\n display: none;\r\n position: fixed; inset: 0; z-index: 9999;\r\n background: rgba(12,20,11,0.96);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n align-items: center; justify-content: center;\r\n padding: 20px;\r\n cursor: zoom-out;\r\n}\r\n\r\n.lightbox.is-open {\r\n display: flex;\r\n animation: lbIn 0.35s ease;\r\n}\r\n\r\n.lightbox img {\r\n max-width: min(92vw,1280px);\r\n max-height: 90vh;\r\n width: auto; height: auto;\r\n object-fit: contain;\r\n border-radius: 3px;\r\n box-shadow: 0 50px 120px rgba(0,0,0,0.7);\r\n animation: lbImg 0.45s cubic-bezier(0.22,1,0.36,1);\r\n cursor: default;\r\n}\r\n\r\n.lb-close {\r\n position: absolute; top: 20px; right: 24px;\r\n width: 42px; height: 42px;\r\n border: 1.5px solid rgba(255,255,255,0.22);\r\n border-radius: 50%; background: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: border-color 0.3s, background 0.3s;\r\n}\r\n.lb-close:hover { border-color: var(--tw-gold); background: rgba(184,154,94,0.13); }\r\n.lb-close svg { width: 17px; height: 17px; stroke: white; stroke-width: 1.8; fill: none; }\r\n\r\n.lb-nav {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 46px; height: 46px;\r\n border: 1.5px solid rgba(255,255,255,0.18);\r\n border-radius: 50%; background: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: border-color 0.3s, background 0.3s;\r\n}\r\n.lb-nav:hover { border-color: var(--tw-gold); background: rgba(184,154,94,0.13); }\r\n.lb-nav svg { width: 18px; height: 18px; stroke: white; stroke-width: 1.8; fill: none; }\r\n.lb-prev { left: 20px; }\r\n.lb-next { right: 20px; }\r\n\r\n.lb-counter {\r\n position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\r\n font-family: 'Jost', sans-serif;\r\n font-size: 11px; letter-spacing: 0.24em;\r\n color: rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 KEYFRAMES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(18px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes itemIn {\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes lbIn {\r\n from { opacity: 0; } to { opacity: 1; }\r\n}\r\n@keyframes lbImg {\r\n from { transform: scale(0.90); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .masonry { columns: 2; column-gap: 8px; }\r\n}\r\n@media (max-width: 720px) {\r\n .gallery-duo { grid-template-columns: 1fr; }\r\n .gallery-duo .photo-item img { height: clamp(240px, 60vw, 380px); }\r\n .intro-meta { flex-wrap: wrap; justify-content: center; gap: 18px; }\r\n .intro-divider { display: none; }\r\n .lb-nav { display: none; }\r\n .hero-badge span { white-space: normal; }\r\n .masonry { columns: 2; column-gap: 8px; }\r\n .photo-item { margin-bottom: 8px; }\r\n}\r\n@media (max-width: 440px) {\r\n .masonry { columns: 2; column-gap: 6px; }\r\n .photo-item { margin-bottom: 6px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"intro\">\r\n <div class=\"eyebrow\">Truewhipp \u00b7 Whippets<\/div>\r\n <h1 class=\"intro-heading\">Leglo <em>S<\/em><\/h1>\r\n <p class=\"intro-sub\">Posebno leglo<\/p>\r\n <hr class=\"rule\">\r\n\r\n <div class=\"intro-meta\">\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Pasma<\/span>\r\n <span class=\"meta-value\">Whippet<\/span>\r\n <\/div>\r\n <div class=\"intro-divider\"><\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Vzreja<\/span>\r\n <span class=\"meta-value\">Truewhipp<\/span>\r\n <\/div>\r\n <div class=\"intro-divider\"><\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Fotografija<\/span>\r\n <span class=\"meta-value\">Igor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"intro-lead\">\r\n Leglo S je posebno poglavje v zgodbi vzreje Truewhipp. Mladi\u010di so od prvih dni kazali\r\n <strong>izjemno \u017eivahnost in zna\u010daj<\/strong>, ki je zna\u010dilen za najlep\u0161e predstavnike pasme whippet.\r\n Vsak med njimi je bil druga\u010den \u2014 vsak je nosil v sebi svojo lastno iskrico.\r\n <br><br>\r\n Z <strong>ljubeznijo, skrbjo in strokovnim pristopom<\/strong> smo zagotovili vsem mladi\u010dem\r\n optimalen za\u010detek \u017eivljenja. Spodnje fotografije so dragocen spomin na te neponovljive\r\n prve tedne \u2014 trenutke \u010diste radosti in odkrivanja sveta.\r\n <\/p>\r\n<\/section>\r\n\r\n\r\n\r\n<div class=\"hero\" id=\"heroImg\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-11-scaled-1.jpg\"\r\n alt=\"Whippet mladi\u010di \u2014 Leglo S, Truewhipp\"\r\n loading=\"eager\"\r\n fetchpriority=\"high\"\r\n title=\"Leglo S\">\r\n <div class=\"hero-vignette-top\"><\/div>\r\n <div class=\"hero-vignette-bot\"><\/div>\r\n <div class=\"hero-badge\">\r\n <span>Mladi\u010dki iz legla S<\/span>\r\n <small>Truewhipp \u00b7 Vzreja z ljubeznijo<\/small>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"gallery-section\">\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-eyebrow\">Galerija<\/div>\r\n <h2 class=\"section-title\">Fotografije <em>mladi\u010dev<\/em><\/h2>\r\n <hr class=\"section-rule\">\r\n <\/div>\r\n\r\n \r\n <div class=\"gallery-duo\">\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-9-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-9-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-7-2-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-7-2-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"masonry\" id=\"masonryGrid\">\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-5-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-5-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-3-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-3-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-item\" data-src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-1-scaled-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/Igor-1-scaled-1.jpg\" alt=\"Whippet mladi\u010d \u2014 Leglo S\" loading=\"lazy\" title=\"Leglo S\">\r\n <div class=\"photo-overlay\"><div class=\"zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"footer-note\">\r\n <p>\r\n Vsak mladi\u010d iz legla S je od\u0161el v skrbno izbrano doma\u010de okolje.<br>\r\n Zahvaljujemo se vsem novim lastnikom za <strong>ljubezen in zaupanje<\/strong>.\r\n <\/p>\r\n<\/div>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galerija legla S\">\r\n <button class=\"lb-close\" id=\"lbClose\" aria-label=\"Zapri\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <button class=\"lb-nav lb-prev\" id=\"lbPrev\" aria-label=\"Prej\u0161nja\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"Whippet mladi\u010d \u2014 Leglo S\">\r\n <button class=\"lb-nav lb-next\" id=\"lbNext\" aria-label=\"Naslednja\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"lb-counter\" id=\"lbCounter\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n const heroEl = document.getElementById('heroImg');\r\n const lb = document.getElementById('lightbox');\r\n const lbImg = document.getElementById('lbImg');\r\n const lbClose = document.getElementById('lbClose');\r\n const lbPrev = document.getElementById('lbPrev');\r\n const lbNext = document.getElementById('lbNext');\r\n const lbCnt = document.getElementById('lbCounter');\r\n\r\n const heroSrc = heroEl.querySelector('img').src;\r\n\r\n \/* Collect all gallery items across both duo + masonry *\/\r\n const allItems = Array.from(document.querySelectorAll('.gallery-duo .photo-item, #masonryGrid .photo-item'));\r\n const gridSrcs = allItems.map(el => el.dataset.src || el.querySelector('img').src);\r\n const allSrcs = [heroSrc, ...gridSrcs];\r\n const total = allSrcs.length;\r\n let cur = 0;\r\n\r\n function open(idx) {\r\n cur = ((idx % total) + total) % total;\r\n lbImg.src = allSrcs[cur];\r\n lbCnt.textContent = cur === 0 ? 'Naslovna' : cur + ' \/ ' + (total - 1);\r\n lb.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function close() {\r\n lb.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n setTimeout(() => { lbImg.src = ''; }, 350);\r\n }\r\n\r\n heroEl.addEventListener('click', () => open(0));\r\n allItems.forEach((item, i) => item.addEventListener('click', () => open(i + 1)));\r\n\r\n lbClose.addEventListener('click', close);\r\n lbPrev.addEventListener('click', e => { e.stopPropagation(); open(cur - 1); });\r\n lbNext.addEventListener('click', e => { e.stopPropagation(); open(cur + 1); });\r\n lb.addEventListener('click', e => { if (e.target === lb) close(); });\r\n\r\n document.addEventListener('keydown', e => {\r\n if (!lb.classList.contains('is-open')) return;\r\n if (e.key === 'Escape') close();\r\n if (e.key === 'ArrowLeft') open(cur - 1);\r\n if (e.key === 'ArrowRight') open(cur + 1);\r\n });\r\n\r\n let tx = 0;\r\n lb.addEventListener('touchstart', e => { tx = e.touches[0].clientX; }, { passive: true });\r\n lb.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - tx;\r\n if (Math.abs(dx) > 50) dx < 0 ? open(cur + 1) : open(cur - 1);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Leglo S \u00b7 Truewhipp Truewhipp \u00b7 Whippets Leglo S Posebno leglo Pasma Whippet Vzreja Truewhipp Fotografija Igor Leglo S je posebno poglavje v zgodbi vzreje Truewhipp. Mladi\u010di so od prvih dni kazali izjemno \u017eivahnost in zna\u010daj, ki je zna\u010dilen za najlep\u0161e predstavnike pasme whippet. Vsak med njimi je bil druga\u010den \u2014 vsak je nosil v […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2249","post","type-post","status-publish","format-standard","hentry","category-legla"],"_links":{"self":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/comments?post=2249"}],"version-history":[{"count":4,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249\/revisions"}],"predecessor-version":[{"id":2253,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/posts\/2249\/revisions\/2253"}],"wp:attachment":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/media?parent=2249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/categories?post=2249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/tags?post=2249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}