*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
font-family:Arial,Helvetica,sans-serif;
background:#050505;
color:#fff;
overflow:hidden;
}
.site-header{
position:fixed;
top:0;left:0;right:0;
height:82px;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 42px;
background:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.08));
}
.brand{
font-family:Georgia,serif;
font-size:34px;
letter-spacing:1px;
font-weight:700;
text-shadow:0 2px 12px rgba(0,0,0,.75);
}
.brand span{color:#d6a313}
.main-nav{display:flex;gap:34px;font-weight:700;font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.main-nav a{color:#fff;text-decoration:none;position:relative;padding:12px 0}
.main-nav a.active{color:#d6a313}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d6a313}
.home{height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr}
.panel{position:relative;min-width:0;background-size:cover;background-position:center;overflow:hidden}
.panel-bees{background:radial-gradient(circle at 25% 25%,rgba(170,210,80,.55),transparent 28%),linear-gradient(135deg,#132414,#254617 45%,#0b1209 100%)}
.panel-photo{background:radial-gradient(circle at 50% 38%,rgba(210,120,70,.65),transparent 24%),radial-gradient(circle at 45% 55%,rgba(130,70,30,.8),transparent 23%),linear-gradient(135deg,#14220b,#5a361d 42%,#0c0906 100%)}
.panel-sport{background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.45),transparent 17%),radial-gradient(circle at 48% 38%,rgba(230,220,95,.55),transparent 22%),linear-gradient(135deg,#162510,#1c3b2c 42%,#090909 100%)}
.shade{position:absolute;inset:0;pointer-events:none;background:
linear-gradient(to bottom,rgba(0,0,0,.34),rgba(0,0,0,.08) 12%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.22) 100%)}
.intro{position:absolute;z-index:5;top:72px;left:50%;transform:translateX(-50%);width:900px;max-width:90vw;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.95)}
.intro:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;max-width:95vw;height:210px;background:radial-gradient(ellipse at center,rgba(0,0,0,.56),rgba(0,0,0,.34) 46%,rgba(0,0,0,0) 78%);filter:blur(2px)}
.welcome{font-family:var(--font-intro-welcome, Georgia, serif);font-size:var(--size-intro-welcome, 42px);line-height:1.1}
.name{font-family:var(--font-intro-name, "Segoe Script","Segoe Print","Lucida Handwriting",cursive);font-size:var(--size-intro-name, 50px);line-height:1.05;color:#d6a313;margin:4px 0 8px;white-space:nowrap;max-width:100%;overflow:visible}
.intro p{font-family:var(--font-intro-text, Arial, Helvetica, sans-serif);font-size:var(--size-intro-text, 20px);line-height:1.45}
.panel-content{position:absolute;left:8%;right:8%;bottom:42px;height:330px;z-index:4;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,1),0 1px 3px rgba(0,0,0,1)}
.panel-content:before{content:"";position:absolute;z-index:-1;left:50%;top:52%;transform:translate(-50%,-50%);width:118%;height:120%;background:
radial-gradient(ellipse at center,rgba(0,0,0,.88) 0%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.42) 70%,rgba(0,0,0,0) 100%);
border-radius:42px;filter:blur(13px)}
.panel-content h2{position:absolute;top:0;left:0;right:0;font-family:var(--font-panel-title, Georgia, serif);font-size:var(--size-panel-title, 64px);line-height:1;letter-spacing:1px;text-shadow:0 5px 22px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,1)}
.line{position:absolute;top:98px;left:50%;transform:translateX(-50%);width:160px;height:2px;margin:0}
.gold{background:#d6a313}.green{background:#62bd37}.blue{background:#0783c9}
.panel-content h3{position:absolute;top:132px;left:0;right:0;font-family:var(--font-panel-subtitle, Arial, Helvetica, sans-serif);font-size:var(--size-panel-subtitle, 24px);margin:0;letter-spacing:1px;text-shadow:0 4px 16px rgba(0,0,0,1),0 1px 4px rgba(0,0,0,1)}.panel-photo h3{color:#62bd37}.panel-sport h3{color:#0783c9}
.panel-content p{position:absolute;top:182px;left:0;right:0;font-family:var(--font-panel-text, Arial, Helvetica, sans-serif);font-size:var(--size-panel-text, 19px);line-height:1.6;margin:0;text-shadow:0 4px 16px rgba(0,0,0,1),0 1px 4px rgba(0,0,0,1)}
.btn{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:inline-block;min-width:170px;padding:15px 26px;color:#fff;font-family:var(--font-button, Arial, Helvetica, sans-serif);font-size:var(--size-button, 16px);font-weight:800;letter-spacing:1px;text-decoration:none;border-radius:32px;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.btn-gold{background:linear-gradient(#e0b017,#c89406)}.btn-green{background:linear-gradient(#70c648,#4ba92c)}.btn-blue{background:linear-gradient(#0494da,#006cac)}
.bee-subtitle{position:absolute;top:70px;left:50%;transform:translateX(-50%);width:340px;height:auto;object-fit:contain;z-index:5;filter:drop-shadow(0 2px 5px rgba(0,0,0,.85))}.panel-bees .panel-content p{top:182px}
.panel.has-custom-bg{background-image:none!important;background:#000}
.hero-photo{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,100%);height:min(900px,100vh);overflow:hidden;background:#000}
.hero-photo img{position:absolute;left:var(--img-x,50%);top:var(--img-y,50%);transform:translate(-50%,-50%) scale(var(--img-zoom,1));transform-origin:center center;max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}
.hero-photo.is-rotating img{opacity:0;transition:opacity 1.4s ease-in-out}
.hero-photo.is-rotating img.is-active{opacity:1}
.hero-photo:after{content:"";position:absolute;inset:-2px;pointer-events:none;background:
linear-gradient(to right,#000 0%,rgba(0,0,0,.78) 4%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 82%,rgba(0,0,0,.78) 96%,#000 100%),
linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 6%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 82%,rgba(0,0,0,.72) 95%,#000 100%);
}
/* lokálny tieň zostáva iba pod textom */
.panel.has-custom-bg .shade{z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,0) 18%,rgba(0,0,0,0) 72%,rgba(0,0,0,.32) 100%)}
@media(max-width:900px){body{overflow:auto}.site-header{position:absolute;height:auto;display:block;padding:18px 20px}.main-nav{gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}.home{display:block;height:auto}.panel{height:100vh;min-height:620px}.intro{top:105px}.welcome{font-size:30px}.name{font-size:42px}.panel-content h2{font-size:50px}}
/* v0.5.16 – silnejší lokálny gradient, výraznejšie ikony a čitateľnejšie texty */
.panel-bees:after,
.panel-photo:after{
content:"";
position:absolute;
top:0;
right:0;
width:1px;
height:100%;
z-index:6;
pointer-events:none;
background:linear-gradient(to bottom,
rgba(214,163,19,0) 0%,
rgba(214,163,19,.22) 13%,
rgba(214,163,19,.78) 50%,
rgba(214,163,19,.22) 87%,
rgba(214,163,19,0) 100%);
box-shadow:0 0 15px rgba(214,163,19,.45);
}
.section-icon{
position:absolute;
top:-82px;
left:50%;
transform:translateX(-50%);
width:74px;
height:74px;
z-index:7;
opacity:1;
filter:drop-shadow(0 4px 7px rgba(0,0,0,1)) drop-shadow(0 13px 24px rgba(0,0,0,.98)) drop-shadow(0 0 7px currentColor);
}
.section-icon svg{width:100%;height:100%;display:block;overflow:visible}
.section-icon svg path,
.section-icon svg circle{
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
}
.section-icon svg .hex{stroke-width:1.35;opacity:.98}
.section-icon-bees{color:#d6a313}
.section-icon-photo{color:#62bd37}
.section-icon-sport{color:#0783c9}
/* rovnaký prvok sa dá použiť na podstránkach v hornom rohu sekcie */
.section-corner-icon{
position:fixed;
top:96px;
right:32px;
width:60px;
height:60px;
z-index:30;
opacity:.95;
color:#d6a313;
filter:drop-shadow(0 0 10px rgba(0,0,0,1)) drop-shadow(0 0 8px currentColor) drop-shadow(0 8px 18px rgba(0,0,0,1));
}
.section-corner-icon svg{width:100%;height:100%}
.section-corner-icon svg path,
.section-corner-icon svg circle{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.section-corner-icon.photo{color:#62bd37}.section-corner-icon.sport{color:#0783c9}
@media(max-width:900px){
.panel-bees:after,.panel-photo:after{display:none}
.section-icon{top:-70px;width:64px;height:64px}
}
/* v0.5.19 – základné podstránky sekcií po kliknutí na VSTÚPIŤ */
.section-page{
min-height:100vh;
padding:132px 42px 64px;
background:radial-gradient(circle at 20% 20%,rgba(214,163,19,.18),transparent 30%),linear-gradient(135deg,#111,#050505 70%);
}
.section-page.photo-page{background:radial-gradient(circle at 20% 20%,rgba(98,189,55,.16),transparent 30%),linear-gradient(135deg,#101710,#050505 70%)}
.section-page.sport-page{background:radial-gradient(circle at 20% 20%,rgba(7,131,201,.18),transparent 30%),linear-gradient(135deg,#0d1218,#050505 70%)}
.section-card{
position:relative;
max-width:980px;
margin:0 auto;
padding:54px 46px;
border:1px solid rgba(214,163,19,.38);
border-radius:22px;
background:rgba(0,0,0,.42);
box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.photo-page .section-card{border-color:rgba(98,189,55,.36)}
.sport-page .section-card{border-color:rgba(7,131,201,.42)}
.section-card h1{font-family:Georgia,serif;font-size:54px;line-height:1;margin:0 0 20px;text-shadow:0 4px 20px rgba(0,0,0,1)}
.section-card p{font-size:20px;line-height:1.7;color:#ddd;max-width:760px}
.section-back{display:inline-block;margin-top:28px;color:#d6a313;text-decoration:none;font-weight:800}
.section-card .section-corner-icon{position:absolute;top:30px;right:34px}
@media(max-width:900px){.section-page{padding:126px 20px 44px}.section-card{padding:38px 24px}.section-card h1{font-size:42px}.section-card p{font-size:18px}.section-card .section-corner-icon{position:relative;top:auto;right:auto;margin-bottom:20px}}
/* v0.5.21 – reálne prepísané tlačidlá VSTÚPIŤ, verzia B podľa farby sekcie */
.btn{
min-width:230px!important;
padding:17px 34px!important;
border-radius:14px!important;
background:rgba(4,4,4,.42)!important;
color:#fff!important;
border:1px solid currentColor!important;
font-family:var(--font-button, Arial, Helvetica, sans-serif)!important;
font-size:var(--size-button, 16px)!important;
font-weight:700!important;
letter-spacing:7px!important;
text-transform:uppercase!important;
text-align:center!important;
box-shadow:
0 10px 28px rgba(0,0,0,.72),
inset 0 0 22px rgba(255,255,255,.035),
0 0 18px color-mix(in srgb, currentColor 32%, transparent)!important;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.btn:before,
.btn:after{
content:"✦";
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:18px;
line-height:1;
color:currentColor;
text-shadow:0 0 10px currentColor,0 0 22px currentColor;
opacity:.95;
}
.btn:before{left:8px}
.btn:after{right:8px}
.btn:hover{
transform:translateX(-50%) translateY(-3px)!important;
background:rgba(18,14,6,.58)!important;
box-shadow:
0 14px 36px rgba(0,0,0,.82),
inset 0 0 28px color-mix(in srgb, currentColor 18%, transparent),
0 0 26px color-mix(in srgb, currentColor 55%, transparent)!important;
}
.btn-gold{color:#d6a313!important;background:rgba(18,13,4,.48)!important}
.btn-green{color:#62bd37!important;background:rgba(6,18,7,.48)!important}
.btn-blue{color:#0783c9!important;background:rgba(4,12,20,.50)!important}
@media(max-width:900px){.btn{min-width:210px!important;letter-spacing:5px!important;padding:16px 30px!important}}
/* v0.5.23 – FOTO sekcia: galérie, najnovšie fotografie, aktivita + presná včela z dodaného obrázka */
.section-icon img,
.section-corner-icon img{
width:100%;
height:100%;
object-fit:contain;
display:block;
filter:drop-shadow(0 0 12px rgba(214,163,19,.88)) drop-shadow(0 10px 24px rgba(0,0,0,.95));
}
.section-body{
overflow:auto;
overflow-x:hidden;
min-height:100%;
background:#050705;
}
.section-header{background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.16));}
.photo-section-page{
min-height:100vh;
padding:118px 32px 44px;
background:
radial-gradient(circle at 14% 10%,rgba(98,189,55,.18),transparent 28%),
radial-gradient(circle at 86% 18%,rgba(98,189,55,.08),transparent 32%),
linear-gradient(135deg,#0b120b 0%,#050505 56%,#030303 100%);
}
.photo-section-page:before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.42));
}
.photo-section-intro,
.photo-block,
.photo-feature-grid{
position:relative;
z-index:1;
max-width:1180px;
margin:0 auto;
}
.photo-section-intro{
padding:48px 54px 34px;
border:1px solid rgba(98,189,55,.34);
border-radius:24px;
background:linear-gradient(135deg,rgba(0,0,0,.62),rgba(8,18,8,.42));
box-shadow:0 24px 70px rgba(0,0,0,.55), inset 0 0 55px rgba(98,189,55,.045);
overflow:hidden;
}
.photo-section-intro:after{
content:"";
position:absolute;
right:-90px;
top:-90px;
width:260px;
height:260px;
background:radial-gradient(circle,rgba(98,189,55,.18),transparent 62%);
}
.eyebrow{
color:#62bd37;
font-size:13px;
letter-spacing:3px;
font-weight:800;
text-transform:uppercase;
margin:0 0 14px;
}
.photo-section-intro h1,
.photo-block h2,
.photo-feature-grid h2{
font-family:Georgia,serif;
font-weight:800;
line-height:1;
text-shadow:0 5px 22px rgba(0,0,0,1);
}
.photo-section-intro h1{font-size:62px;margin:0 0 18px;}
.photo-section-intro .lead{max-width:820px;color:#e8e8e8;font-size:21px;line-height:1.65;}
.photo-stats-strip{
margin-top:32px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
}
.photo-stats-strip span{
padding:16px 18px;
border:1px solid rgba(98,189,55,.22);
border-radius:16px;
background:rgba(0,0,0,.34);
color:#cfcfcf;
font-size:14px;
}
.photo-stats-strip strong{display:block;color:#fff;font-size:22px;margin-bottom:3px;}
.photo-block{margin-top:38px;}
.block-title-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px;}
.photo-block h2,.photo-feature-grid h2{font-size:36px;margin:0;}
.section-link,.photo-action{color:#9bdd54;text-decoration:none;font-weight:800;letter-spacing:.5px;}
.gallery-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gallery-category-card{
position:relative;
min-height:190px;
padding:24px;
border:1px solid rgba(255,255,255,.12);
border-radius:20px;
overflow:hidden;
background:#111;
box-shadow:0 18px 42px rgba(0,0,0,.42);
isolation:isolate;
}
.gallery-category-card:before{
content:"";
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(135deg,rgba(98,189,55,.18),rgba(0,0,0,.15)),radial-gradient(circle at 72% 24%,rgba(255,255,255,.18),transparent 22%);
}
.gallery-category-card:after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.16));
}
.cat-1:before{background:linear-gradient(135deg,rgba(120,70,160,.28),rgba(0,0,0,.18)),radial-gradient(circle at 74% 28%,rgba(180,110,255,.28),transparent 22%)}
.cat-2:before{background:linear-gradient(135deg,rgba(150,80,26,.32),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(255,190,90,.3),transparent 22%)}
.cat-3:before{background:linear-gradient(135deg,rgba(80,150,50,.28),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(160,255,100,.22),transparent 22%)}
.cat-4:before{background:linear-gradient(135deg,rgba(40,110,150,.3),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(100,190,255,.26),transparent 22%)}
.cat-5:before{background:linear-gradient(135deg,rgba(80,130,45,.34),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(140,220,60,.2),transparent 22%)}
.cat-6:before{background:linear-gradient(135deg,rgba(130,80,120,.3),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(255,140,210,.22),transparent 22%)}
.category-symbol{font-size:34px;margin-bottom:38px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.9));}
.gallery-category-card h3{font-family:Georgia,serif;font-size:30px;margin:0 0 8px;}
.gallery-category-card p{color:#fff;font-weight:800;margin:0 0 8px;}
.gallery-category-card small{color:#cfcfcf;line-height:1.45;}
.latest-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.latest-photo-card{
position:relative;
min-height:250px;
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,.11);
background:#111;
box-shadow:0 16px 36px rgba(0,0,0,.38);
}
.latest-photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--section-rgb,98,189,55),.14),rgba(0,0,0,.1)),radial-gradient(circle at 50% 30%,rgba(255,255,255,.22),transparent 24%)}
.photo-thumb-1:before{background:linear-gradient(135deg,rgba(120,70,160,.25),rgba(0,0,0,.12)),radial-gradient(circle at 52% 30%,rgba(190,110,255,.25),transparent 24%)}
.photo-thumb-2:before{background:linear-gradient(135deg,rgba(35,110,150,.25),rgba(0,0,0,.12)),radial-gradient(circle at 55% 28%,rgba(80,200,255,.26),transparent 24%)}
.photo-thumb-3:before{background:linear-gradient(135deg,rgba(150,90,35,.28),rgba(0,0,0,.12)),radial-gradient(circle at 54% 28%,rgba(255,180,70,.3),transparent 24%)}
.photo-thumb-4:before{background:linear-gradient(135deg,rgba(90,145,50,.28),rgba(0,0,0,.12)),radial-gradient(circle at 50% 30%,rgba(160,255,100,.24),transparent 24%)}
.photo-thumb-5:before{background:linear-gradient(135deg,rgba(120,120,120,.18),rgba(0,0,0,.12)),radial-gradient(circle at 50% 30%,rgba(255,255,255,.24),transparent 24%)}
.photo-thumb-6:before{background:linear-gradient(135deg,rgba(90,130,50,.28),rgba(0,0,0,.12)),radial-gradient(circle at 52% 28%,rgba(180,220,80,.24),transparent 24%)}
.thumb-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.08) 58%,rgba(0,0,0,.2));}
.latest-meta{position:absolute;left:18px;right:18px;bottom:18px;}
.latest-meta h3{font-size:20px;margin:0 0 6px;}
.latest-meta p{color:#d7d7d7;margin:0 0 10px;line-height:1.35;}
.latest-meta span{color:#9bdd54;font-size:13px;font-weight:800;}
.photo-feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:38px;}
.photo-month-card,.activity-card,.article-row article{
border:1px solid rgba(255,255,255,.12);
border-radius:20px;
background:linear-gradient(135deg,rgba(0,0,0,.64),rgba(12,22,12,.42));
box-shadow:0 18px 42px rgba(0,0,0,.42);
}
.photo-month-card{min-height:300px;padding:34px;background:linear-gradient(135deg,rgba(0,0,0,.70),rgba(14,26,12,.48)),radial-gradient(circle at 78% 34%,rgba(98,189,55,.18),transparent 32%);}
.photo-month-card p:not(.eyebrow){font-size:18px;line-height:1.65;color:#dedede;max-width:640px;margin:18px 0 24px;}
.activity-card{padding:30px;}
.activity-card ul{list-style:none;margin:16px 0 0;padding:0;}
.activity-card li{display:flex;gap:16px;border-top:1px solid rgba(255,255,255,.09);padding:14px 0;color:#ddd;}
.activity-card li:first-child{border-top:0;}
.activity-card li span{color:#9bdd54;font-weight:800;min-width:48px;}
.activity-card li strong{color:#9bdd54;font-weight:700;}
.compact-bottom{padding-bottom:42px;}
.article-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.article-row article{padding:24px;}
.article-row span{color:#9bdd54;font-size:13px;font-weight:800;}
.article-row h3{font-size:22px;margin:12px 0 8px;}
.article-row p{color:#d7d7d7;line-height:1.5;}
@media(max-width:1000px){
.photo-stats-strip,.gallery-category-grid{grid-template-columns:repeat(2,1fr)}
.latest-photo-grid{grid-template-columns:repeat(2,1fr)}
.photo-feature-grid,.article-row{grid-template-columns:1fr}
}
@media(max-width:640px){
.photo-section-page{padding:118px 18px 36px}
.photo-section-intro{padding:34px 24px}
.photo-section-intro h1{font-size:42px}
.photo-section-intro .lead{font-size:18px}
.photo-stats-strip,.gallery-category-grid,.latest-photo-grid{grid-template-columns:1fr}
.block-title-row{display:block}
.section-link{display:inline-block;margin-top:12px}
}
/* v0.5.25 – včelia ikona je vektorová SVG a vždy zlatá v celej sekcii Včely */
.section-icon-bees,
.section-corner-icon:not(.photo):not(.sport){
color:#d6a313!important;
}
.section-icon-bees svg,
.section-corner-icon:not(.photo):not(.sport) svg{
color:#d6a313!important;
filter:drop-shadow(0 0 12px rgba(214,163,19,.82)) drop-shadow(0 10px 22px rgba(0,0,0,.95));
}
.section-icon-bees svg path,
.section-icon-bees svg circle,
.section-icon-bees svg ellipse,
.section-corner-icon:not(.photo):not(.sport) svg path,
.section-corner-icon:not(.photo):not(.sport) svg circle,
.section-corner-icon:not(.photo):not(.sport) svg ellipse{
fill:none!important;
stroke:currentColor!important;
stroke-width:3!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.section-icon-bees svg .hex,
.section-corner-icon:not(.photo):not(.sport) svg .hex{
stroke-width:2.6!important;
}
/* v0.5.26 – korekcie vrstiev, FOTO sekcia a jednotné SVG kategórie */
.brand{color:#fff;text-decoration:none;display:inline-block}
.brand:hover span{filter:drop-shadow(0 0 8px rgba(214,163,19,.75))}
/* Text v hero je vždy nad ikonou aj nad jej tieňom */
.panel-content{z-index:8;isolation:isolate;}
.section-icon{z-index:1;pointer-events:none;}
.panel-content h2,
.panel-content .line,
.panel-content h3,
.panel-content p,
.panel-content .btn,
.panel-content .bee-subtitle{z-index:3;}
.panel-content h2,
.panel-content .line,
.panel-content h3,
.panel-content p,
.panel-content .btn,
.panel-content .bee-subtitle{position:absolute;}
.section-icon svg{filter:drop-shadow(0 12px 24px rgba(0,0,0,.88));}
.section-icon-bees svg{filter:drop-shadow(0 0 10px rgba(214,163,19,.70)) drop-shadow(0 12px 24px rgba(0,0,0,.92))!important;}
.section-icon-photo svg{filter:drop-shadow(0 0 10px rgba(98,189,55,.62)) drop-shadow(0 12px 24px rgba(0,0,0,.92));}
.section-icon-sport svg{filter:drop-shadow(0 0 10px rgba(7,131,201,.62)) drop-shadow(0 12px 24px rgba(0,0,0,.92));}
/* FOTO: fotografia mesiaca hore, bez zbytočného bloku najnovšej galérie */
.photo-feature-first{margin-top:38px;}
.photo-feature-first .photo-month-card{min-height:340px;}
.photo-feature-first .activity-card{min-height:340px;}
/* Kategórie galérií: jednotné zelené line-art SVG ikony namiesto emoji */
.category-symbol{width:52px;height:52px;margin-bottom:30px;color:#62bd37;filter:drop-shadow(0 0 10px rgba(98,189,55,.55)) drop-shadow(0 10px 18px rgba(0,0,0,.9));}
.category-symbol svg{width:100%;height:100%;display:block;overflow:visible;}
.category-symbol svg path,
.category-symbol svg circle,
.category-symbol svg ellipse{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;}
.gallery-category-grid{grid-template-columns:repeat(4,1fr);}
.cat-7:before{background:linear-gradient(135deg,rgba(120,120,120,.22),rgba(0,0,0,.18)),radial-gradient(circle at 70% 28%,rgba(255,255,255,.18),transparent 22%)}
@media(max-width:1100px){.gallery-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.gallery-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.gallery-category-grid{grid-template-columns:1fr}.category-symbol{width:48px;height:48px}}
.photo-month-full{grid-template-columns:1fr;}
.photo-month-full .photo-month-card{min-height:360px;}
.activity-wide-block{margin-top:20px;}
.activity-wide{max-width:1180px;margin:0 auto;}
/* v0.5.27 FOTO CMS */
.latest-photo-card.has-photo,
.photo-month-card.has-photo,
.gallery-category-card[style*="--photo-bg"]{
background-image:var(--photo-bg);
background-size:cover;
background-position:center;
}
.photo-month-card.has-photo{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;}
.photo-month-card.has-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.35) 46%,rgba(0,0,0,.12));z-index:0;}
.photo-month-card .thumb-shade{z-index:0;}
.photo-month-content{position:relative;z-index:1;max-width:760px;}
.gallery-category-card[style*="--photo-bg"]:before{background-image:linear-gradient(135deg,rgba(98,189,55,.16),rgba(0,0,0,.12)),var(--photo-bg);background-size:cover;background-position:center;filter:saturate(.9) brightness(.72);}
.category-symbol svg{width:58px;height:58px;display:block;fill:none;stroke:var(--cat-color,#8fd24b);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 9px 18px rgba(0,0,0,.9)) drop-shadow(0 0 12px color-mix(in srgb,var(--cat-color,#8fd24b) 50%,transparent));}
.gallery-category-card h3{position:relative;z-index:2;}
.gallery-category-card p,.gallery-category-card small{position:relative;z-index:2;}
.gallery-category-card .category-symbol{position:relative;z-index:2;margin-bottom:26px;}
.latest-photo-card.has-photo:before{background:none;}
.latest-photo-card.has-photo .thumb-shade{background:linear-gradient(to top,rgba(0,0,0,.96),rgba(0,0,0,.08) 58%,rgba(0,0,0,.18));}
/* v0.5.30 – reálne IMG vrstvy pre fotky z CMS, aby sa nezobrazoval čierny obdĺžnik */
.cms-photo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block;}
.latest-photo-card.has-photo,.photo-month-card.has-photo,.gallery-category-card.has-photo{background:#050505!important;overflow:hidden;}
.latest-photo-card.has-photo:before,.photo-month-card.has-photo:before,.gallery-category-card.has-photo:before{background:none!important;}
.latest-photo-card.has-photo .thumb-shade,.photo-month-card.has-photo .thumb-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.16) 56%,rgba(0,0,0,.22));}
.latest-photo-card.has-photo .latest-meta,.photo-month-card.has-photo .photo-month-content{position:relative;z-index:2;}
.gallery-category-card.has-photo .cms-photo-bg{filter:saturate(.9) brightness(.55);}
.gallery-category-card.has-photo:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,.68),rgba(8,24,8,.42));pointer-events:none;}
.gallery-category-card.has-photo .card-glow,.gallery-category-card.has-photo .category-symbol,.gallery-category-card.has-photo h3,.gallery-category-card.has-photo p,.gallery-category-card.has-photo small{position:relative;z-index:2;}
/* v0.5.31 – FOTO: menší elegantnejší úvod, obsah viac doprava, osobný text vľavo, fixed horná lišta a lightbox */
.section-body .site-header,
.section-header{
position:fixed!important;
top:0;left:0;right:0;
z-index:1000!important;
height:78px;
background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.55))!important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.06);
}
.photo-section-page.photo-page-layout{
position:relative;
padding-top:92px;
padding-left:360px;
padding-right:48px;
}
.photo-section-page:before{z-index:0;}
.photo-side-note{
position:fixed;
left:32px;
top:116px;
width:270px;
z-index:1;
padding:24px 22px;
border-left:1px solid rgba(98,189,55,.45);
background:linear-gradient(135deg,rgba(0,0,0,.28),rgba(8,18,8,.10));
color:#d8dfd6;
}
.photo-side-note h2{
font-family:Georgia,serif;
font-size:26px;
line-height:1.12;
margin:0 0 14px;
color:#fff;
}
.photo-side-note p:not(.eyebrow){
font-size:15px;
line-height:1.65;
margin:0 0 14px;
color:#d7d7d7;
}
.photo-section-intro,
.photo-block,
.photo-feature-grid{
max-width:1120px;
margin-left:0;
margin-right:auto;
}
.photo-section-intro{
padding:30px 40px 28px!important;
border-radius:20px!important;
box-shadow:0 18px 48px rgba(0,0,0,.46), inset 0 0 42px rgba(98,189,55,.035)!important;
}
.photo-section-intro h1{
font-size:46px!important;
line-height:1.05!important;
margin:0 0 12px!important;
}
.photo-section-intro .lead{
max-width:840px!important;
font-size:18px!important;
line-height:1.48!important;
margin:0!important;
}
.photo-section-intro .eyebrow,
.photo-side-note .eyebrow,
.photo-block .eyebrow,
.photo-feature-grid .eyebrow{
letter-spacing:5px;
}
.photo-section-intro .section-corner-icon.photo{
position:absolute!important;
top:28px!important;
right:32px!important;
width:48px!important;
height:48px!important;
}
.photo-feature-first{margin-top:30px!important;}
.photo-month-full .photo-month-card{
min-height:380px!important;
}
.photo-month-card.has-photo{cursor:zoom-in;}
.latest-photo-card.has-photo,
.gallery-category-card.has-photo{cursor:zoom-in;}
.latest-photo-card.has-photo:hover,
.gallery-category-card.has-photo:hover,
.photo-month-card.has-photo:hover{
border-color:rgba(155,221,84,.45);
box-shadow:0 22px 54px rgba(0,0,0,.55),0 0 24px rgba(98,189,55,.12);
}
.photo-stats-bottom{margin-top:38px;}
.photo-stats-bottom .photo-stats-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:0;
}
.photo-stats-bottom .photo-stats-strip span{
border:1px solid rgba(98,189,55,.24);
border-radius:14px;
padding:16px 18px;
background:rgba(0,0,0,.34);
}
.photo-stats-strip strong{font-size:24px;display:block;color:#fff;line-height:1.1;}
.photo-lightbox{
position:fixed;
inset:0;
z-index:5000;
display:none;
align-items:center;
justify-content:center;
padding:54px 34px 44px;
background:rgba(0,0,0,.92);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.photo-lightbox.is-open{display:flex;}
.photo-lightbox figure{
margin:0;
max-width:min(96vw,1500px);
max-height:92vh;
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
}
.photo-lightbox img{
display:block;
max-width:96vw;
max-height:calc(92vh - 70px);
width:auto;
height:auto;
object-fit:contain;
border-radius:8px;
box-shadow:0 30px 90px rgba(0,0,0,.85);
}
.photo-lightbox figcaption{
color:#fff;
font-family:Georgia,serif;
font-size:22px;
line-height:1.35;
text-align:center;
text-shadow:0 3px 18px rgba(0,0,0,1);
}
.photo-lightbox-close{
position:absolute;
top:22px;
right:28px;
width:46px;
height:46px;
border:1px solid rgba(255,255,255,.22);
border-radius:50%;
background:rgba(0,0,0,.35);
color:#fff;
font-size:34px;
line-height:40px;
cursor:pointer;
}
@media(max-width:1200px){
.photo-section-page.photo-page-layout{padding-left:300px;padding-right:28px;}
.photo-side-note{width:230px;left:24px;}
.photo-section-intro h1{font-size:42px!important;}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout{padding-left:18px!important;padding-right:18px!important;padding-top:118px!important;}
.photo-side-note{position:relative;left:auto;top:auto;width:auto;margin:0 0 20px;padding:20px;border-left:0;border:1px solid rgba(98,189,55,.22);border-radius:16px;}
.photo-section-intro,.photo-block,.photo-feature-grid{max-width:none;margin-left:auto;margin-right:auto;}
.photo-stats-bottom .photo-stats-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.photo-section-intro h1{font-size:34px!important;}
.photo-section-intro .lead{font-size:16px!important;}
.photo-stats-bottom .photo-stats-strip{grid-template-columns:1fr}
.photo-lightbox{padding:54px 16px 28px;}
.photo-lightbox figcaption{font-size:18px;}
}
/* VilkoCMS v0.5.32 */
.gallery-category-card{display:block;text-decoration:none;color:inherit}
.gallery-open-block{margin-top:36px}
.gallery-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.small-lead{font-size:15px;color:#d8d8d8;margin-top:8px}
@media(max-width:900px){.gallery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v0.5.33 – FOTO: čisté fotky bez textu cez obraz, detail ako stránka */
.photo-month-clean-block{padding:0;background:transparent;border:0;box-shadow:none;}
.clean-month-card{display:block;overflow:hidden;border-radius:20px;border:1px solid rgba(143,210,75,.35);background:#050505;text-decoration:none;}
.clean-month-card img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#050505;}
.photo-clean-caption{padding:16px 4px 4px;}
.photo-clean-caption h2{font-size:32px;margin:0 0 4px;color:#fff;}
.photo-clean-caption p{margin:0;color:#bcd6a6;font-size:18px;}
.clean-photo-card{display:block;text-decoration:none;color:inherit;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;overflow:visible!important;}
.clean-photo-card:before,.clean-photo-card .thumb-shade{display:none!important;}
.clean-photo-card img{position:static!important;display:block;width:100%;height:230px;object-fit:cover;border-radius:16px;border:1px solid rgba(143,210,75,.28);background:#050505;transition:transform .25s ease,border-color .25s ease;}
.clean-photo-card:hover img{transform:translateY(-2px);border-color:rgba(143,210,75,.75);}
.clean-photo-card .latest-meta{position:static!important;z-index:auto!important;padding:10px 2px 0!important;background:none!important;}
.clean-photo-card .latest-meta h3{font-size:18px;margin:0 0 3px;color:#fff;}
.clean-photo-card .latest-meta p{margin:0;color:#bcd6a6;font-size:14px;}
.clean-photo-card .latest-meta span{display:none!important;}
.photo-detail-page-block{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;margin-top:34px;}
.photo-detail-info{position:sticky;top:92px;border:1px solid rgba(143,210,75,.28);border-radius:18px;background:rgba(6,12,6,.68);padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.35);}
.photo-detail-info h1{font-size:36px;margin:0 0 6px;color:#fff;line-height:1.08;}
.photo-detail-info .latin-name{font-size:19px;color:#bcd6a6;margin:0 0 20px;}
.photo-detail-info dl{display:grid;grid-template-columns:92px 1fr;gap:8px 14px;margin:20px 0;}
.photo-detail-info dt{color:#8fd24b;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;}
.photo-detail-info dd{margin:0;color:#e6e6e6;line-height:1.45;}
.photo-detail-info a{color:#8fd24b;}
.photo-detail-figure{margin:0;border-radius:18px;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.1);}
.photo-detail-figure img{display:block;width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;background:#050505;}
@media(max-width:900px){.photo-detail-page-block{grid-template-columns:1fr}.photo-detail-info{position:static}.clean-photo-card img{height:190px}}
/* v0.5.33 – CMS galérie kompaktnejšie */
.simple-gallery-list{max-width:620px;}
.simple-gallery-row{grid-template-columns:48px 210px 88px 88px!important;gap:8px!important;padding:6px 0!important;justify-content:start;}
.simple-gallery-row input[type=number]{max-width:48px!important;padding:7px!important;}
.simple-gallery-row input[type=text]{max-width:210px!important;padding:7px!important;}
.simple-gallery-row label{font-size:12px!important;white-space:nowrap;}
/* v0.5.34 – jemné rámiky: fotografia mesiaca rámuje presne fotku, osobný text ako karta */
.photo-side-note{
border-left:0!important;
border:1px solid rgba(143,210,75,.32)!important;
border-radius:18px!important;
background:linear-gradient(145deg,rgba(7,18,8,.72),rgba(0,0,0,.42))!important;
box-shadow:0 18px 52px rgba(0,0,0,.38), inset 0 0 34px rgba(143,210,75,.035)!important;
}
.photo-side-note .eyebrow{margin-top:0!important;}
.photo-block:not(.photo-month-clean-block){
border:1px solid rgba(143,210,75,.18);
border-radius:20px;
padding:28px 28px 30px;
background:linear-gradient(145deg,rgba(0,0,0,.18),rgba(7,18,8,.10));
box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 0 30px rgba(143,210,75,.018);
}
.photo-month-clean-block{
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
}
.clean-month-card{
display:inline-block!important;
width:auto!important;
max-width:100%!important;
line-height:0;
border-radius:18px!important;
border:1px solid rgba(143,210,75,.45)!important;
background:transparent!important;
overflow:hidden!important;
box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 18px rgba(143,210,75,.08)!important;
}
.clean-month-card img{
display:block!important;
width:auto!important;
max-width:100%!important;
height:auto!important;
max-height:620px!important;
object-fit:contain!important;
background:transparent!important;
}
.photo-clean-caption{max-width:760px;}
.photo-detail-info,
.photo-detail-figure{
border-color:rgba(143,210,75,.34)!important;
box-shadow:0 18px 54px rgba(0,0,0,.30),0 0 16px rgba(143,210,75,.06)!important;
}
@media(max-width:900px){
.photo-block:not(.photo-month-clean-block){padding:22px 18px 24px;}
.clean-month-card{display:block!important;}
.clean-month-card img{width:100%!important;}
}
/* v0.5.36 – detail fotografie uprataný, fotografia mesiaca elegantnejšia */
.photo-detail-mode .photo-section-intro{
max-width:none!important;
margin:0 0 18px 0!important;
padding:14px 22px 13px!important;
min-height:0!important;
border-radius:16px!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo{display:none!important;}
.photo-detail-mode .photo-section-intro .eyebrow{margin:0 0 4px!important;font-size:11px!important;letter-spacing:4px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:30px!important;margin:0!important;line-height:1.05!important;}
.photo-detail-mode .photo-section-intro .lead{display:none!important;}
.photo-detail-mode .photo-detail-page-block{
grid-template-columns:300px minmax(0,1fr)!important;
gap:22px!important;
margin-top:0!important;
max-width:none!important;
width:100%!important;
}
.photo-detail-mode .photo-detail-info{top:96px!important;padding:20px 18px!important;border-radius:16px!important;}
.photo-detail-mode .photo-detail-info h1{font-size:30px!important;}
.photo-detail-mode .photo-detail-info dl{grid-template-columns:82px 1fr!important;gap:7px 12px!important;margin:16px 0!important;}
.photo-detail-mode .photo-detail-figure{border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;}
.photo-detail-mode .photo-detail-figure img{
width:100%!important;
height:auto!important;
max-height:calc(100vh - 190px)!important;
object-fit:contain!important;
background:#050505!important;
}
.photo-month-clean-block{
border:1px solid rgba(143,210,75,.22)!important;
border-radius:22px!important;
padding:20px!important;
background:linear-gradient(145deg,rgba(0,0,0,.22),rgba(7,18,8,.14))!important;
box-shadow:0 18px 54px rgba(0,0,0,.24), inset 0 0 30px rgba(143,210,75,.018)!important;
}
.photo-month-clean-block>.eyebrow{margin:0 0 14px!important;}
.clean-month-card{
display:block!important;
width:100%!important;
max-width:none!important;
line-height:0!important;
border-radius:18px!important;
border:1px solid rgba(143,210,75,.42)!important;
background:#050505!important;
overflow:hidden!important;
box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 18px rgba(143,210,75,.08)!important;
}
.clean-month-card img{
position:static!important;
display:block!important;
width:100%!important;
height:auto!important;
max-height:560px!important;
object-fit:contain!important;
background:#050505!important;
}
.month-caption{padding:16px 2px 0!important;max-width:900px!important;}
.month-caption h2{font-size:34px!important;margin:0 0 6px!important;}
.month-caption p{margin:0 0 5px!important;color:#bcd6a6!important;font-size:17px!important;}
.month-caption .month-text{color:#d8d8d8!important;font-size:16px!important;line-height:1.55!important;margin-top:8px!important;max-width:760px!important;}
@media(max-width:900px){
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;}
.photo-detail-mode .photo-detail-info{position:static!important;}
.photo-detail-mode .photo-detail-figure img{max-height:none!important;}
.photo-month-clean-block{padding:16px!important;}
}
/* v0.5.37 – FOTO úvod podľa vzoru: najnovšie vľavo, fotografia mesiaca vpravo, potom galérie */
.photo-top-grid{
max-width:1120px;
margin:34px 0 0 0;
display:grid;
grid-template-columns:minmax(0, 1fr) 340px;
gap:18px;
align-items:start;
}
.photo-top-grid .photo-block{margin-top:0!important;max-width:none!important;}
.latest-home-block,
.home-month-block,
.galleries-home-block{
border:1px solid rgba(143,210,75,.22)!important;
border-radius:20px!important;
padding:18px!important;
background:linear-gradient(145deg,rgba(0,0,0,.22),rgba(7,18,8,.12))!important;
box-shadow:0 18px 54px rgba(0,0,0,.24), inset 0 0 30px rgba(143,210,75,.018)!important;
}
.latest-home-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
.latest-home-grid .clean-photo-card{line-height:0!important;}
.latest-home-grid .clean-photo-card img{
height:128px!important;
width:100%!important;
object-fit:cover!important;
border-radius:8px!important;
border:1px solid rgba(143,210,75,.42)!important;
background:transparent!important;
box-shadow:none!important;
}
.latest-home-grid .clean-photo-card .latest-meta{display:none!important;}
.home-month-block{padding:18px!important;}
.home-month-block .clean-month-card{
display:block!important;
width:100%!important;
max-width:none!important;
border-radius:10px!important;
border:1px solid rgba(143,210,75,.45)!important;
background:transparent!important;
overflow:hidden!important;
box-shadow:none!important;
}
.home-month-block .clean-month-card img{
display:block!important;
width:100%!important;
height:auto!important;
max-height:360px!important;
object-fit:contain!important;
background:transparent!important;
}
.home-month-block .month-caption{padding:16px 0 0!important;}
.home-month-block .month-caption h2{font-size:24px!important;margin:0 0 4px!important;line-height:1.12!important;}
.home-month-block .month-caption p{font-size:16px!important;margin:0!important;color:#8fd24b!important;}
.galleries-home-block{max-width:1120px!important;margin-top:18px!important;}
.galleries-home-block .gallery-category-grid{margin-top:12px!important;}
/* v0.5.37 – žiadne čierne plochy okolo fotiek, rámik priamo na obrázku */
.clean-photo-card,
.clean-month-card,
.photo-detail-figure{background:transparent!important;}
.clean-photo-card img,
.clean-month-card img,
.photo-detail-figure img{
background:transparent!important;
border:1px solid rgba(143,210,75,.45)!important;
box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 12px rgba(143,210,75,.06)!important;
}
.photo-detail-mode .photo-detail-figure{
border:0!important;
box-shadow:none!important;
overflow:visible!important;
justify-content:flex-start!important;
align-items:flex-start!important;
background:transparent!important;
}
.photo-detail-mode .photo-detail-figure img{
width:auto!important;
height:auto!important;
max-width:min(100%,1200px)!important;
max-height:min(calc(100vh - 190px),1200px)!important;
object-fit:contain!important;
border-radius:16px!important;
display:block!important;
}
@media(max-width:1200px){
.photo-top-grid{grid-template-columns:minmax(0,1fr) 300px;}
.latest-home-grid .clean-photo-card img{height:116px!important;}
}
@media(max-width:900px){
.photo-top-grid{max-width:none;grid-template-columns:1fr;margin-top:22px;}
.latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.latest-home-grid .clean-photo-card img{height:150px!important;}
.home-month-block .clean-month-card img{max-height:none!important;}
}
@media(max-width:640px){
.latest-home-grid{grid-template-columns:1fr!important;}
.latest-home-grid .clean-photo-card img{height:auto!important;}
}
/* v0.5.38 – FOTO úvod: 9 najnovších fotiek + fotografia mesiaca úplne vpravo, pôvodné spodné bloky ostávajú */
.photo-section-page.photo-page-layout .photo-section-intro,
.photo-section-page.photo-page-layout .photo-top-grid,
.photo-section-page.photo-page-layout .galleries-home-block,
.photo-section-page.photo-page-layout .photo-stats-bottom,
.photo-section-page.photo-page-layout .compact-bottom,
.photo-section-page.photo-page-layout .activity-wide-block{
max-width:none!important;
width:100%!important;
}
.photo-top-grid{
grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
gap:24px!important;
align-items:start!important;
}
.latest-home-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
.latest-home-grid .clean-photo-card img{
height:122px!important;
object-fit:cover!important;
border-radius:10px!important;
border:1px solid rgba(143,210,75,.45)!important;
background:transparent!important;
}
.home-month-block{
justify-self:end!important;
width:100%!important;
max-width:360px!important;
}
.home-month-block .clean-month-card{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
max-width:100%!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.home-month-block .clean-month-card img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:330px!important;
object-fit:contain!important;
border-radius:10px!important;
border:1px solid rgba(143,210,75,.45)!important;
background:transparent!important;
box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 12px rgba(143,210,75,.06)!important;
}
.home-month-block .month-caption h2{font-size:23px!important;}
.galleries-home-block,
.photo-stats-bottom,
.compact-bottom,
.activity-wide-block{margin-top:18px!important;}
.photo-stats-bottom .photo-stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.photo-detail-mode .photo-detail-figure img{
max-width:min(100%,1200px)!important;
max-height:min(calc(100vh - 190px),1200px)!important;
}
@media(max-width:1200px){
.photo-top-grid{grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important;}
.latest-home-grid .clean-photo-card img{height:112px!important;}
.home-month-block{max-width:310px!important;}
.home-month-block .clean-month-card img{max-height:300px!important;}
}
@media(max-width:900px){
.photo-top-grid{grid-template-columns:1fr!important;}
.home-month-block{justify-self:stretch!important;max-width:none!important;}
.latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.latest-home-grid .clean-photo-card img{height:150px!important;}
.photo-stats-bottom .photo-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
.latest-home-grid{grid-template-columns:1fr!important;}
.latest-home-grid .clean-photo-card img{height:auto!important;}
.photo-stats-bottom .photo-stats-strip{grid-template-columns:1fr!important;}
}
/* v0.5.39 – FOTO úvod: 9 fotiek vypĺňa stred, foto mesiaca úplne vpravo, bez čiernych plôch */
.photo-section-page.photo-page-layout{
padding-left:320px!important;
padding-right:34px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro,
.photo-section-page.photo-page-layout .photo-top-grid,
.photo-section-page.photo-page-layout .galleries-home-block,
.photo-section-page.photo-page-layout .photo-stats-bottom,
.photo-section-page.photo-page-layout .compact-bottom,
.photo-section-page.photo-page-layout .activity-wide-block{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
.photo-top-grid{
display:grid!important;
grid-template-columns:minmax(620px,1fr) minmax(330px,390px)!important;
gap:26px!important;
align-items:stretch!important;
margin-top:28px!important;
}
.latest-home-block{
width:100%!important;
min-width:0!important;
padding:18px!important;
}
.latest-home-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:repeat(3,1fr)!important;
gap:12px!important;
width:100%!important;
}
.latest-home-grid .clean-photo-card,
.latest-home-grid .empty-photo-card{
display:block!important;
width:100%!important;
min-width:0!important;
aspect-ratio:16/10!important;
border:1px solid rgba(143,210,75,.45)!important;
border-radius:10px!important;
background:linear-gradient(145deg,rgba(7,18,8,.32),rgba(0,0,0,.12))!important;
overflow:hidden!important;
box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 12px rgba(143,210,75,.04)!important;
}
.latest-home-grid .clean-photo-card img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
}
.home-month-block{
justify-self:end!important;
width:100%!important;
max-width:390px!important;
min-width:0!important;
padding:18px!important;
}
.home-month-block .clean-month-card{
display:flex!important;
width:100%!important;
height:auto!important;
min-height:0!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(143,210,75,.45)!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(7,18,8,.32),rgba(0,0,0,.12))!important;
overflow:hidden!important;
box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 12px rgba(143,210,75,.04)!important;
}
.home-month-block .clean-month-card img{
display:block!important;
width:100%!important;
height:auto!important;
max-width:100%!important;
max-height:400px!important;
object-fit:contain!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.home-month-block .month-caption{padding:14px 0 0!important;}
.home-month-block .month-caption h2{font-size:24px!important;line-height:1.12!important;margin:0 0 4px!important;}
.home-month-block .month-caption p{font-size:16px!important;margin:0!important;color:#8fd24b!important;}
@media(min-width:1500px){
.photo-top-grid{grid-template-columns:minmax(760px,1fr) 390px!important;}
.latest-home-grid .clean-photo-card{aspect-ratio:16/9!important;}
}
@media(max-width:1280px){
.photo-section-page.photo-page-layout{padding-left:292px!important;padding-right:24px!important;}
.photo-top-grid{grid-template-columns:minmax(520px,1fr) 310px!important;gap:18px!important;}
.latest-home-grid{gap:10px!important;}
.home-month-block{max-width:310px!important;}
.home-month-block .clean-month-card img{max-height:330px!important;}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout{padding-left:18px!important;padding-right:18px!important;}
.photo-top-grid{grid-template-columns:1fr!important;}
.home-month-block{justify-self:stretch!important;max-width:none!important;}
.latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;}
}
@media(max-width:640px){
.latest-home-grid{grid-template-columns:1fr!important;}
}
/* v0.5.40 – FOTO úvod bez odrezania: 9 fotiek vypĺňa stred, mesiac úplne vpravo, prvá obrazovka ucelená */
.photo-section-page.photo-page-layout{
padding-top:88px!important;
padding-left:320px!important;
padding-right:34px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro{
padding:24px 40px 20px!important;
min-height:0!important;
border-radius:18px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro h1{
font-size:46px!important;
margin:0 0 8px!important;
line-height:1!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .lead{
max-width:none!important;
font-size:17px!important;
line-height:1.35!important;
margin:0!important;
padding-right:92px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .eyebrow{
margin-bottom:10px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo{
right:28px!important;
top:30px!important;
width:48px!important;
height:48px!important;
}
.photo-top-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(320px,390px)!important;
gap:26px!important;
align-items:start!important;
margin-top:16px!important;
width:100%!important;
}
.latest-home-block{
width:100%!important;
min-width:0!important;
padding:16px 18px!important;
}
.latest-home-block .block-title-row,
.home-month-block > .eyebrow{
margin-bottom:12px!important;
}
.latest-home-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
}
.latest-home-grid .clean-photo-card,
.latest-home-grid .empty-photo-card{
height:clamp(96px,13.2vh,128px)!important;
aspect-ratio:auto!important;
border:1px solid rgba(143,210,75,.48)!important;
border-radius:10px!important;
overflow:hidden!important;
background:linear-gradient(145deg,rgba(7,18,8,.26),rgba(0,0,0,.08))!important;
}
.latest-home-grid .clean-photo-card img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.home-month-block{
justify-self:end!important;
width:100%!important;
max-width:390px!important;
padding:16px 18px!important;
}
.home-month-block .clean-month-card{
width:100%!important;
min-height:0!important;
max-height:none!important;
border:1px solid rgba(143,210,75,.48)!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(7,18,8,.26),rgba(0,0,0,.08))!important;
box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 12px rgba(143,210,75,.04)!important;
overflow:hidden!important;
}
.home-month-block .clean-month-card img{
display:block!important;
width:100%!important;
height:auto!important;
max-height:clamp(250px,43vh,390px)!important;
object-fit:contain!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.home-month-block .month-caption{
padding:12px 0 0!important;
}
.home-month-block .month-caption h2{
font-size:23px!important;
line-height:1.12!important;
margin:0 0 3px!important;
}
.home-month-block .month-caption p{
font-size:16px!important;
margin:0!important;
}
@media(min-width:1600px){
.latest-home-grid .clean-photo-card,
.latest-home-grid .empty-photo-card{height:clamp(112px,14vh,145px)!important;}
.photo-top-grid{grid-template-columns:minmax(0,1fr) 400px!important;}
.home-month-block{max-width:400px!important;}
}
@media(max-width:1280px){
.photo-section-page.photo-page-layout{padding-left:292px!important;padding-right:22px!important;}
.photo-top-grid{grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important;}
.latest-home-grid .clean-photo-card,
.latest-home-grid .empty-photo-card{height:104px!important;}
.home-month-block{max-width:310px!important;}
.home-month-block .clean-month-card img{max-height:310px!important;}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout{padding-left:18px!important;padding-right:18px!important;padding-top:110px!important;}
.photo-top-grid{grid-template-columns:1fr!important;}
.latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.latest-home-grid .clean-photo-card,
.latest-home-grid .empty-photo-card{height:150px!important;}
.home-month-block{max-width:none!important;justify-self:stretch!important;}
}
/* v0.5.41 – ÚVOD: rotujúce fotografie sa rozpíjajú do farby sekcie, nie do čiernej */
.panel.has-custom-bg{background-image:none!important;}
.panel.has-custom-bg .hero-photo{
background:transparent!important;
width:min(760px,118%)!important;
height:100%!important;
opacity:.82;
-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 46%,rgba(0,0,0,.82) 63%,rgba(0,0,0,.22) 82%,transparent 100%);
mask-image:radial-gradient(ellipse at center,#000 0%,#000 46%,rgba(0,0,0,.82) 63%,rgba(0,0,0,.22) 82%,transparent 100%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
}
.panel.has-custom-bg .hero-photo:after{display:none!important;}
.panel.has-custom-bg .shade{background:linear-gradient(to bottom,rgba(0,0,0,.24),rgba(0,0,0,0) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,.25) 100%)!important;}
.panel-bees.has-custom-bg{background:radial-gradient(circle at 28% 24%,rgba(214,163,19,.22),transparent 30%),linear-gradient(135deg,#172613 0%,#213817 48%,#070a06 100%)!important;}
.panel-photo.has-custom-bg{background:radial-gradient(circle at 50% 38%,rgba(98,189,55,.22),transparent 30%),linear-gradient(135deg,#14230e 0%,#4a2b19 46%,#080705 100%)!important;}
.panel-sport.has-custom-bg{background:radial-gradient(circle at 58% 34%,rgba(7,131,201,.24),transparent 30%),linear-gradient(135deg,#11200e 0%,#173527 50%,#050708 100%)!important;}
/* v0.5.41 – FOTO stránka: 6 posledných fotiek 3:2, foto mesiaca vpravo, galérie + štatistiky pod tým */
.photo-section-page.photo-page-layout{
padding-top:90px!important;
padding-left:318px!important;
padding-right:34px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro{
padding:24px 40px 18px!important;
border-radius:18px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro h1{
font-size:46px!important;
margin:0 0 8px!important;
line-height:1!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .lead{
max-width:none!important;
padding-right:90px!important;
white-space:normal!important;
line-height:1.35!important;
font-size:17px!important;
}
.photo-top-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(330px,390px)!important;
gap:24px!important;
align-items:stretch!important;
margin-top:16px!important;
}
.latest-home-block,
.home-month-block{
padding:16px!important;
min-width:0!important;
}
.latest-home-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:repeat(2,auto)!important;
gap:10px!important;
}
.latest-home-grid .clean-photo-card{
aspect-ratio:3/2!important;
height:auto!important;
min-height:0!important;
border:1px solid rgba(143,210,75,.5)!important;
border-radius:10px!important;
background:rgba(7,18,8,.22)!important;
overflow:hidden!important;
}
.latest-home-grid .clean-photo-card img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
border:0!important;
border-radius:0!important;
}
.home-month-block{
justify-self:end!important;
width:100%!important;
max-width:390px!important;
}
.home-month-block .clean-month-card{
width:100%!important;
aspect-ratio:4/5!important;
max-height:420px!important;
border:1px solid rgba(143,210,75,.5)!important;
border-radius:12px!important;
background:rgba(7,18,8,.22)!important;
overflow:hidden!important;
}
.home-month-block .clean-month-card img{
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:cover!important;
display:block!important;
}
.home-month-block .month-caption{padding:12px 0 0!important;}
.home-month-block .month-caption h2{font-size:22px!important;line-height:1.1!important;margin:0 0 4px!important;}
.home-month-block .month-caption p{font-size:16px!important;margin:0!important;color:#8fd24b!important;}
.photo-lower-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(330px,390px)!important;
gap:24px!important;
align-items:start!important;
width:100%!important;
max-width:none!important;
margin:16px 0 0!important;
position:relative;
z-index:1;
}
.photo-lower-grid .galleries-home-block,
.photo-lower-grid .photo-stats-bottom{
width:100%!important;
max-width:none!important;
margin:0!important;
}
.photo-lower-grid .gallery-category-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
}
.photo-lower-grid .gallery-category-card{
min-height:116px!important;
height:116px!important;
}
.photo-lower-grid .photo-stats-strip{
grid-template-columns:1fr!important;
gap:8px!important;
}
@media(min-width:1600px){
.photo-top-grid,.photo-lower-grid{grid-template-columns:minmax(0,1fr) 400px!important;}
.home-month-block{max-width:400px!important;}
}
@media(max-width:1280px){
.photo-section-page.photo-page-layout{padding-left:292px!important;padding-right:22px!important;}
.photo-top-grid,.photo-lower-grid{grid-template-columns:minmax(0,1fr) 315px!important;gap:18px!important;}
.home-month-block{max-width:315px!important;}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout{padding-left:18px!important;padding-right:18px!important;padding-top:110px!important;}
.photo-top-grid,.photo-lower-grid{grid-template-columns:1fr!important;}
.latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.photo-lower-grid .gallery-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.home-month-block{max-width:none!important;justify-self:stretch!important;}
}
/* Fix gallery title visibility */
.gallery-category-card{
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.gallery-category-card .cms-photo-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:-3;
}
.gallery-category-card:after{
background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.05) 100%);
}
.category-symbol{
position:absolute;
top:24px;
left:24px;
margin:0;
z-index:2;
}
.gallery-category-card h3,
.gallery-category-card p{
position:relative;
z-index:3;
}
/* v0.5.44 – jemné doladenie FOTO galérií */
.photo-lower-grid .gallery-category-grid{
gap:18px!important;
}
.photo-lower-grid .gallery-category-card{
min-height:132px!important;
height:132px!important;
padding:26px!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.photo-lower-grid .gallery-category-card .category-symbol,
.gallery-category-card .category-symbol{
position:absolute!important;
left:auto!important;
right:24px!important;
top:50%!important;
transform:translateY(-50%)!important;
z-index:4!important;
margin:0!important;
width:58px!important;
height:58px!important;
opacity:1!important;
color:var(--cat-color,#8fd24b)!important;
filter:drop-shadow(0 0 12px rgba(98,189,55,.75)) drop-shadow(0 10px 20px rgba(0,0,0,.95))!important;
}
.photo-lower-grid .gallery-category-card h3,
.photo-lower-grid .gallery-category-card p{
max-width:calc(100% - 88px)!important;
}
.photo-lower-grid .gallery-category-card:hover{
transform:translateY(-3px);
border-color:rgba(155,221,84,.55)!important;
box-shadow:0 24px 58px rgba(0,0,0,.58),0 0 26px rgba(98,189,55,.16)!important;
}
.latest-home-grid .latest-photo-card,
.clean-photo-grid .latest-photo-card{
transition:transform .24s ease,border-color .22s ease,box-shadow .22s ease;
}
.latest-home-grid .latest-photo-card .cms-photo-bg,
.clean-photo-grid .latest-photo-card .cms-photo-bg{
transition:transform .28s ease;
}
.latest-home-grid .latest-photo-card:hover,
.clean-photo-grid .latest-photo-card:hover{
border-color:rgba(155,221,84,.48)!important;
box-shadow:0 22px 54px rgba(0,0,0,.55),0 0 24px rgba(98,189,55,.13)!important;
}
.latest-home-grid .latest-photo-card:hover .cms-photo-bg,
.clean-photo-grid .latest-photo-card:hover .cms-photo-bg{
transform:scale(1.025);
}
.photo-stats-bottom .block-title-row h2{
font-size:90%!important;
}
/* v0.5.45 PART 1 – FOTO úvod: celé náhľady + ucelená karta fotografie mesiaca */
.photo-section-page.photo-page-layout .photo-top-grid{
grid-template-columns:minmax(0,1fr) minmax(350px,430px)!important;
gap:18px!important;
align-items:stretch!important;
}
.photo-section-page.photo-page-layout .latest-home-block{
padding:16px!important;
}
.photo-section-page.photo-page-layout .latest-home-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:repeat(2,auto)!important;
gap:12px!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card{
aspect-ratio:3/2!important;
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(9,26,10,.88),rgba(5,15,6,.72))!important;
border:1px solid rgba(143,210,75,.5)!important;
border-radius:11px!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:transparent!important;
display:block!important;
}
.photo-section-page.photo-page-layout .home-month-block{
justify-self:end!important;
width:100%!important;
max-width:430px!important;
min-height:100%!important;
padding:16px!important;
display:flex!important;
flex-direction:column!important;
background:linear-gradient(145deg,rgba(9,26,10,.82),rgba(5,15,6,.62))!important;
border:1px solid rgba(143,210,75,.34)!important;
border-radius:18px!important;
box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 18px rgba(143,210,75,.06)!important;
}
.photo-section-page.photo-page-layout .home-month-block > .eyebrow{
margin:0 0 12px!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{
width:100%!important;
flex:1 1 auto!important;
min-height:260px!important;
max-height:420px!important;
aspect-ratio:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(8,24,9,.9),rgba(5,15,6,.74))!important;
border:1px solid rgba(143,210,75,.5)!important;
border-radius:12px!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:transparent!important;
display:block!important;
}
.photo-section-page.photo-page-layout .home-month-block .month-caption{
padding:12px 2px 0!important;
flex:0 0 auto!important;
}
.photo-section-page.photo-page-layout .home-month-block .month-caption h2{
font-size:23px!important;
line-height:1.12!important;
margin:0 0 4px!important;
}
.photo-section-page.photo-page-layout .home-month-block .month-caption p{
font-size:16px!important;
line-height:1.2!important;
margin:0!important;
color:#8fd24b!important;
}
@media(min-width:1600px){
.photo-section-page.photo-page-layout .photo-top-grid{grid-template-columns:minmax(0,1fr) 450px!important;gap:20px!important;}
.photo-section-page.photo-page-layout .home-month-block{max-width:450px!important;}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{max-height:450px!important;}
}
@media(max-width:1280px){
.photo-section-page.photo-page-layout .photo-top-grid{grid-template-columns:minmax(0,1fr) 340px!important;gap:16px!important;}
.photo-section-page.photo-page-layout .home-month-block{max-width:340px!important;}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{min-height:230px!important;max-height:350px!important;}
.photo-section-page.photo-page-layout .latest-home-grid{gap:10px!important;}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout .photo-top-grid{grid-template-columns:1fr!important;}
.photo-section-page.photo-page-layout .home-month-block{max-width:none!important;}
.photo-section-page.photo-page-layout .latest-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* fix contain thumbnails */
.latest-home-grid .clean-photo-card{
display:flex!important;align-items:center!important;justify-content:center!important;
background:#0b120b!important;
}
.latest-home-grid .clean-photo-card img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
}
.home-month-block .clean-month-card{
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#0b120b!important;
}
.home-month-block .clean-month-card img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
}
/* v0.5.46 – mobilné galérie: ikony doprava, menšie písmo, bez prekrývania */
@media (max-width:640px){
.photo-lower-grid .gallery-category-grid,
.gallery-category-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px!important;
}
.photo-lower-grid .gallery-category-card,
.gallery-category-card{
min-height:136px!important;
height:136px!important;
padding:18px 58px 18px 18px!important;
justify-content:center!important;
overflow:hidden!important;
}
.photo-lower-grid .gallery-category-card .category-symbol,
.gallery-category-card .category-symbol{
left:auto!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:38px!important;
height:38px!important;
z-index:4!important;
opacity:1!important;
margin:0!important;
color:var(--cat-color,#8fd24b)!important;
filter:drop-shadow(0 0 10px rgba(98,189,55,.9)) drop-shadow(0 7px 14px rgba(0,0,0,.9))!important;
}
.photo-lower-grid .gallery-category-card h3,
.gallery-category-card h3{
font-size:24px!important;
line-height:1.02!important;
max-width:100%!important;
margin:0 0 8px!important;
position:relative!important;
z-index:5!important;
overflow:hidden!important;
text-overflow:clip!important;
}
.photo-lower-grid .gallery-category-card p,
.gallery-category-card p{
font-size:14px!important;
line-height:1.15!important;
max-width:100%!important;
margin:0!important;
position:relative!important;
z-index:5!important;
}
}
@media (max-width:420px){
.photo-lower-grid .gallery-category-card,
.gallery-category-card{
min-height:132px!important;
height:132px!important;
padding:16px 52px 16px 16px!important;
}
.photo-lower-grid .gallery-category-card .category-symbol,
.gallery-category-card .category-symbol{
right:10px!important;
width:34px!important;
height:34px!important;
}
.photo-lower-grid .gallery-category-card h3,
.gallery-category-card h3{
font-size:21px!important;
}
.photo-lower-grid .gallery-category-card p,
.gallery-category-card p{
font-size:13px!important;
}
}
/* v0.5.47 – tvrdá oprava mobilných kariet galérií + cache refresh */
@media (max-width: 760px){
body .photo-section-page.photo-page-layout{
padding-left:14px!important;
padding-right:14px!important;
padding-top:92px!important;
}
body .photo-lower-grid,
body .photo-top-grid{
grid-template-columns:1fr!important;
}
body .photo-lower-grid .gallery-category-grid,
body .gallery-category-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
width:100%!important;
}
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
position:relative!important;
min-height:150px!important;
height:150px!important;
padding:20px 58px 18px 18px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
overflow:hidden!important;
border-radius:18px!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
position:absolute!important;
left:auto!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
z-index:8!important;
margin:0!important;
opacity:.98!important;
color:var(--cat-color,#8fd24b)!important;
pointer-events:none!important;
filter:drop-shadow(0 0 10px rgba(98,189,55,.95)) drop-shadow(0 8px 16px rgba(0,0,0,.95))!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol svg,
body .gallery-category-card .category-symbol svg{
width:100%!important;
height:100%!important;
display:block!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{
position:relative!important;
z-index:9!important;
font-size:22px!important;
line-height:1.05!important;
max-width:calc(100% - 8px)!important;
margin:0 0 8px 0!important;
padding:0!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
}
body .photo-lower-grid .gallery-category-card p,
body .gallery-category-card p{
position:relative!important;
z-index:9!important;
font-size:13px!important;
line-height:1.15!important;
max-width:calc(100% - 8px)!important;
margin:0!important;
padding:0!important;
}
}
@media (max-width: 430px){
body .photo-lower-grid .gallery-category-grid,
body .gallery-category-grid{
gap:14px!important;
}
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
min-height:142px!important;
height:142px!important;
padding:18px 50px 16px 15px!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
right:9px!important;
width:34px!important;
height:34px!important;
max-width:34px!important;
max-height:34px!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{
font-size:19px!important;
}
body .photo-lower-grid .gallery-category-card p,
body .gallery-category-card p{
font-size:12px!important;
}
}
/* v0.5.48 – REAL: FOTO homepage uses ORIGINAL images, no cropped thumbs; contain everywhere */
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(9,26,10,.88),rgba(5,15,6,.72))!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg{
position:static!important;
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card:hover img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card:hover img.cms-photo-bg{
transform:none!important;
}
/* v0.5.49 – intelligent photo fit: landscape fills card, portrait stays whole */
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(145deg,rgba(9,26,10,.90),rgba(5,15,6,.76))!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg{
position:static!important;
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-position:center center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card.image-landscape img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-landscape img.cms-photo-bg{
object-fit:cover!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card.image-unknown img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-unknown img.cms-photo-bg{
object-fit:contain!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .clean-photo-card:hover img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card:hover img.cms-photo-bg{
transform:none!important;
}
/* v0.5.50 – FOTO month original ratio + compact detail header */
/* Fotografia mesiaca: vždy výstavná fotka v pôvodnom pomere, bez smart cover */
.photo-section-page.photo-page-layout .home-month-block .clean-month-card{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:18px!important;
background:linear-gradient(145deg,rgba(9,26,10,.90),rgba(5,15,6,.76))!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-landscape img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-unknown img.cms-photo-bg{
position:static!important;
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card:hover img.cms-photo-bg{
transform:none!important;
}
/* Detail fotografie: priorita je celá fotografia na obrazovke */
.photo-detail-mode .photo-section-intro{
min-height:0!important;
padding:18px 34px 16px!important;
margin-bottom:16px!important;
border-radius:16px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
margin:0 0 4px!important;
font-size:11px!important;
letter-spacing:4px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:30px!important;
line-height:1.02!important;
margin:0!important;
}
.photo-detail-mode .photo-section-intro .lead,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo{
display:none!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:22px!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
}
.photo-detail-mode .photo-detail-info{
top:82px!important;
padding:18px!important;
}
.photo-detail-mode .photo-detail-info h1{
font-size:28px!important;
}
.photo-detail-mode .photo-detail-figure{
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(143,210,75,.32)!important;
background:linear-gradient(145deg,rgba(9,26,10,.82),rgba(5,15,6,.70))!important;
max-height:calc(100vh - 170px)!important;
overflow:hidden!important;
}
.photo-detail-mode .photo-detail-figure img{
width:auto!important;
height:auto!important;
max-width:min(100%,1200px)!important;
max-height:calc(100vh - 185px)!important;
object-fit:contain!important;
object-position:center center!important;
display:block!important;
}
@media (max-width:900px){
.photo-detail-mode .photo-section-intro{padding:16px 18px!important;margin-bottom:14px!important;}
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;}
.photo-detail-mode .photo-detail-info{position:static!important;}
.photo-detail-mode .photo-detail-figure{max-height:none!important;}
.photo-detail-mode .photo-detail-figure img{max-height:none!important;max-width:100%!important;}
}
/* v0.5.51 – detail galérie: ikona návratu, šípky/klik zóny, čistý späť odkaz */
.photo-detail-mode .photo-detail-info .section-link{display:none!important;}
.photo-detail-back-link{
display:inline-block!important;
margin-top:10px!important;
color:#9bdd54!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:800!important;
letter-spacing:.04em!important;
opacity:.86!important;
}
.photo-detail-back-link:hover{opacity:1!important;text-decoration:underline!important;}
.photo-detail-counter{
display:inline-block!important;
margin:2px 0 10px!important;
padding:5px 10px!important;
border:1px solid rgba(143,210,75,.25)!important;
border-radius:999px!important;
color:#bfe6a4!important;
font-size:12px!important;
font-weight:800!important;
letter-spacing:.08em!important;
background:rgba(4,12,4,.46)!important;
}
.photo-detail-mode .photo-detail-figure{
position:relative!important;
}
.detail-gallery-shortcut{
position:absolute!important;
right:18px!important;
top:18px!important;
width:54px!important;
height:54px!important;
z-index:8!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:16px!important;
background:rgba(3,12,4,.58)!important;
box-shadow:0 0 26px rgba(98,189,55,.22)!important;
color:#6fe33b!important;
text-decoration:none!important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.detail-gallery-shortcut svg{
width:34px!important;
height:34px!important;
stroke:#6fe33b!important;
fill:none!important;
stroke-width:2.4!important;
filter:drop-shadow(0 0 8px rgba(98,189,55,.45))!important;
}
.detail-gallery-shortcut:hover{
transform:translateY(-2px)!important;
border-color:rgba(143,210,75,.75)!important;
box-shadow:0 0 36px rgba(98,189,55,.36)!important;
background:rgba(7,22,7,.74)!important;
}
.detail-nav-zone{
position:absolute!important;
top:0!important;
bottom:0!important;
width:50%!important;
z-index:5!important;
text-decoration:none!important;
background:transparent!important;
opacity:0!important;
}
.detail-nav-prev{left:0!important;cursor:w-resize!important;}
.detail-nav-next{right:0!important;cursor:e-resize!important;}
.detail-nav-zone::after{
content:"";
position:absolute;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:50%;
border:1px solid rgba(143,210,75,.36);
background:rgba(3,12,4,.58);
opacity:0;
transition:opacity .18s ease,transform .18s ease;
}
.detail-nav-prev::after{left:18px;}
.detail-nav-next::after{right:18px;}
.detail-nav-zone:hover{opacity:1!important;}
.detail-nav-zone:hover::after{opacity:.72;}
.detail-nav-prev:hover::after{content:"‹";color:#9bdd54;font-size:40px;line-height:40px;text-align:center;font-family:Georgia,serif;}
.detail-nav-next:hover::after{content:"›";color:#9bdd54;font-size:40px;line-height:40px;text-align:center;font-family:Georgia,serif;}
@media (max-width:900px){
.detail-gallery-shortcut{right:12px!important;top:12px!important;width:46px!important;height:46px!important;border-radius:14px!important;}
.detail-gallery-shortcut svg{width:28px!important;height:28px!important;}
.detail-nav-zone::after{display:none!important;}
}
/* v0.5.52 – jednotná karta fotografie + detail header/icon fix */
.photo-section-page.photo-page-layout .latest-home-grid,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px 16px!important;
align-items:start!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
aspect-ratio:auto!important;
height:auto!important;
min-height:0!important;
padding:0!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
text-decoration:none!important;
line-height:normal!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card img.cms-photo-bg{
position:static!important;
display:block!important;
width:100%!important;
height:auto!important;
aspect-ratio:3/2!important;
max-width:none!important;
max-height:none!important;
object-position:center center!important;
background:linear-gradient(145deg,rgba(9,26,10,.90),rgba(5,15,6,.76))!important;
border:1px solid rgba(var(--section-rgb,98,189,55),.50)!important;
border-radius:12px!important;
box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
transform:none!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card.image-landscape img.cms-photo-bg,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card.image-landscape img.cms-photo-bg{
object-fit:cover!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card.image-unknown img.cms-photo-bg,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card.image-unknown img.cms-photo-bg{
object-fit:contain!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card .latest-meta,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card .latest-meta{
display:block!important;
padding:8px 2px 0!important;
position:static!important;
background:transparent!important;
color:#fff!important;
line-height:1.15!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card .latest-meta h3,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card .latest-meta h3{
font-size:17px!important;
line-height:1.12!important;
margin:0 0 2px!important;
color:#fff!important;
font-family:Georgia,serif!important;
font-weight:800!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card .latest-meta p,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card .latest-meta p{
font-size:13px!important;
line-height:1.18!important;
margin:0!important;
color:#9bdd54!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card:hover img.cms-photo-bg,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card:hover img.cms-photo-bg{
transform:scale(1.018)!important;
border-color:rgba(var(--section-rgb,98,189,55),.68)!important;
box-shadow:0 20px 44px rgba(0,0,0,.48),0 0 22px rgba(var(--section-rgb,98,189,55),.14)!important;
}
.photo-section-page.photo-page-layout .gallery-open-block{
margin-top:18px!important;
padding:20px 26px 22px!important;
}
.photo-section-page.photo-page-layout .gallery-open-block .block-title-row{
margin-bottom:14px!important;
}
.photo-section-page.photo-page-layout .gallery-open-block .block-title-row h2{
font-size:34px!important;
margin:2px 0 2px!important;
}
.photo-section-page.photo-page-layout .gallery-open-block .small-lead{
margin:0!important;
}
/* Foto mesiaca je výstavná karta: vždy celá fotka, originálny pomer, bez orezania */
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-landscape img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-portrait img.cms-photo-bg,
.photo-section-page.photo-page-layout .home-month-block .clean-month-card.image-unknown img.cms-photo-bg{
object-fit:contain!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
}
/* Detail: ikona galérie patrí do hornej karty, nie k fotografii */
.photo-detail-mode .photo-section-intro{
position:relative!important;
min-height:0!important;
padding:10px 72px 10px 28px!important;
margin-bottom:10px!important;
border-radius:15px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
margin:0 0 2px!important;
font-size:10px!important;
letter-spacing:4px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:28px!important;
line-height:1!important;
margin:0!important;
}
.photo-detail-mode .photo-section-intro .lead{display:none!important;}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
display:flex!important;
position:absolute!important;
right:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:46px!important;
height:46px!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:14px!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22)!important;
text-decoration:none!important;
opacity:1!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:29px!important;
height:29px!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 8px rgba(98,189,55,.45))!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:20px!important;
grid-template-columns:300px minmax(0,1fr)!important;
}
.photo-detail-mode .photo-detail-info{
top:76px!important;
padding:18px!important;
}
.photo-detail-mode .photo-detail-figure{
max-height:calc(100vh - 135px)!important;
}
.photo-detail-mode .photo-detail-figure img{
max-height:calc(100vh - 145px)!important;
}
@media(max-width:900px){
.photo-section-page.photo-page-layout .latest-home-grid,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.photo-detail-mode .photo-section-intro{padding:12px 64px 12px 18px!important;}
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;}
.photo-detail-mode .photo-detail-info{position:static!important;}
.photo-detail-mode .photo-detail-figure{max-height:none!important;}
.photo-detail-mode .photo-detail-figure img{max-height:none!important;}
}
@media(max-width:520px){
.photo-section-page.photo-page-layout .latest-home-grid,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid{gap:12px!important;}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card .latest-meta h3,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card .latest-meta h3{font-size:15px!important;}
.photo-section-page.photo-page-layout .latest-home-grid .latest-photo-card .latest-meta p,
.photo-section-page.photo-page-layout .gallery-photo-grid.clean-photo-grid .latest-photo-card .latest-meta p{font-size:12px!important;}
}
/* v0.5.53 – detail fotografie: dominantná celá fotka + zarovnané údaje */
.photo-detail-mode .photo-section-intro{
padding:6px 70px 6px 24px!important;
min-height:58px!important;
margin-bottom:8px!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
margin:0 0 2px!important;
font-size:9px!important;
line-height:1!important;
letter-spacing:4px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:26px!important;
line-height:1!important;
margin:0!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
right:18px!important;
width:42px!important;
height:42px!important;
border-radius:13px!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:26px!important;
height:26px!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:18px!important;
align-items:start!important;
}
.photo-detail-mode .photo-detail-info{
top:70px!important;
}
.photo-detail-mode .photo-detail-info dl{
display:grid!important;
grid-template-columns:88px minmax(0,1fr)!important;
column-gap:14px!important;
row-gap:9px!important;
align-items:center!important;
margin:18px 0!important;
}
.photo-detail-mode .photo-detail-info dt,
.photo-detail-mode .photo-detail-info dd{
line-height:1.15!important;
display:flex!important;
align-items:center!important;
min-height:18px!important;
}
.photo-detail-mode .photo-detail-info dt{
margin:0!important;
}
.photo-detail-mode .photo-detail-info dd{
margin:0!important;
padding:0!important;
}
.photo-detail-mode .photo-detail-figure{
max-height:calc(100vh - 92px)!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
background:transparent!important;
}
.photo-detail-mode .photo-detail-figure img{
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:calc(100vh - 102px)!important;
object-fit:contain!important;
object-position:center top!important;
}
@media(max-width:900px){
.photo-detail-mode .photo-section-intro{min-height:54px!important;padding:6px 62px 6px 18px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:24px!important;}
.photo-detail-mode .photo-detail-figure,
.photo-detail-mode .photo-detail-figure img{max-height:none!important;}
}
/* v0.5.54 – DETAIL: fotografia má prioritu, celá viditeľná v okne */
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:78px!important;
}
.photo-detail-mode .photo-section-intro{
min-height:38px!important;
padding:4px 64px 4px 22px!important;
margin-bottom:6px!important;
border-radius:12px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:8px!important;
line-height:1!important;
letter-spacing:3.5px!important;
margin:0 0 1px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:23px!important;
line-height:1!important;
margin:0!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
width:38px!important;
height:38px!important;
right:16px!important;
border-radius:12px!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:23px!important;
height:23px!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:14px!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
}
.photo-detail-mode .photo-detail-figure{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
overflow:visible!important;
max-height:calc(100vh - 146px)!important;
min-height:0!important;
padding:0!important;
background:transparent!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:min(800px,calc(100vh - 150px))!important;
object-fit:contain!important;
object-position:center top!important;
border-radius:12px!important;
}
.photo-detail-mode .photo-detail-info{
top:64px!important;
}
@media(max-width:900px){
.photo-detail-mode.photo-section-page.photo-page-layout{padding-top:92px!important;}
.photo-detail-mode .photo-section-intro{min-height:44px!important;padding:6px 58px 6px 16px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:22px!important;}
.photo-detail-mode .photo-detail-figure,
.photo-detail-mode .photo-detail-figure img{max-height:none!important;max-width:100%!important;}
}
/* v0.5.55 REAL: detail photo must be fully visible, no crop; normal nav cursor */
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:78px!important;
row-gap:8px!important;
}
.photo-detail-mode .photo-section-intro{
min-height:58px!important;
padding:6px 62px 6px 18px!important;
margin-bottom:6px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:10px!important;
letter-spacing:4px!important;
margin:0 0 2px!important;
line-height:1!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:36px!important;
line-height:1!important;
margin:0!important;
}
.photo-detail-mode .photo-section-intro .lead{display:none!important;}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
align-items:start!important;
gap:14px!important;
}
.photo-detail-mode .photo-detail-info{
top:84px!important;
padding:16px 18px!important;
}
.photo-detail-mode .photo-detail-info dl{
display:grid!important;
grid-template-columns:86px 1fr!important;
gap:7px 12px!important;
align-items:center!important;
}
.photo-detail-mode .photo-detail-info dt,
.photo-detail-mode .photo-detail-info dd{
line-height:1.2!important;
display:flex!important;
align-items:center!important;
min-height:18px!important;
}
.photo-detail-mode .photo-detail-figure{
height:min(800px, calc(100vh - 202px))!important;
max-height:min(800px, calc(100vh - 202px))!important;
min-height:0!important;
padding:0!important;
overflow:visible!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
background:rgba(4,18,8,.42)!important;
border:1px solid rgba(119,184,70,.45)!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:1200px!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center top!important;
border-radius:12px!important;
}
.detail-nav-zone,
.detail-nav-prev,
.detail-nav-next{
cursor:pointer!important;
}
@media(max-width:900px){
.photo-detail-mode.photo-section-page.photo-page-layout{padding-top:78px!important;}
.photo-detail-mode .photo-section-intro{min-height:52px!important;padding:6px 56px 6px 14px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:24px!important;}
.photo-detail-mode .photo-detail-figure{height:auto!important;max-height:none!important;overflow:visible!important;}
.photo-detail-mode .photo-detail-figure img{max-width:100%!important;max-height:none!important;}
}
/* v0.5.56 – finálna hierarchia ikon FOTO
Úvod FOTO: statická ikona FOTO.
Galéria: klikateľná ikona FOTO späť na úvod FOTO.
Detail: klikateľná ikona aktuálnej galérie späť do príslušnej galérie.
Všetky horné ikony používajú rovnakú veľkosť ako ikony kariet galérií. */
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
display:flex!important;
position:absolute!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:14px!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22)!important;
text-decoration:none!important;
opacity:1!important;
z-index:20!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo svg,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link svg,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon svg,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
display:block!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 10px rgba(98,189,55,.95)) drop-shadow(0 8px 16px rgba(0,0,0,.95))!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon{
cursor:default!important;
pointer-events:none!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
cursor:pointer!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link:hover,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link:hover{
border-color:var(--section-accent-bright,#9bdd54)!important;
box-shadow:0 0 30px rgba(98,189,55,.32)!important;
}
@media(max-width:900px){
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
right:12px!important;
width:36px!important;
height:36px!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo svg,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link svg,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon svg,
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:36px!important;
height:36px!important;
}
}
/* v0.5.57 – detail fotografie: spodný vzduch + stabilné swipe zóny */
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:76px!important;
padding-bottom:18px!important;
}
.photo-detail-mode .photo-section-intro{
margin-bottom:8px!important;
padding:5px 70px 5px 16px!important;
min-height:50px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
margin:0 0 2px!important;
font-size:10px!important;
line-height:1.05!important;
}
.photo-detail-mode .photo-section-intro h1{
margin:0!important;
line-height:1!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:18px!important;
padding-bottom:18px!important;
align-items:start!important;
}
.photo-detail-mode .photo-detail-figure{
height:min(800px, calc(100vh - 178px))!important;
max-height:min(800px, calc(100vh - 178px))!important;
margin:0 0 16px 0!important;
overflow:visible!important;
align-items:flex-start!important;
justify-content:center!important;
}
.photo-detail-mode .photo-detail-figure img{
max-width:min(100%,1200px)!important;
max-height:calc(100vh - 194px)!important;
width:auto!important;
height:auto!important;
object-fit:contain!important;
object-position:center top!important;
}
.photo-detail-mode .detail-nav-zone,
.photo-detail-mode .detail-nav-prev,
.photo-detail-mode .detail-nav-next{
cursor:pointer!important;
touch-action:manipulation!important;
}
.photo-detail-mode .detail-nav-zone *{
cursor:pointer!important;
}
@media(max-width:900px){
.photo-detail-mode.photo-section-page.photo-page-layout{padding-top:72px!important;padding-bottom:14px!important;}
.photo-detail-mode .photo-section-intro{min-height:46px!important;padding:5px 58px 5px 14px!important;margin-bottom:10px!important;}
.photo-detail-mode .photo-detail-page-block{padding-bottom:14px!important;}
.photo-detail-mode .photo-detail-figure{height:auto!important;max-height:none!important;margin-bottom:14px!important;}
.photo-detail-mode .photo-detail-figure img{max-width:100%!important;max-height:none!important;}
}
/* v0.5.58 – detail bez scrollovania + priehľadnejšie náhľady galérií */
/* DETAIL: fotografia má byť dominantná, celá viditeľná, stránka bez zbytočného scrollu */
body:has(.photo-detail-mode){
overflow-y:hidden!important;
}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:70px!important;
padding-bottom:0!important;
gap:4px!important;
}
.photo-detail-mode .photo-section-intro{
min-height:34px!important;
height:auto!important;
padding:3px 66px 3px 16px!important;
margin-bottom:4px!important;
border-radius:12px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:8px!important;
line-height:1!important;
letter-spacing:3.5px!important;
margin:0 0 1px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:22px!important;
line-height:1!important;
margin:0!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:12px!important;
padding-bottom:0!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
}
.photo-detail-mode .photo-detail-info{
top:60px!important;
}
.photo-detail-mode .photo-detail-figure{
height:calc(100vh - 126px)!important;
max-height:calc(100vh - 126px)!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:calc(100vh - 132px)!important;
object-fit:contain!important;
object-position:center top!important;
margin:0!important;
}
.photo-detail-mode .detail-nav-zone,
.photo-detail-mode .detail-nav-prev,
.photo-detail-mode .detail-nav-next{
cursor:pointer!important;
}
/* GALÉRIE: fotka v pozadí kariet nech je asi o 20 % presvitnejšia/čitateľnejšia */
.gallery-category-card.has-photo .cms-photo-bg{
filter:saturate(.98) brightness(.72)!important;
opacity:.82!important;
}
.gallery-category-card.has-photo:after{
background:linear-gradient(135deg,rgba(0,0,0,.50),rgba(8,24,8,.28))!important;
}
@media(max-width:900px){
body:has(.photo-detail-mode){overflow-y:auto!important;}
.photo-detail-mode.photo-section-page.photo-page-layout{padding-top:72px!important;}
.photo-detail-mode .photo-section-intro{min-height:44px!important;padding:5px 58px 5px 14px!important;margin-bottom:8px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:22px!important;}
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;gap:12px!important;}
.photo-detail-mode .photo-detail-figure{height:auto!important;max-height:none!important;overflow:visible!important;}
.photo-detail-mode .photo-detail-figure img{max-width:100%!important;max-height:none!important;}
}
/* v0.5.60 – REÁLNA oprava detailu: nižšia horná karta bez zmeny eyebrow fontu, celý obrázok s viditeľným rámikom */
body:has(.photo-detail-mode){
overflow:hidden!important;
}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:70px!important;
padding-bottom:0!important;
}
.photo-detail-mode .photo-section-intro{
min-height:66px!important;
max-height:72px!important;
height:72px!important;
padding:7px 72px 7px 24px!important;
margin-bottom:6px!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
overflow:hidden!important;
}
/* Eyebrow ostáva čitateľný ako na hlavnej FOTO, nezmenšovať na drobné písmo */
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:12px!important;
line-height:1!important;
letter-spacing:5px!important;
margin:0 0 3px!important;
}
.photo-detail-mode .photo-section-intro h1{
font-size:40px!important;
line-height:.96!important;
margin:0!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:12px!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
padding-bottom:0!important;
}
.photo-detail-mode .photo-detail-figure{
height:calc(100vh - 170px)!important;
max-height:calc(100vh - 170px)!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(119,184,70,.48)!important;
border-radius:14px!important;
background:rgba(4,18,8,.42)!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:calc(100vh - 182px)!important;
object-fit:contain!important;
object-position:center center!important;
margin:0!important;
border-radius:10px!important;
}
.photo-detail-mode .detail-nav-zone,
.photo-detail-mode .detail-nav-prev,
.photo-detail-mode .detail-nav-next{
cursor:pointer!important;
}
/* Galérie – pozadie pod názvami ešte o cca 20 % viditeľnejšie, text ostáva čitateľný */
.gallery-category-card.has-photo .cms-photo-bg{
filter:saturate(1.04) brightness(.86)!important;
opacity:.92!important;
}
.gallery-category-card.has-photo:after{
background:linear-gradient(135deg,rgba(0,0,0,.38),rgba(8,24,8,.18))!important;
}
@media(max-width:900px){
body:has(.photo-detail-mode){overflow-y:auto!important;overflow-x:hidden!important;}
.photo-detail-mode .photo-section-intro{
height:auto!important;
min-height:52px!important;
max-height:none!important;
padding:7px 58px 7px 14px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{font-size:11px!important;letter-spacing:4px!important;}
.photo-detail-mode .photo-section-intro h1{font-size:28px!important;line-height:1!important;}
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;gap:12px!important;}
.photo-detail-mode .photo-detail-figure{height:auto!important;max-height:none!important;overflow:visible!important;}
.photo-detail-mode .photo-detail-figure img{max-width:100%!important;max-height:none!important;}
}
/* v0.5.61 – detail: iba FOTOÚLOVKY A PRÍRODA + ikona, kompaktný ucelený rámik */
body:has(.photo-detail-mode){
overflow:hidden!important;
}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:68px!important;
padding-bottom:0!important;
}
.photo-detail-mode .photo-section-intro{
min-height:40px!important;
height:40px!important;
max-height:40px!important;
padding:6px 68px 6px 18px!important;
margin-bottom:5px!important;
border:1px solid rgba(119,184,70,.42)!important;
border-radius:14px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
overflow:visible!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:12px!important;
line-height:1!important;
letter-spacing:5px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
}
.photo-detail-mode .photo-section-intro h1,
.photo-detail-mode .photo-section-intro .lead{
display:none!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
top:50%!important;
right:18px!important;
transform:translateY(-50%)!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:12px!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
padding-bottom:0!important;
}
.photo-detail-mode .photo-detail-figure{
height:calc(100vh - 126px)!important;
max-height:calc(100vh - 126px)!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(119,184,70,.50)!important;
border-radius:14px!important;
background:rgba(4,18,8,.42)!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:calc(100vh - 138px)!important;
object-fit:contain!important;
object-position:center center!important;
margin:0!important;
border-radius:10px!important;
}
@media (max-width:900px){
body:has(.photo-detail-mode){overflow-y:auto!important;}
.photo-detail-mode .photo-section-intro{
min-height:40px!important;
height:40px!important;
padding:6px 58px 6px 14px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:11px!important;
letter-spacing:4px!important;
}
.photo-detail-mode .photo-detail-page-block{
grid-template-columns:1fr!important;
gap:10px!important;
}
.photo-detail-mode .photo-detail-figure{
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
.photo-detail-mode .photo-detail-figure img{
max-width:100%!important;
max-height:none!important;
}
}
/* v0.5.62 – global lower header + final compact photo detail header */
:root{--site-header-height:70px;}
.site-header{
height:var(--site-header-height)!important;
padding-top:0!important;
padding-bottom:0!important;
}
/* keep global content under the now-lower common header */
.section-page{padding-top:calc(var(--site-header-height) + 34px)!important;}
.photo-section-page.photo-page-layout{padding-top:calc(var(--site-header-height) + 18px)!important;}
body:has(.photo-detail-mode){
overflow:hidden!important;
}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:calc(var(--site-header-height) + 8px)!important;
padding-bottom:8px!important;
}
.photo-detail-mode .photo-section-intro{
height:34px!important;
min-height:34px!important;
max-height:34px!important;
padding:0 70px 0 24px!important;
margin:0 0 6px!important;
border:1px solid rgba(119,184,70,.48)!important;
border-radius:14px!important;
overflow:visible!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
background:linear-gradient(135deg,rgba(8,22,8,.72),rgba(0,0,0,.52))!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:14px!important;
line-height:1!important;
letter-spacing:5px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
color:#7cff45!important;
}
.photo-detail-mode .photo-section-intro h1,
.photo-detail-mode .photo-section-intro .lead{
display:none!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
width:48px!important;
height:48px!important;
top:50%!important;
right:18px!important;
transform:translateY(-50%)!important;
border-radius:14px!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link svg{
width:32px!important;
height:32px!important;
}
.photo-detail-mode .photo-detail-page-block{
margin-top:0!important;
gap:12px!important;
grid-template-columns:300px minmax(0,1fr)!important;
align-items:start!important;
padding-bottom:0!important;
min-height:0!important;
}
.photo-detail-mode .photo-detail-info{
top:calc(var(--site-header-height) + 48px)!important;
}
.photo-detail-mode .photo-detail-figure{
height:calc(100vh - var(--site-header-height) - 58px)!important;
max-height:calc(100vh - var(--site-header-height) - 58px)!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(119,184,70,.55)!important;
border-radius:14px!important;
background:rgba(4,18,8,.42)!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:calc(100vh - var(--site-header-height) - 72px)!important;
object-fit:contain!important;
object-position:center center!important;
margin:0!important;
border-radius:10px!important;
}
.photo-detail-mode .detail-nav-zone,
.photo-detail-mode .detail-nav-prev,
.photo-detail-mode .detail-nav-next{
cursor:pointer!important;
}
@media(max-width:900px){
:root{--site-header-height:70px;}
.site-header{height:auto!important;min-height:70px!important;}
.section-page{padding-top:118px!important;}
.photo-section-page.photo-page-layout{padding-top:110px!important;}
body:has(.photo-detail-mode){overflow-y:auto!important;overflow-x:hidden!important;}
.photo-detail-mode.photo-section-page.photo-page-layout{padding-top:110px!important;padding-bottom:18px!important;}
.photo-detail-mode .photo-section-intro{
height:38px!important;min-height:38px!important;max-height:none!important;
padding:0 62px 0 14px!important;margin-bottom:10px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{font-size:12px!important;letter-spacing:4px!important;}
.photo-detail-mode .photo-detail-page-block{grid-template-columns:1fr!important;gap:10px!important;}
.photo-detail-mode .photo-detail-info{position:static!important;}
.photo-detail-mode .photo-detail-figure{height:auto!important;max-height:none!important;overflow:visible!important;}
.photo-detail-mode .photo-detail-figure img{max-width:100%!important;max-height:none!important;}
}
/* v0.5.63 – detail: one border on the photo, wider compact title bar, max photo width 1200px */
@media (min-width:901px){
body:has(.photo-detail-mode){
overflow:hidden!important;
}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding-top:calc(var(--site-header-height) + 8px)!important;
padding-bottom:10px!important;
}
/* Compact but visually complete title bar. */
.photo-detail-mode .photo-section-intro{
height:54px!important;
min-height:54px!important;
max-height:54px!important;
padding:0 76px 0 24px!important;
margin:0 0 8px!important;
border:1px solid rgba(119,184,70,.58)!important;
border-radius:15px!important;
overflow:visible!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:13px!important;
line-height:1.15!important;
letter-spacing:5px!important;
margin:0!important;
padding:0!important;
}
.photo-detail-mode .photo-section-intro h1,
.photo-detail-mode .photo-section-intro .lead{
display:none!important;
}
.photo-detail-mode .photo-section-intro .section-corner-icon.photo.detail-intro-gallery-link{
width:48px!important;
height:48px!important;
top:50%!important;
right:14px!important;
transform:translateY(-50%)!important;
}
.photo-detail-mode .photo-detail-page-block{
grid-template-columns:300px minmax(0,1fr)!important;
gap:12px!important;
margin-top:0!important;
padding:0 0 10px!important;
align-items:start!important;
}
/* Remove the redundant outer decorative photo container completely. */
.photo-detail-mode .photo-detail-figure{
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
/* The only frame follows the real image dimensions. */
.photo-detail-mode .photo-detail-figure img{
display:block!important;
flex:0 0 auto!important;
width:auto!important;
height:auto!important;
max-width:min(1200px,100%)!important;
max-height:none!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center top!important;
border:1px solid rgba(119,184,70,.62)!important;
border-radius:14px!important;
box-sizing:border-box!important;
background:transparent!important;
box-shadow:0 0 0 1px rgba(119,184,70,.08),0 14px 34px rgba(0,0,0,.24)!important;
}
.photo-detail-mode .detail-nav-zone,
.photo-detail-mode .detail-nav-prev,
.photo-detail-mode .detail-nav-next{
cursor:pointer!important;
}
}
@media (max-width:900px){
.photo-detail-mode .photo-section-intro{
height:48px!important;
min-height:48px!important;
padding:0 62px 0 14px!important;
}
.photo-detail-mode .photo-section-intro .eyebrow{
font-size:12px!important;
line-height:1.15!important;
}
.photo-detail-mode .photo-detail-figure{
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.photo-detail-mode .photo-detail-figure img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:none!important;
border:1px solid rgba(119,184,70,.62)!important;
border-radius:12px!important;
box-sizing:border-box!important;
}
}
/* v0.5.64 part 1 – new desktop detail structure */
@media (min-width:901px){
body:has(.photo-detail-mode){overflow:hidden!important;}
.photo-detail-mode.photo-section-page.photo-page-layout{
padding:calc(var(--site-header-height) + 10px) 28px 10px!important;
}
.photo-detail-mode .photo-detail-layout-v2{
position:relative!important;
display:grid!important;
grid-template-columns:280px 48px minmax(0,1200px) 48px!important;
gap:12px!important;
align-items:start!important;
justify-content:center!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0 62px 0 0!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-detail-left-stack{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
min-width:0!important;
}
.photo-detail-mode .photo-detail-intro-card{
position:static!important;
width:100%!important;
height:auto!important;
min-height:72px!important;
max-height:none!important;
margin:0!important;
padding:18px 20px!important;
border:1px solid rgba(119,184,70,.58)!important;
border-radius:16px!important;
display:flex!important;
align-items:center!important;
box-sizing:border-box!important;
background:linear-gradient(135deg,rgba(8,22,8,.72),rgba(0,0,0,.52))!important;
}
.photo-detail-mode .photo-detail-intro-card .eyebrow{
margin:0!important;
padding:0!important;
font-size:14px!important;
line-height:1.35!important;
letter-spacing:5px!important;
white-space:normal!important;
}
.photo-detail-mode .photo-detail-info{
position:static!important;
top:auto!important;
width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
.photo-detail-mode .photo-detail-figure{
grid-column:3!important;
width:auto!important;
max-width:1200px!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
overflow:visible!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
.photo-detail-mode .photo-detail-figure img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:1200px!important;
max-height:none!important;
border:1px solid rgba(119,184,70,.62)!important;
border-radius:14px!important;
box-sizing:border-box!important;
object-fit:contain!important;
}
.photo-detail-mode .detail-nav-arrow{
align-self:center!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:44px!important;
height:74px!important;
color:#9bdc66!important;
font-size:58px!important;
font-family:Georgia,serif!important;
line-height:1!important;
text-decoration:none!important;
cursor:pointer!important;
user-select:none!important;
border-radius:14px!important;
transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.photo-detail-mode .detail-nav-arrow:hover{
background:rgba(119,184,70,.10)!important;
color:#c6ff9b!important;
transform:scale(1.04)!important;
}
.photo-detail-mode .detail-nav-arrow-prev{grid-column:2!important;}
.photo-detail-mode .detail-nav-arrow-next{grid-column:4!important;}
.photo-detail-mode .detail-floating-gallery-link{
position:absolute!important;
top:0!important;
right:0!important;
width:58px!important;
height:58px!important;
border-radius:16px!important;
z-index:5!important;
}
.photo-detail-mode .detail-floating-gallery-link svg{
width:40px!important;
height:40px!important;
}
}
/* v0.5.65 – detail: šípky iba pri hoveri, mobil iba swipe; väčšia návratová ikona galérie */
@media (min-width:901px){
.photo-detail-mode .detail-nav-arrow{
opacity:0!important;
visibility:visible!important;
pointer-events:auto!important;
background:transparent!important;
transition:opacity .16s ease, background .18s ease, color .18s ease, transform .18s ease!important;
}
.photo-detail-mode .detail-nav-arrow:hover,
.photo-detail-mode .detail-nav-arrow:focus-visible{
opacity:1!important;
background:rgba(119,184,70,.10)!important;
}
.photo-detail-mode .detail-floating-gallery-link{
width:68px!important;
height:68px!important;
max-width:68px!important;
max-height:68px!important;
border:1px solid rgba(143,210,75,.48)!important;
border-radius:18px!important;
background:rgba(3,12,4,.68)!important;
color:#6fe33b!important;
box-shadow:0 0 30px rgba(98,189,55,.38), inset 0 0 18px rgba(98,189,55,.08)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.photo-detail-mode .detail-floating-gallery-link svg{
width:48px!important;
height:48px!important;
max-width:48px!important;
max-height:48px!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 12px rgba(98,189,55,.98)) drop-shadow(0 8px 16px rgba(0,0,0,.95))!important;
}
.photo-detail-mode .detail-floating-gallery-link:hover,
.photo-detail-mode .detail-floating-gallery-link:focus-visible{
border-color:rgba(155,221,84,.82)!important;
box-shadow:0 0 38px rgba(98,189,55,.52), inset 0 0 22px rgba(98,189,55,.12)!important;
transform:scale(1.035)!important;
}
}
@media (max-width:900px){
.photo-detail-mode .detail-nav-arrow{
display:none!important;
}
.photo-detail-mode .detail-floating-gallery-link{
width:54px!important;
height:54px!important;
max-width:54px!important;
max-height:54px!important;
border-radius:16px!important;
}
.photo-detail-mode .detail-floating-gallery-link svg{
width:38px!important;
height:38px!important;
max-width:38px!important;
max-height:38px!important;
}
}
/* v0.5.66 – jednotná séria horných navigačných ikon FOTO */
:root{
--foto-nav-icon-box:44px;
--foto-nav-icon-glyph:33px;
--foto-nav-icon-radius:14px;
--foto-nav-icon-right:28px;
--foto-nav-icon-top-gap:16px;
}
/* Úvod FOTO + otvorená galéria: rovnaký kontajner, rozmer, glow a odsadenie. */
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon{
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
}
/* Detail: rovnaký ikonový komponent a stále rovnaká pozícia vpravo hore. */
.photo-detail-mode .detail-floating-gallery-link{
position:fixed!important;
top:calc(var(--site-header-height) + var(--foto-nav-icon-top-gap))!important;
right:var(--foto-nav-icon-right)!important;
left:auto!important;
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
transform:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
z-index:100!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .section-corner-icon.photo svg,
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link svg,
.photo-section-page.photo-page-layout .photo-section-intro .photo-intro-static-icon svg,
.photo-detail-mode .detail-floating-gallery-link svg{
width:var(--foto-nav-icon-glyph)!important;
height:var(--foto-nav-icon-glyph)!important;
min-width:var(--foto-nav-icon-glyph)!important;
min-height:var(--foto-nav-icon-glyph)!important;
max-width:var(--foto-nav-icon-glyph)!important;
max-height:var(--foto-nav-icon-glyph)!important;
display:block!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.photo-section-page.photo-page-layout .photo-section-intro .gallery-intro-home-link:hover,
.photo-detail-mode .detail-floating-gallery-link:hover,
.photo-detail-mode .detail-floating-gallery-link:focus-visible{
border-color:var(--section-accent-bright,#9bdd54)!important;
box-shadow:0 0 30px rgba(98,189,55,.32),inset 0 0 16px rgba(98,189,55,.09)!important;
transform:none!important;
}
@media(max-width:900px){
:root{
--foto-nav-icon-box:36px;
--foto-nav-icon-glyph:27px;
--foto-nav-icon-radius:12px;
--foto-nav-icon-right:12px;
--foto-nav-icon-top-gap:8px;
}
}
/* v0.5.67 – jednotné ikonové kontajnery aj na kartách galérií */
.photo-lower-grid .gallery-category-card .category-symbol,
.gallery-category-grid .gallery-category-card .category-symbol{
position:absolute!important;
left:auto!important;
right:20px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
filter:none!important;
opacity:1!important;
z-index:8!important;
pointer-events:none!important;
}
.photo-lower-grid .gallery-category-card .category-symbol svg,
.gallery-category-grid .gallery-category-card .category-symbol svg{
width:var(--foto-nav-icon-glyph)!important;
height:var(--foto-nav-icon-glyph)!important;
min-width:var(--foto-nav-icon-glyph)!important;
min-height:var(--foto-nav-icon-glyph)!important;
max-width:var(--foto-nav-icon-glyph)!important;
max-height:var(--foto-nav-icon-glyph)!important;
display:block!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.photo-lower-grid .gallery-category-card h3,
.photo-lower-grid .gallery-category-card p,
.gallery-category-grid .gallery-category-card h3,
.gallery-category-grid .gallery-category-card p{
max-width:calc(100% - 76px)!important;
}
@media(max-width:900px){
.photo-lower-grid .gallery-category-card .category-symbol,
.gallery-category-grid .gallery-category-card .category-symbol{
right:12px!important;
}
}
/* v0.5.68 unified icon hover */
.photo-section-intro .section-corner-icon.photo:hover,
.photo-intro-static-icon:hover,
.detail-intro-gallery-link:hover{
transform:none !important;
translate:none !important;
}
/* v0.5.69 – stabilné horné ikony v galériách + menšie viditeľné šípky detailu */
/* Všetky klikateľné horné ikony zostávajú presne na mieste a iba sa rozsvietia. */
.photo-section-page.photo-page-layout .photo-section-intro a.section-corner-icon.photo,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link,
.photo-detail-mode a.detail-floating-gallery-link{
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease!important;
animation:none!important;
will-change:auto!important;
}
.photo-section-page.photo-page-layout .photo-section-intro a.section-corner-icon.photo:hover,
.photo-section-page.photo-page-layout .photo-section-intro a.section-corner-icon.photo:focus-visible,
.photo-section-page.photo-page-layout .photo-section-intro a.section-corner-icon.photo:active,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:hover,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus-visible,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:active,
.photo-detail-mode a.detail-floating-gallery-link:hover,
.photo-detail-mode a.detail-floating-gallery-link:focus-visible,
.photo-detail-mode a.detail-floating-gallery-link:active{
transform:none!important;
translate:none!important;
scale:none!important;
margin:0!important;
border-color:rgba(155,221,84,.86)!important;
background:rgba(5,18,6,.72)!important;
box-shadow:0 0 34px rgba(98,189,55,.46), inset 0 0 18px rgba(98,189,55,.12)!important;
}
/* V galérii zachovať rovnakú pevnú pozíciu aj počas hover/focus/active. */
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:hover,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus-visible,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:active{
top:50%!important;
right:12px!important;
left:auto!important;
transform:translateY(-50%)!important;
}
@media (min-width:901px){
/* Šípky detailu sú stále viditeľné, menšie a elegantnejšie. */
.photo-detail-mode .detail-nav-arrow{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
width:32px!important;
height:52px!important;
min-width:32px!important;
min-height:52px!important;
font-size:42px!important;
line-height:1!important;
color:rgba(155,220,102,.76)!important;
background:rgba(4,14,5,.30)!important;
border:1px solid rgba(143,210,75,.22)!important;
border-radius:13px!important;
box-shadow:0 0 12px rgba(98,189,55,.10)!important;
transform:none!important;
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease!important;
}
.photo-detail-mode .detail-nav-arrow:hover,
.photo-detail-mode .detail-nav-arrow:focus-visible,
.photo-detail-mode .detail-nav-arrow:active{
opacity:1!important;
color:#c8ff9d!important;
background:rgba(12,35,13,.62)!important;
border-color:rgba(155,221,84,.72)!important;
box-shadow:0 0 24px rgba(98,189,55,.42), inset 0 0 12px rgba(98,189,55,.10)!important;
transform:none!important;
}
}
@media (max-width:900px){
.photo-detail-mode .detail-nav-arrow{display:none!important;}
}
/* v0.5.70 – DEFINITÍVNA oprava ikony návratu z galérie na FOTO
Ikona už nie je centrovaná transformáciou. Preto sa pri hoveri, fokuse ani kliknutí
nemôže ani o pixel posunúť. Mení sa iba svetelný efekt. */
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:link,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:visited,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:hover,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus-visible,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:active{
position:absolute!important;
top:calc(50% - (var(--foto-nav-icon-box) / 2))!important;
right:12px!important;
bottom:auto!important;
left:auto!important;
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
margin:0!important;
padding:0!important;
transform:none!important;
translate:none!important;
scale:none!important;
rotate:none!important;
animation:none!important;
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease!important;
}
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link *,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:hover *,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus *,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:active *{
transform:none!important;
translate:none!important;
scale:none!important;
rotate:none!important;
animation:none!important;
}
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:hover,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:focus-visible,
.photo-section-page.photo-page-layout .photo-section-intro a.gallery-intro-home-link:active{
border-color:rgba(155,221,84,.86)!important;
background:rgba(5,18,6,.72)!important;
box-shadow:0 0 34px rgba(98,189,55,.46),inset 0 0 18px rgba(98,189,55,.12)!important;
}
/* v0.5.71 – články FOTO */
.article-row{align-items:stretch}.article-card-link{display:block;color:inherit;text-decoration:none}.article-card-link article{height:100%;overflow:hidden}.article-card-link article>img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin:-1px -1px 16px;width:calc(100% + 2px)}.article-card-link:hover article{border-color:#6f9f3a;box-shadow:0 0 24px rgba(118,190,55,.12)}.empty-articles{color:#aaa}.article-detail-layout{align-items:start}.article-detail-card{border:1px solid #234823;border-radius:20px;padding:34px;background:rgba(0,0,0,.54)}.article-detail-card h1{margin:8px 0 18px;line-height:1.12}.article-perex{font-size:1.08em;line-height:1.7;color:#ddd;border-left:3px solid #72ba36;padding-left:16px;margin:0 0 28px}.article-body{line-height:1.8;white-space:normal}.article-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.article-photo-grid img{display:block;width:100%;height:auto;max-height:900px;object-fit:contain;border:1px solid #315a31;border-radius:14px;background:#050805}.article-photo-grid a:only-child{grid-column:1/-1}.back-link{display:inline-block;margin-top:18px;color:#8fd24b;text-decoration:none;font-weight:700}@media(max-width:800px){.article-photo-grid{grid-template-columns:1fr}.article-detail-card{padding:20px}}
/* v0.5.72 – články: pevná návratová ikona a fotografie vložené medzi text */
.article-detail-card{position:relative;}
.article-detail-card .article-back-icon{
position:absolute!important;
top:26px!important;
right:28px!important;
left:auto!important;
bottom:auto!important;
margin:0!important;
transform:none!important;
translate:none!important;
animation:none!important;
transition:filter .22s ease,box-shadow .22s ease,border-color .22s ease!important;
z-index:8;
}
.article-detail-card .article-back-icon:hover,
.article-detail-card .article-back-icon:focus,
.article-detail-card .article-back-icon:focus-visible,
.article-detail-card .article-back-icon:active,
.article-detail-card .article-back-icon:visited{
top:26px!important;
right:28px!important;
transform:none!important;
translate:none!important;
animation:none!important;
}
.article-detail-card .article-back-icon svg,
.article-detail-card .article-back-icon:hover svg,
.article-detail-card .article-back-icon:focus svg,
.article-detail-card .article-back-icon:active svg{
transform:none!important;
translate:none!important;
animation:none!important;
}
.article-body{line-height:1.72;}
.article-body p{margin:0 0 1.25em;}
.article-inline-photo{margin:1.6em auto 1.8em;max-width:1200px;}
.article-inline-photo a{display:block;}
.article-inline-photo img{
display:block;
width:auto;
max-width:100%;
max-height:900px;
height:auto;
margin:0 auto;
border:1px solid rgba(98,189,55,.48);
border-radius:14px;
}
@media(max-width:760px){
.article-detail-card .article-back-icon{top:18px!important;right:18px!important;}
.article-detail-card .article-back-icon:hover,
.article-detail-card .article-back-icon:focus,
.article-detail-card .article-back-icon:active{top:18px!important;right:18px!important;}
.article-inline-photo{margin:1.25em 0 1.45em;}
}
/* v0.5.73 – fotografie článkov */
.article-inline-photo.article-size-400{max-width:400px}.article-inline-photo.article-size-600{max-width:600px}.article-inline-photo.article-size-900{max-width:900px}.article-inline-photo>a{display:block;cursor:pointer}.article-inline-photo>a:hover img{box-shadow:0 0 22px rgba(111,196,64,.22);border-color:rgba(126,211,75,.72)}.article-inline-photo img{width:auto;max-width:100%;height:auto;max-height:none}
/* v0.5.74 – článok používa iba hornú návratovú ikonu */
.article-detail-card .article-back-icon{display:none!important;}
/* v0.5.75 – čistý detail článku, jednotné kontajnery a neorezané náhľady */
.article-detail-wrap{grid-column:2/-1;min-width:0}
.article-detail-card{width:100%;box-sizing:border-box;margin:0;border:1px solid rgba(86,150,54,.42);border-radius:20px;background:rgba(0,0,0,.54);padding:34px}
.article-detail-card h1{margin:0 0 8px;line-height:1.12}
.article-meta{margin:0 0 24px;color:#aeb5aa;font-size:14px}
.article-bottom-back{display:inline-flex;align-items:center;margin-top:30px;padding-top:18px;border-top:1px solid rgba(86,150,54,.25);width:100%;color:#8fd24b;text-decoration:none;font-weight:800}
.article-bottom-back:hover,.article-bottom-back:focus{color:#b7ef78;text-shadow:0 0 12px rgba(130,220,67,.45)}
.article-card-link article{border:1px solid rgba(86,150,54,.32);border-radius:18px;background:rgba(0,0,0,.48)}
.article-card-thumb{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:-1px -1px 16px;border:1px solid rgba(86,150,54,.22);border-radius:12px;background:#050805}
.article-card-link article>.article-card-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;margin:0}
.article-inline-photo{padding:8px;border:1px solid rgba(86,150,54,.38);border-radius:14px;background:#050805;box-sizing:border-box}
.article-inline-photo img{display:block;margin:auto;width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:10px}
.photo-stats-strip span{border:1px solid rgba(86,150,54,.28);border-radius:12px;background:rgba(0,0,0,.35)}
@media(max-width:900px){.article-detail-wrap{grid-column:1/-1}.article-detail-card{padding:22px}.article-card-thumb{height:165px}}
/* v0.5.76 – oprava článkov, odstup a archív */
.article-detail-wrap{margin-top:22px}
.article-archive-block{grid-column:2/-1;min-width:0;margin-top:22px}
.article-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-bottom .block-title-row{align-items:flex-end;gap:18px}
.compact-bottom .block-title-row .section-link{white-space:nowrap}
@media(max-width:1100px){.article-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.article-detail-wrap,.article-archive-block{grid-column:1/-1;margin-top:16px}.article-archive-grid{grid-template-columns:1fr}}
/* v0.5.77 – kompaktné články pod galériami a klikateľné ikony úvodu */
.section-icon-link{
position:absolute!important;
top:-82px!important;
left:50%!important;
display:block!important;
width:74px!important;
height:74px!important;
color:inherit;
text-decoration:none;
pointer-events:auto!important;
cursor:pointer;
transform:translateX(-50%)!important;
translate:none!important;
animation:none!important;
}
.section-icon-link:hover,.section-icon-link:focus,.section-icon-link:focus-visible,.section-icon-link:active{
transform:translateX(-50%)!important;
translate:none!important;
animation:none!important;
}
.section-icon-link.section-icon-bees{color:#d6a313!important}
.section-icon-link.section-icon-photo{color:#62bd37!important}
.section-icon-link.section-icon-sport{color:#0783c9!important}
.articles-home-compact{grid-column:1;grid-row:2;margin:0!important;padding:20px 22px!important}
.photo-lower-grid .photo-stats-bottom{grid-column:2;grid-row:1 / span 2}
@media(max-width:900px){
.section-icon-link{top:-70px!important;width:64px!important;height:64px!important}
.photo-lower-grid .photo-stats-bottom,.articles-home-compact{grid-column:1;grid-row:auto}
}
.articles-home-compact .block-title-row{margin-bottom:12px}
.articles-home-compact .block-title-row h2{font-size:30px;margin:2px 0 0}
.articles-home-compact .article-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.articles-home-compact .article-card-link article{padding:12px!important;border-radius:14px}
.articles-home-compact .article-card-thumb{height:105px;margin:0 0 10px;border-radius:10px}
.articles-home-compact .article-row h3{font-size:17px;line-height:1.15;margin:7px 0 5px}
.articles-home-compact .article-row p{font-size:13px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.articles-home-compact .article-row span{font-size:11px}
@media(max-width:1100px){.articles-home-compact .article-row{grid-template-columns:1fr}.articles-home-compact .article-card-thumb{height:150px}}
@media(max-width:900px){.articles-home-compact{grid-column:1;grid-row:auto}.articles-home-compact .article-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-home-compact .article-row{grid-template-columns:1fr}}
/* v0.5.79 – archív článkov 6/strana, pravý panel a stránkovanie */
.article-archive-layout{
grid-column:2/-1;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(350px,430px);
gap:18px;
align-items:start;
width:100%;
min-width:0;
margin-top:22px;
}
.article-archive-layout .article-archive-block{
grid-column:auto;
margin:0;
min-width:0;
width:100%;
}
.article-archive-layout .article-archive-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:16px;
}
.article-archive-sidebar{
display:flex;
flex-direction:column;
gap:18px;
min-width:0;
}
.article-archive-sidebar .home-month-block,
.article-archive-sidebar .photo-stats-bottom{
width:100%!important;
max-width:none!important;
margin:0!important;
}
.article-archive-sidebar .photo-stats-strip{
grid-template-columns:1fr!important;
gap:8px!important;
}
.article-pagination{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:18px;
margin-top:24px;
padding-top:20px;
border-top:1px solid rgba(86,150,54,.25);
}
.article-pagination>a,.article-pagination>span,
.article-page-numbers a{
color:#8fd24b;
text-decoration:none;
font-weight:800;
}
.article-pagination .disabled{opacity:.35;cursor:default}
.article-page-numbers{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.article-page-numbers a{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:38px;
height:38px;
padding:0 10px;
border:1px solid rgba(86,150,54,.36);
border-radius:10px;
background:rgba(0,0,0,.38);
}
.article-page-numbers a.active{
color:#071006;
background:#8fd24b;
border-color:#b8f27b;
box-shadow:0 0 16px rgba(143,210,75,.28);
}
.article-inline-photo.article-size-300{max-width:300px}
@media(max-width:1280px){
.article-archive-layout{grid-template-columns:minmax(0,1fr) 315px}
.article-archive-layout .article-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
}
@media(max-width:1050px){
.article-archive-layout .article-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
.article-archive-layout{grid-column:1/-1;grid-template-columns:1fr;margin-top:16px}
.article-archive-sidebar{grid-row:auto}
.article-pagination{grid-template-columns:1fr;justify-items:center}
}
@media(max-width:620px){
.article-archive-layout .article-archive-grid{grid-template-columns:1fr!important}
}
/* v0.5.81 – jeden spoločný rozmer Fotografie mesiaca na FOTO aj v archíve článkov */
:root{
--foto-side-column:400px;
--foto-month-image-height:250px;
}
@media (min-width:1281px){
.photo-section-page.photo-page-layout .photo-top-grid,
.photo-section-page.photo-page-layout .photo-lower-grid,
.photo-section-page.photo-page-layout .article-archive-layout{
grid-template-columns:minmax(0,1fr) var(--foto-side-column)!important;
gap:18px!important;
}
}
/* Rovnaký vonkajší kontajner, padding aj vnútorný obraz na oboch stránkach. */
.photo-section-page.photo-page-layout .home-month-block,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
padding:18px!important;
margin:0!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .clean-month-card{
box-sizing:border-box!important;
width:100%!important;
height:var(--foto-month-image-height)!important;
min-height:var(--foto-month-image-height)!important;
max-height:var(--foto-month-image-height)!important;
padding:12px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
border-radius:10px!important;
border:1px solid rgba(143,210,75,.45)!important;
background:linear-gradient(145deg,rgba(9,26,10,.90),rgba(5,15,6,.76))!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .clean-month-card img.cms-photo-bg{
position:static!important;
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
}
/* Horné dva bloky na FOTO majú zhodnú výslednú výšku; prispôsobuje sa ľavý blok. */
.photo-section-page.photo-page-layout .photo-top-grid{
align-items:stretch!important;
}
.photo-section-page.photo-page-layout .photo-top-grid>.latest-home-block,
.photo-section-page.photo-page-layout .photo-top-grid>.home-month-block{
height:100%!important;
}
.photo-section-page.photo-page-layout .latest-home-block{
min-height:0!important;
}
@media (max-width:1280px) and (min-width:901px){
:root{--foto-side-column:315px;--foto-month-image-height:220px;}
.photo-section-page.photo-page-layout .photo-top-grid,
.photo-section-page.photo-page-layout .photo-lower-grid,
.photo-section-page.photo-page-layout .article-archive-layout{
grid-template-columns:minmax(0,1fr) var(--foto-side-column)!important;
}
}
@media (max-width:900px){
.photo-section-page.photo-page-layout .home-month-block,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block{
width:100%!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .clean-month-card{
height:auto!important;
min-height:220px!important;
max-height:360px!important;
}
}
/* v0.5.82 – FOTO: pravý panel je jeden pevný komponent na každej stránke */
@media (min-width:901px){
.photo-section-page.photo-page-layout{
--foto-fixed-sidebar:400px;
--foto-month-card-height:250px;
}
/* Rovnaký pravý stĺpec na úvode FOTO aj vo Všetkých článkoch. */
.photo-section-page.photo-page-layout .photo-top-grid,
.photo-section-page.photo-page-layout .photo-lower-grid,
.photo-section-page.photo-page-layout .article-archive-layout{
grid-template-columns:minmax(0,1fr) var(--foto-fixed-sidebar)!important;
column-gap:18px!important;
}
.photo-section-page.photo-page-layout .article-archive-sidebar,
.photo-section-page.photo-page-layout .photo-top-grid>.home-month-block,
.photo-section-page.photo-page-layout .photo-lower-grid>.photo-stats-bottom{
width:var(--foto-fixed-sidebar)!important;
min-width:var(--foto-fixed-sidebar)!important;
max-width:var(--foto-fixed-sidebar)!important;
box-sizing:border-box!important;
}
/* FOTOGRAFIA MESIACA – identický kontajner, obrázok aj popis všade. */
.photo-section-page.photo-page-layout .home-month-block,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block{
width:var(--foto-fixed-sidebar)!important;
min-width:var(--foto-fixed-sidebar)!important;
max-width:var(--foto-fixed-sidebar)!important;
padding:18px!important;
margin:0!important;
box-sizing:border-box!important;
border:1px solid rgba(86,150,54,.42)!important;
border-radius:18px!important;
background:rgba(0,0,0,.48)!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .clean-month-card{
width:100%!important;
height:var(--foto-month-card-height)!important;
min-height:var(--foto-month-card-height)!important;
max-height:var(--foto-month-card-height)!important;
padding:12px!important;
margin:0!important;
box-sizing:border-box!important;
border:1px solid rgba(143,210,75,.45)!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(9,26,10,.90),rgba(5,15,6,.76))!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
.photo-section-page.photo-page-layout .home-month-block .clean-month-card img.cms-photo-bg,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .clean-month-card img.cms-photo-bg{
position:static!important;
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
}
.photo-section-page.photo-page-layout .home-month-block .month-caption,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block .month-caption{
margin-top:10px!important;
min-height:32px!important;
}
/* ŠTATISTIKY – identická šírka, padding, nadpis a jednotlivé karty všade. */
.photo-section-page.photo-page-layout .photo-stats-bottom,
.photo-section-page.photo-page-layout .article-archive-sidebar .photo-stats-bottom{
width:var(--foto-fixed-sidebar)!important;
min-width:var(--foto-fixed-sidebar)!important;
max-width:var(--foto-fixed-sidebar)!important;
padding:22px!important;
margin:0!important;
box-sizing:border-box!important;
border:1px solid rgba(86,150,54,.42)!important;
border-radius:18px!important;
background:rgba(0,0,0,.48)!important;
}
.photo-section-page.photo-page-layout .photo-stats-bottom .block-title-row,
.photo-section-page.photo-page-layout .article-archive-sidebar .photo-stats-bottom .block-title-row{
margin:0 0 14px!important;
}
.photo-section-page.photo-page-layout .photo-stats-bottom .photo-stats-strip,
.photo-section-page.photo-page-layout .article-archive-sidebar .photo-stats-bottom .photo-stats-strip{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
margin:0!important;
}
.photo-section-page.photo-page-layout .photo-stats-bottom .photo-stats-strip>span,
.photo-section-page.photo-page-layout .article-archive-sidebar .photo-stats-bottom .photo-stats-strip>span{
min-height:72px!important;
padding:14px 16px!important;
box-sizing:border-box!important;
border-radius:12px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
}
@media (max-width:900px){
.photo-section-page.photo-page-layout .home-month-block,
.photo-section-page.photo-page-layout .photo-stats-bottom,
.photo-section-page.photo-page-layout .article-archive-sidebar,
.photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block,
.photo-section-page.photo-page-layout .article-archive-sidebar .photo-stats-bottom{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
/* v0.5.83 – FOTO úvod používa rovnaký pevný pravý panel ako Všetky články */
.photo-section-page.photo-page-layout .photo-home-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 400px;
gap:18px;
align-items:start;
margin-top:22px;
}
.photo-section-page.photo-page-layout .photo-home-main{
min-width:0;
display:flex;
flex-direction:column;
gap:18px;
}
.photo-section-page.photo-page-layout .photo-home-main>.photo-block{
margin:0!important;
max-width:none!important;
}
.photo-section-page.photo-page-layout .photo-home-sidebar{
width:400px;
min-width:400px;
max-width:400px;
display:flex;
flex-direction:column;
gap:18px;
align-self:start;
}
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block,
.photo-section-page.photo-page-layout .photo-home-sidebar .photo-stats-bottom{
width:400px!important;
min-width:400px!important;
max-width:400px!important;
margin:0!important;
}
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block{
padding:18px!important;
box-sizing:border-box!important;
border:1px solid rgba(86,150,54,.42)!important;
border-radius:18px!important;
background:rgba(0,0,0,.48)!important;
}
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block .clean-month-card{
width:100%!important;
height:250px!important;
min-height:250px!important;
max-height:250px!important;
}
.photo-section-page.photo-page-layout .photo-home-main .latest-home-block{
min-height:0!important;
height:auto!important;
}
@media(max-width:1280px) and (min-width:901px){
.photo-section-page.photo-page-layout .photo-home-layout{grid-template-columns:minmax(0,1fr) 315px;}
.photo-section-page.photo-page-layout .photo-home-sidebar,
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block,
.photo-section-page.photo-page-layout .photo-home-sidebar .photo-stats-bottom{
width:315px!important;min-width:315px!important;max-width:315px!important;
}
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block .clean-month-card{
height:220px!important;min-height:220px!important;max-height:220px!important;
}
}
@media(max-width:900px){
.photo-section-page.photo-page-layout .photo-home-layout{grid-template-columns:1fr;}
.photo-section-page.photo-page-layout .photo-home-sidebar,
.photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block,
.photo-section-page.photo-page-layout .photo-home-sidebar .photo-stats-bottom{
width:100%!important;min-width:0!important;max-width:none!important;
}
}
/* v0.5.84 – kompaktná klikateľná aktivita + mobilné rozostupy a celé názvy galérií */
.activity-wide-block{
padding:18px!important;
}
.activity-wide{
max-width:1240px!important;
padding:24px 28px!important;
}
.activity-wide h2{
margin:4px 0 14px!important;
font-size:34px!important;
}
.activity-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 24px;
}
.activity-item{
display:grid;
grid-template-columns:96px 150px minmax(0,1fr);
align-items:center;
gap:10px;
min-height:50px;
padding:10px 8px;
border-top:1px solid rgba(255,255,255,.09);
color:#ddd;
text-decoration:none;
transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.activity-item:nth-child(-n+2){border-top:0}
.activity-item:hover,
.activity-item:focus-visible{
background:rgba(98,189,55,.055);
border-color:rgba(143,210,75,.28);
box-shadow:inset 0 0 0 1px rgba(143,210,75,.08);
outline:none;
}
.activity-date{color:#9bdd54;font-weight:800}
.activity-type{color:#ddd}
.activity-item strong{color:#9bdd54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-empty{grid-column:1/-1;padding:12px 8px;color:#ddd}
.activity-empty span{color:#9bdd54;font-weight:800;margin-right:10px}
@media(max-width:900px){
/* Úvod: ikona má vlastný priestor medzi úvodným textom a názvom sekcie. */
.panel-content{height:360px!important;bottom:26px!important}
.section-icon-link{top:-44px!important}
.panel-content h2{top:38px!important}
.panel-content .line{top:128px!important}
.panel-content h3{top:160px!important}
.panel-content p{top:208px!important}
.activity-grid{grid-template-columns:1fr}
.activity-item:nth-child(2){border-top:1px solid rgba(255,255,255,.09)}
.activity-item:first-child{border-top:0}
.activity-item{grid-template-columns:88px 132px minmax(0,1fr);gap:8px}
}
@media(max-width:760px){
/* Galérie: celý názov hore, ikona samostatne nižšie. */
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
min-height:158px!important;
height:158px!important;
padding:18px 14px 52px 16px!important;
justify-content:flex-start!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{
width:100%!important;
max-width:100%!important;
font-size:21px!important;
line-height:1.05!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:none!important;
}
body .photo-lower-grid .gallery-category-card p,
body .gallery-category-card p{
width:100%!important;
max-width:100%!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
top:auto!important;
right:12px!important;
bottom:12px!important;
transform:none!important;
width:38px!important;
height:38px!important;
max-width:38px!important;
max-height:38px!important;
}
}
@media(max-width:430px){
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
min-height:150px!important;
height:150px!important;
padding:16px 12px 48px 14px!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{font-size:20px!important}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
right:10px!important;
bottom:10px!important;
width:34px!important;
height:34px!important;
}
.activity-wide{padding:20px 16px!important}
.activity-wide h2{font-size:30px!important}
.activity-item{
grid-template-columns:1fr;
gap:3px;
padding:10px 4px;
}
.activity-item strong{white-space:normal}
}
/* v0.5.85 – univerzálna ročná navigácia FOTO */
.photo-year-nav{
grid-column:1/-1;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:min(1180px,calc(100% - 36px));
margin:16px auto 24px;
padding:10px 14px;
border:1px solid rgba(143,210,75,.28);
border-radius:14px;
background:rgba(8,14,11,.78);
box-shadow:0 14px 34px rgba(0,0,0,.2), inset 0 0 24px rgba(143,210,75,.025);
overflow:visible;
}
.photo-year-nav a,
.photo-year-archive{
min-height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
padding:7px 13px;
border:1px solid transparent;
border-radius:10px;
color:#c9cfca;
font-size:14px;
font-weight:750;
letter-spacing:.025em;
line-height:1;
text-decoration:none;
white-space:nowrap;
transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.photo-year-nav a:hover,
.photo-year-nav a:focus-visible,
.photo-year-archive:hover,
.photo-year-archive:focus-within{
color:#a8e56a;
border-color:rgba(143,210,75,.34);
background:rgba(143,210,75,.06);
box-shadow:0 0 18px rgba(143,210,75,.1);
outline:none;
}
.photo-year-nav a.active,
.photo-year-archive.active{
color:#b8f47a;
border-color:rgba(143,210,75,.52);
background:rgba(143,210,75,.105);
box-shadow:0 0 20px rgba(143,210,75,.14),inset 0 0 12px rgba(143,210,75,.035);
}
.photo-year-all svg{
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.photo-year-divider{
width:1px;
height:24px;
margin:0 2px;
background:rgba(255,255,255,.12);
}
.photo-year-archive{
position:relative;
padding-right:28px;
cursor:pointer;
}
.photo-year-archive::after{
content:'⌄';
position:absolute;
right:10px;
top:50%;
transform:translateY(-56%);
color:currentColor;
pointer-events:none;
}
.photo-year-archive select{
position:absolute;
inset:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}
@media(max-width:900px){
.photo-year-nav{
justify-content:flex-start;
width:calc(100% - 24px);
margin:12px auto 20px;
padding:9px 10px;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
scrollbar-color:rgba(143,210,75,.45) transparent;
}
.photo-year-nav::-webkit-scrollbar{height:4px}
.photo-year-nav::-webkit-scrollbar-thumb{background:rgba(143,210,75,.45);border-radius:8px}
.photo-year-nav a,.photo-year-archive{flex:0 0 auto}
}
@media(max-width:520px){
.photo-year-nav{gap:5px;border-radius:12px}
.photo-year-nav a,.photo-year-archive{min-height:34px;padding:6px 10px;font-size:13px}
.photo-year-archive{padding-right:25px}
}
/* v0.5.86 – plná šírka ročnej navigácie a Poslednej aktivity, jednotné medzery */
.photo-section-page.photo-page-layout .photo-year-nav{
width:100%!important;
max-width:none!important;
margin:18px 0!important;
box-sizing:border-box!important;
}
.photo-section-page.photo-page-layout .photo-home-layout{
margin-top:0!important;
}
.photo-section-page.photo-page-layout .activity-wide-block{
width:100%!important;
max-width:none!important;
margin:18px 0 0!important;
padding:0!important;
box-sizing:border-box!important;
}
.photo-section-page.photo-page-layout .activity-wide{
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
@media(max-width:900px){
.photo-section-page.photo-page-layout .photo-year-nav{
width:100%!important;
margin:14px 0!important;
}
.photo-section-page.photo-page-layout .activity-wide-block{
margin-top:14px!important;
}
}
/* v0.5.87 – reálna plná šírka rokov a poslednej aktivity + jednotné medzery */
body .photo-section-page.photo-page-layout > .photo-year-nav{
display:flex!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:18px 0!important;
box-sizing:border-box!important;
}
body .photo-section-page.photo-page-layout > .photo-year-nav + .photo-home-layout{
margin-top:0!important;
}
body .photo-section-page.photo-page-layout > .activity-wide-block{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:18px 0 0!important;
padding:18px!important;
box-sizing:border-box!important;
}
body .photo-section-page.photo-page-layout > .activity-wide-block > .activity-wide{
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
box-sizing:border-box!important;
}
@media(max-width:900px){
body .photo-section-page.photo-page-layout > .photo-year-nav{
width:100%!important;
max-width:100%!important;
margin:14px 0!important;
}
body .photo-section-page.photo-page-layout > .activity-wide-block{
width:100%!important;
max-width:100%!important;
margin-top:14px!important;
}
}
/* v0.5.88 – dynamická chronologická lišta rokov bez archívu */
body .photo-section-page.photo-page-layout > .photo-year-nav{
display:grid!important;
grid-template-columns:42px minmax(0,1fr) 42px!important;
align-items:center!important;
gap:10px!important;
width:100%!important;
max-width:none!important;
margin:18px 0!important;
padding:9px 12px!important;
overflow:hidden!important;
}
.photo-year-viewport{
min-width:0;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:none;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
}
.photo-year-viewport::-webkit-scrollbar{display:none}
.photo-year-track{
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
width:max-content;
min-width:100%;
}
.photo-year-item{
flex:0 0 auto;
min-width:72px;
min-height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 15px;
border:1px solid transparent;
border-radius:10px;
color:#c9cfca;
font-size:14px;
font-weight:800;
letter-spacing:.025em;
line-height:1;
text-decoration:none;
white-space:nowrap;
transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.photo-year-item:hover,.photo-year-item:focus-visible{
color:#a8e56a;
border-color:rgba(143,210,75,.34);
background:rgba(143,210,75,.06);
box-shadow:0 0 18px rgba(143,210,75,.1);
outline:none;
}
.photo-year-item.active{
color:#b8f47a;
border-color:rgba(143,210,75,.58);
background:rgba(143,210,75,.12);
box-shadow:0 0 20px rgba(143,210,75,.15),inset 0 0 12px rgba(143,210,75,.04);
}
.photo-year-arrow{
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid rgba(143,210,75,.34);
border-radius:10px;
background:rgba(143,210,75,.055);
color:#a8e56a;
font-size:28px;
line-height:1;
cursor:pointer;
transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.photo-year-arrow:hover,.photo-year-arrow:focus-visible{
color:#c4f78b;
border-color:rgba(143,210,75,.58);
background:rgba(143,210,75,.105);
box-shadow:0 0 18px rgba(143,210,75,.14);
outline:none;
}
.photo-year-arrow:disabled{opacity:.24;cursor:default;box-shadow:none}
@media(min-width:1000px){
.photo-year-track{justify-content:flex-start}
}
@media(max-width:700px){
body .photo-section-page.photo-page-layout > .photo-year-nav{
grid-template-columns:36px minmax(0,1fr) 36px!important;
gap:6px!important;
padding:8px!important;
}
.photo-year-arrow{width:34px;height:34px;font-size:24px}
.photo-year-track{gap:6px}
.photo-year-item{min-width:64px;min-height:34px;padding:6px 11px;font-size:13px}
}
/* v0.5.89 – roky tesne za sebou a celý slovenský dátum aktivity */
.photo-year-track{
justify-content:flex-start!important;
}
.activity-date{
white-space:nowrap!important;
min-width:108px!important;
width:auto!important;
display:inline-block!important;
}
@media(max-width:700px){
.activity-date{min-width:92px!important}
}
/* v0.5.91 – mobilná stabilizácia bez zmeny desktopu */
@media (max-width: 900px){
html,body{width:100%;max-width:100%;overflow-x:hidden!important;height:auto!important}
body{overflow-y:auto!important}
img,svg{max-width:100%}
/* Spoločná horná lišta: bez prekrývania, menu sa posúva vodorovne. */
.site-header,
.section-body .site-header,
.section-header{
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
height:auto!important;
min-height:66px!important;
padding:11px 14px 9px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:7px!important;
background:rgba(0,0,0,.94)!important;
}
.brand{font-size:27px!important;line-height:1!important}
.main-nav{
width:100%!important;
display:flex!important;
flex-wrap:nowrap!important;
gap:18px!important;
margin:0!important;
padding:0 0 2px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
scrollbar-width:none!important;
font-size:12px!important;
}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{flex:0 0 auto!important;padding:7px 0!important}
/* Úvod: každá sekcia je samostatná, text a ikona už nie sú absolútne cez seba. */
.home{display:block!important;height:auto!important;min-height:0!important}
.home .panel{
width:100%!important;
min-width:0!important;
height:auto!important;
min-height:760px!important;
display:flex!important;
align-items:flex-end!important;
padding:130px 18px 34px!important;
overflow:hidden!important;
}
.home .panel-photo{padding-top:245px!important}
.home .hero-photo{inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.home .hero-photo img{min-width:100%;min-height:100%;object-fit:cover!important}
.home .intro{
top:94px!important;
left:16px!important;
right:16px!important;
transform:none!important;
width:auto!important;
max-width:none!important;
padding:12px 8px!important;
}
.home .intro:before{width:100%!important;max-width:none!important;height:170px!important}
.home .welcome{font-size:28px!important}
.home .name{font-size:34px!important;white-space:normal!important}
.home .intro p{font-size:16px!important;line-height:1.35!important}
.home .panel-content{
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
top:auto!important;
width:100%!important;
height:auto!important;
min-height:0!important;
padding:92px 14px 8px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:14px!important;
}
.home .panel-content:before{width:112%!important;height:112%!important;top:52%!important}
.home .panel-content .section-icon,
.home .panel-content .section-icon-link{
position:absolute!important;
top:10px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:64px!important;
height:64px!important;
margin:0!important;
}
.home .panel-content h2,
.home .panel-content .line,
.home .panel-content h3,
.home .panel-content p,
.home .panel-content .btn,
.home .panel-content .bee-subtitle{
position:static!important;
inset:auto!important;
transform:none!important;
margin:0!important;
}
.home .panel-content h2{font-size:44px!important;line-height:1.02!important}
.home .panel-content .line{width:130px!important;height:2px!important}
.home .panel-content h3{font-size:20px!important;line-height:1.2!important}
.home .panel-content p{font-size:16px!important;line-height:1.45!important;max-width:520px!important}
.home .panel-content .bee-subtitle{width:200px!important;max-height:62px!important;object-fit:contain!important}
.home .panel-content .btn{min-width:154px!important;padding:13px 22px!important;margin-top:4px!important}
/* FOTO: jedna čistá zvislá os, nič fixné ani vedľa seba. */
.photo-section-page.photo-page-layout{
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
padding:18px 12px 30px!important;
gap:14px!important;
}
.photo-section-page.photo-page-layout > *{min-width:0!important;max-width:100%!important}
.photo-section-intro{order:1!important}
.photo-side-note{order:2!important}
.photo-year-nav{order:3!important}
.photo-home-layout,.gallery-open-block,.photo-detail-stage,.article-detail-wrap,.article-archive-layout{order:4!important}
.activity-wide-block{order:5!important}
.photo-side-note{
position:static!important;
left:auto!important;top:auto!important;
width:100%!important;
margin:0!important;
padding:18px!important;
border:1px solid rgba(98,189,55,.28)!important;
border-radius:16px!important;
}
.photo-section-intro{
width:100%!important;
margin:0!important;
padding:22px 18px 20px!important;
border-radius:16px!important;
overflow:visible!important;
}
.photo-section-intro h1{font-size:clamp(32px,10vw,44px)!important;padding-right:54px!important}
.photo-section-intro .lead{font-size:16px!important;line-height:1.5!important}
.photo-section-intro .section-corner-icon.photo{
top:18px!important;right:16px!important;width:42px!important;height:42px!important
}
.photo-year-nav,
body .photo-section-page.photo-page-layout > .photo-year-nav{
width:100%!important;
margin:0!important;
grid-template-columns:34px minmax(0,1fr) 34px!important;
gap:5px!important;
padding:7px!important;
}
.photo-year-arrow{width:32px!important;height:32px!important;font-size:22px!important}
.photo-year-item{min-width:60px!important;min-height:32px!important;padding:5px 9px!important;font-size:12px!important}
.photo-home-layout,
.article-archive-layout{
display:flex!important;
flex-direction:column!important;
width:100%!important;
margin:0!important;
gap:14px!important;
}
.photo-home-main,.photo-home-sidebar,.article-archive-sidebar{
width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:14px!important
}
.photo-home-sidebar{order:2!important}
.photo-block,
.photo-home-main>.photo-block,
.photo-home-sidebar>.photo-block,
.article-archive-sidebar>.photo-block{
width:100%!important;max-width:none!important;margin:0!important;padding:18px!important;border-radius:16px!important
}
.block-title-row{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:14px!important}
.photo-block h2,.photo-feature-grid h2{font-size:30px!important;line-height:1.08!important}
.latest-photo-grid,.latest-home-grid,.clean-photo-grid,.gallery-photo-grid,
.gallery-category-grid,.article-row,.article-archive-grid,
.articles-home-compact .article-row{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.latest-photo-card,.clean-photo-card,.article-card-link article{min-width:0!important}
.latest-photo-card,.clean-photo-card{min-height:190px!important}
.gallery-category-card{
min-height:142px!important;height:auto!important;padding:16px 12px 48px!important
}
.gallery-category-card h3{font-size:20px!important;line-height:1.08!important;padding-right:0!important}
.gallery-category-card .category-symbol{right:10px!important;bottom:10px!important;top:auto!important;width:34px!important;height:34px!important;transform:none!important}
.home-month-block,.photo-stats-bottom,
.photo-home-sidebar .home-month-block,.photo-home-sidebar .photo-stats-bottom,
.article-archive-sidebar .home-month-block,.article-archive-sidebar .photo-stats-bottom{
width:100%!important;min-width:0!important;max-width:none!important
}
.home-month-block .clean-month-card,
.photo-home-sidebar .home-month-block .clean-month-card,
.article-archive-sidebar .home-month-block .clean-month-card{
width:100%!important;height:auto!important;min-height:210px!important;max-height:none!important
}
.photo-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.photo-stats-strip>span{min-height:66px!important;padding:12px!important}
.activity-wide-block,
body .photo-section-page.photo-page-layout > .activity-wide-block{
width:100%!important;margin:0!important;padding:0!important
}
.activity-wide{width:100%!important;max-width:none!important;padding:18px!important}
.activity-wide h2{font-size:28px!important}
.activity-grid{grid-template-columns:1fr!important;gap:0!important}
.activity-item{
grid-template-columns:96px minmax(0,1fr)!important;
gap:4px 9px!important;
min-height:0!important;
padding:11px 2px!important;
}
.activity-date{grid-column:1!important;grid-row:1/3!important;min-width:0!important;font-size:13px!important}
.activity-type{grid-column:2!important;font-size:13px!important}
.activity-item strong{grid-column:2!important;white-space:normal!important;overflow:visible!important;font-size:14px!important}
.article-detail-card{padding:18px!important}
.article-detail-card h1{font-size:clamp(30px,9vw,42px)!important}
.article-body{font-size:16px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
.article-inline-photo{max-width:100%!important}
.article-pagination{grid-template-columns:1fr!important;gap:12px!important}
.article-page-numbers{gap:6px!important}
.article-page-numbers a{min-width:34px!important;height:34px!important}
.photo-detail-stage{width:100%!important;min-width:0!important;padding:54px 0 0!important}
.photo-detail-figure{width:100%!important;max-width:100%!important;margin:0!important}
.photo-detail-figure img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.detail-nav-arrow{display:none!important}
.detail-floating-gallery-link{top:4px!important;right:4px!important;width:42px!important;height:42px!important}
}
@media (max-width: 520px){
.home .panel{min-height:720px!important;padding-left:12px!important;padding-right:12px!important}
.home .panel-content{padding-left:8px!important;padding-right:8px!important}
.home .panel-content h2{font-size:39px!important}
.home .panel-content p{font-size:15px!important}
.photo-section-page.photo-page-layout{padding-left:9px!important;padding-right:9px!important}
.photo-section-intro,.photo-block,.photo-side-note{padding-left:14px!important;padding-right:14px!important}
.latest-photo-grid,.latest-home-grid,.clean-photo-grid,.gallery-photo-grid,
.gallery-category-grid,.article-row,.article-archive-grid,
.articles-home-compact .article-row{grid-template-columns:1fr!important}
.latest-photo-card,.clean-photo-card{min-height:230px!important}
.photo-stats-strip{grid-template-columns:1fr!important}
.activity-item{grid-template-columns:84px minmax(0,1fr)!important}
}
@media (max-width:768px){
.btn{
min-width:190px!important;
padding:15px 40px!important;
}
.btn:before{left:12px!important;}
.btn:after{right:12px!important;}
}
/* v0.5.94 – mobil: celé názvy galérií, ikona pod názvom */
@media (max-width: 760px){
body .photo-lower-grid .gallery-category-grid,
body .gallery-category-grid{
grid-template-columns:1fr!important;
gap:14px!important;
}
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
min-height:148px!important;
height:auto!important;
padding:18px 18px 58px!important;
display:block!important;
overflow:visible!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0 0 8px!important;
padding:0!important;
font-size:24px!important;
line-height:1.15!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
body .photo-lower-grid .gallery-category-card p,
body .gallery-category-card p,
body .photo-lower-grid .gallery-category-card small,
body .gallery-category-card small{
display:block!important;
width:100%!important;
max-width:none!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
left:18px!important;
right:auto!important;
top:auto!important;
bottom:14px!important;
transform:none!important;
width:38px!important;
height:38px!important;
max-width:38px!important;
max-height:38px!important;
}
}
@media (max-width: 430px){
body .photo-lower-grid .gallery-category-card,
body .gallery-category-card{
min-height:142px!important;
padding:16px 16px 54px!important;
}
body .photo-lower-grid .gallery-category-card h3,
body .gallery-category-card h3{
font-size:22px!important;
}
body .photo-lower-grid .gallery-category-card .category-symbol,
body .gallery-category-card .category-symbol{
left:16px!important;
bottom:12px!important;
width:34px!important;
height:34px!important;
max-width:34px!important;
max-height:34px!important;
}
}
/* v0.5.96 – iba mobil: hviezdičky tlačidla VSTÚPIŤ oddelené od textu */
@media (max-width: 768px){
.home .panel-content .btn{
width:260px!important;
min-width:260px!important;
max-width:calc(100vw - 48px)!important;
padding:15px 54px!important;
letter-spacing:5px!important;
white-space:nowrap!important;
}
.home .panel-content .btn:before{
left:18px!important;
}
.home .panel-content .btn:after{
right:18px!important;
}
}
@media (max-width: 340px){
.home .panel-content .btn{
width:244px!important;
min-width:244px!important;
max-width:calc(100vw - 36px)!important;
padding-left:48px!important;
padding-right:48px!important;
letter-spacing:4px!important;
}
.home .panel-content .btn:before{left:15px!important}
.home .panel-content .btn:after{right:15px!important}
}
/* v0.5.97 – stránka Kontakt v jednotnom dizajne vilko.eu */
.contact-body{
min-height:100%;
overflow:auto;
background:
radial-gradient(circle at 12% 18%,rgba(var(--section-rgb,98,189,55),.14),transparent 29%),
radial-gradient(circle at 88% 10%,rgba(214,163,19,.07),transparent 24%),
linear-gradient(145deg,#0c120c 0%,#050605 55%,#030303 100%);
}
.contact-page{
width:min(1480px,calc(100% - 48px));
margin:0 auto;
padding:104px 0 54px;
}
.site-outline{
border:1px solid rgba(98,189,55,.32);
border-radius:20px;
background:linear-gradient(145deg,rgba(8,14,9,.91),rgba(2,4,3,.88));
box-shadow:0 20px 50px rgba(0,0,0,.34),inset 0 0 28px rgba(98,189,55,.025);
}
.contact-hero{
position:relative;
min-height:185px;
padding:32px 116px 30px 38px;
display:flex;
align-items:center;
margin-bottom:18px;
}
.contact-eyebrow{
color:#62bd37;
font-weight:800;
font-size:14px;
letter-spacing:6px;
margin:0 0 10px;
}
.contact-hero h1{
margin:0 0 10px;
font-family:Georgia,serif;
font-size:54px;
line-height:1;
text-shadow:0 4px 20px rgba(0,0,0,.95);
}
.contact-hero p:not(.contact-eyebrow){
max-width:970px;
color:#dedede;
font-size:17px;
line-height:1.55;
}
.contact-hero-mail{
position:absolute;
right:30px;
top:50%;
transform:translateY(-50%);
width:58px;
height:58px;
display:grid;
place-items:center;
border:1px solid rgba(98,189,55,.65);
border-radius:14px;
color:#62bd37;
background:rgba(15,35,10,.72);
box-shadow:0 0 28px rgba(98,189,55,.48),inset 0 0 18px rgba(98,189,55,.09);
text-decoration:none;
transition:box-shadow .22s ease,border-color .22s ease;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible{
transform:translateY(-50%);
box-shadow:0 0 38px rgba(98,189,55,.72),inset 0 0 22px rgba(98,189,55,.13);
border-color:#72d743;
}
.contact-hero-mail svg,
.contact-big-icon svg,
.field-icon svg,
.contact-submit svg,
.contact-link-icon svg,
.contact-socials svg{
width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.contact-main{
max-width:980px;
margin:0 auto 18px;
padding:34px 46px 38px;
}
.contact-intro{text-align:center;margin-bottom:24px}
.contact-big-icon{display:block;width:48px;height:48px;margin:0 auto 10px;color:#62bd37;filter:drop-shadow(0 0 8px rgba(98,189,55,.45))}
.contact-intro h2{font-family:Georgia,serif;font-size:38px;font-weight:600;margin:0 0 5px}
.contact-intro>a{display:inline-block;color:#86d85c;text-decoration:none;font-family:Georgia,serif;font-size:30px;line-height:1.25}
.contact-intro>a:hover{text-shadow:0 0 12px rgba(98,189,55,.65)}
.contact-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;color:#62bd37}
.contact-divider i{display:block;width:118px;height:1px;background:rgba(98,189,55,.45)}
.contact-divider b{font-size:17px;font-weight:400}
.contact-notice{max-width:760px;margin:0 auto 18px;padding:14px 18px;border-radius:10px;text-align:center;line-height:1.5}
.contact-notice.success{border:1px solid rgba(98,189,55,.48);background:rgba(98,189,55,.1);color:#dff5d4}
.contact-notice.error{border:1px solid rgba(214,76,76,.55);background:rgba(214,76,76,.1);color:#ffd7d7}
.contact-form{max-width:760px;margin:0 auto}
.contact-field{position:relative;display:grid;grid-template-columns:34px 120px minmax(0,1fr);align-items:center;min-height:68px;border:1px solid rgba(98,189,55,.3);border-bottom:0;background:rgba(0,0,0,.23)}
.contact-field:first-of-type{border-radius:12px 12px 0 0}
.contact-message-field{align-items:start;min-height:230px;border-bottom:1px solid rgba(98,189,55,.3);border-radius:0 0 12px 12px;padding-top:18px}
.field-icon{width:22px;height:22px;margin-left:17px;color:#b9ccad}
.contact-field label{padding-left:12px;color:#d7d7d7;font-family:Georgia,serif;font-size:17px}
.contact-field input,
.contact-field textarea{width:100%;border:0;outline:0;background:transparent;color:#fff;font:16px/1.5 Arial,Helvetica,sans-serif;padding:20px 18px 20px 10px;resize:vertical}
.contact-message-field textarea{min-height:190px;padding-top:2px}
.contact-field:focus-within{border-color:rgba(98,189,55,.75);box-shadow:inset 3px 0 0 #62bd37,inset 0 0 18px rgba(98,189,55,.035)}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:210px;margin:28px auto 0;padding:14px 30px;border:1px solid #62bd37;border-radius:10px;background:rgba(5,15,4,.72);color:#9be275;font-weight:800;font-size:15px;letter-spacing:3px;cursor:pointer;box-shadow:0 0 17px rgba(98,189,55,.18);transition:box-shadow .22s ease,background .22s ease}
.contact-submit span{width:24px;height:24px}
.contact-submit:hover,.contact-submit:focus-visible{background:rgba(33,75,20,.42);box-shadow:0 0 28px rgba(98,189,55,.45)}
.contact-links{display:grid;grid-template-columns:1fr 1px 1.5fr;align-items:center;gap:40px;padding:28px 46px;margin-top:18px}
.contact-link-separator{width:1px;height:90px;background:rgba(98,189,55,.25)}
.contact-link-block{text-align:center}
.contact-link-block h3{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:0 0 14px}
.contact-link-icon{display:block;width:44px;height:44px;margin:0 auto 8px;color:#62bd37;text-decoration:none;filter:drop-shadow(0 0 7px rgba(98,189,55,.35))}
.contact-link-text{color:#98df73;text-decoration:none;font-size:16px}
.contact-socials{display:flex;align-items:center;justify-content:center;gap:30px}
.contact-socials span,
.contact-socials a{display:block;width:37px;height:37px;color:#78b955;opacity:.72}
.contact-socials span.is-disabled{cursor:default}
.contact-socials a{text-decoration:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease,filter .2s ease}
.contact-socials a:hover,.contact-socials a:focus-visible{transform:translateY(-2px) scale(1.06);opacity:1;outline:none}
.contact-link-block>p{font-size:12px;color:#8e988a;margin-top:10px}
@media(max-width:900px){
.contact-page{width:min(100% - 30px,760px);padding-top:118px}
.contact-hero{padding:28px 78px 26px 25px;min-height:170px}
.contact-hero h1{font-size:43px}
.contact-hero-mail{right:18px;width:50px;height:50px}
.contact-main{padding:30px 20px}
.contact-links{grid-template-columns:1fr;gap:24px;padding:28px 20px}
.contact-link-separator{width:100%;height:1px}
}
@media(max-width:620px){
.contact-page{width:calc(100% - 22px);padding-top:116px;padding-bottom:28px}
.contact-hero{display:block;padding:25px 22px 82px;min-height:0}
.contact-eyebrow{font-size:12px;letter-spacing:4px}
.contact-hero h1{font-size:38px}
.contact-hero p:not(.contact-eyebrow){font-size:15px;line-height:1.55}
.contact-hero-mail{left:22px;right:auto;top:auto;bottom:19px;transform:none;width:46px;height:46px}
.contact-hero-mail:hover,.contact-hero-mail:focus-visible{transform:none}
.contact-main{padding:26px 14px 30px}
.contact-intro h2{font-size:32px}
.contact-intro>a{font-size:24px;overflow-wrap:anywhere}
.contact-divider i{width:68px}
.contact-field{grid-template-columns:32px 1fr;grid-template-rows:auto auto;min-height:76px;padding:10px 12px 8px}
.field-icon{grid-row:1 / 3;margin-left:0;width:21px;height:21px}
.contact-field label{padding:0 0 2px 10px;font-size:15px}
.contact-field input,.contact-field textarea{padding:3px 4px 8px 10px;font-size:16px}
.contact-message-field{min-height:220px}
.contact-message-field textarea{min-height:170px}
.contact-submit{width:min(230px,100%);min-width:0;letter-spacing:2.5px}
.contact-socials{gap:22px}
.contact-socials span,
.contact-socials a{width:33px;height:33px}
}
/* v0.5.98 – kompaktný Kontakt bez rolovania na desktope */
@media (min-width: 901px){
.contact-body{overflow:hidden}
.contact-page{
width:min(1480px,calc(100% - 48px));
height:calc(100vh - 66px);
min-height:650px;
margin:0 auto;
padding:82px 0 14px;
display:grid;
grid-template-rows:132px minmax(0,1fr) 84px;
gap:14px;
}
.contact-hero{
min-height:0;
height:132px;
margin:0;
padding:22px 102px 20px 32px;
}
.contact-eyebrow{margin-bottom:5px;font-size:12px;letter-spacing:5px}
.contact-hero h1{font-size:44px;margin-bottom:5px}
.contact-hero p:not(.contact-eyebrow){font-size:15px;line-height:1.35;margin:0}
.contact-hero-mail{right:24px;width:50px;height:50px}
.contact-main{
width:100%;
max-width:none;
min-height:0;
margin:0;
padding:22px 28px;
display:grid;
grid-template-columns:minmax(250px,.72fr) minmax(520px,1.28fr);
grid-template-rows:auto minmax(0,1fr);
column-gap:34px;
align-items:center;
overflow:hidden;
}
.contact-intro{
grid-column:1;
grid-row:1 / span 2;
margin:0;
align-self:center;
}
.contact-big-icon{width:42px;height:42px;margin-bottom:7px}
.contact-intro h2{font-size:34px;margin-bottom:4px}
.contact-intro>a{font-size:25px}
.contact-divider{margin-top:13px}
.contact-divider i{width:88px}
.contact-notice{grid-column:2;margin:0 0 8px;padding:9px 14px;font-size:14px}
.contact-form{
grid-column:2;
width:100%;
max-width:none;
margin:0;
align-self:center;
}
.contact-field{
grid-template-columns:32px 105px minmax(0,1fr);
min-height:52px;
}
.field-icon{width:19px;height:19px;margin-left:14px}
.contact-field label{font-size:15px;padding-left:8px}
.contact-field input,
.contact-field textarea{font-size:15px;padding:13px 14px 13px 8px}
.contact-message-field{
min-height:142px;
max-height:142px;
padding-top:13px;
}
.contact-message-field textarea{
min-height:104px;
max-height:104px;
height:104px;
overflow-y:auto;
resize:none;
padding-top:1px;
}
.contact-submit{
min-width:190px;
margin-top:14px;
padding:11px 25px;
font-size:14px;
}
.contact-submit span{width:21px;height:21px}
.contact-links{
width:100%;
min-height:0;
height:84px;
margin:0;
padding:12px 28px;
grid-template-columns:1fr 1px 1.55fr;
gap:28px;
border-radius:16px;
}
.contact-link-separator{height:50px}
.contact-link-block{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}
.contact-link-block h3{font-size:18px;margin:0;white-space:nowrap}
.contact-link-icon{width:32px;height:32px;margin:0}
.contact-link-text{font-size:15px;white-space:nowrap}
.contact-socials{gap:22px}
.contact-socials span,
.contact-socials a{width:30px;height:30px;opacity:1}
.contact-link-block>p{display:none}
}
/* originálne farby sociálnych sietí */
.contact-socials > :nth-child(1){color:#E4405F}
.contact-socials > :nth-child(2){color:#1877F2}
.contact-socials > :nth-child(3){color:#FF0000}
.contact-socials > :nth-child(4){color:#FC4C02}
.contact-socials span,
.contact-socials a{filter:drop-shadow(0 0 5px currentColor)}
/* mobil a tablet – uprataná verzia, spodná lišta vždy na konci obsahu */
@media (max-width: 900px){
.contact-body{overflow:auto}
.contact-page{display:flex;flex-direction:column;min-height:100vh;gap:14px}
.contact-hero,.contact-main,.contact-links{margin:0}
.contact-links{margin-top:auto}
.contact-message-field textarea{overflow-y:auto;resize:none}
}
@media (max-width:620px){
.contact-page{padding-bottom:12px;gap:12px}
.contact-hero{padding-top:20px;padding-bottom:68px}
.contact-main{padding:18px 12px 20px}
.contact-intro{margin-bottom:16px}
.contact-big-icon{width:36px;height:36px;margin-bottom:6px}
.contact-intro h2{font-size:28px}
.contact-intro>a{font-size:21px}
.contact-divider{margin-top:10px}
.contact-field{min-height:64px}
.contact-message-field{min-height:168px;max-height:168px}
.contact-message-field textarea{min-height:122px;max-height:122px;height:122px}
.contact-submit{margin-top:16px;padding:12px 24px}
.contact-links{padding:14px 12px;gap:13px}
.contact-link-block{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px}
.contact-link-block h3{width:100%;margin:0 0 2px;font-size:18px}
.contact-link-icon{width:30px;height:30px;margin:0}
.contact-link-text{font-size:14px}
.contact-socials{gap:18px}
.contact-socials span,
.contact-socials a{width:29px;height:29px}
}
/* v0.5.99 – oprava Kontakt: jednotná horná ikona, bez ozdobnej čiary, kompaktná ale oddelená spodná lišta */
.contact-divider{display:none!important;}
.contact-hero-mail{
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
right:12px!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:14px!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22)!important;
}
.contact-hero-mail svg{
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 10px rgba(98,189,55,.95)) drop-shadow(0 8px 16px rgba(0,0,0,.95))!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{
transform:translateY(-50%)!important;
box-shadow:0 0 30px rgba(98,189,55,.52)!important;
}
@media (min-width:901px){
.contact-links{
height:72px!important;
min-height:72px!important;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1.25fr)!important;
gap:42px!important;
padding:10px 48px!important;
}
.contact-link-separator{
display:block!important;
width:1px!important;
height:42px!important;
background:rgba(98,189,55,.28)!important;
}
.contact-link-block{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:nowrap!important;
gap:18px!important;
min-width:0!important;
}
.contact-link-block h3{
margin:0!important;
font-size:17px!important;
white-space:nowrap!important;
}
.contact-link-icon{
width:28px!important;
height:28px!important;
margin:0!important;
flex:0 0 auto!important;
}
.contact-link-text{
font-size:14px!important;
white-space:nowrap!important;
}
.contact-socials{
gap:24px!important;
flex-wrap:nowrap!important;
}
.contact-socials span,
.contact-socials a{
width:27px!important;
height:27px!important;
flex:0 0 auto!important;
}
}
@media (max-width:900px){
.contact-hero-mail{
width:40px!important;
height:40px!important;
right:14px!important;
}
.contact-hero-mail svg{width:40px!important;height:40px!important;}
.contact-links{
grid-template-columns:1fr!important;
gap:14px!important;
padding:14px 16px!important;
}
.contact-link-separator{
display:block!important;
width:100%!important;
height:1px!important;
background:rgba(98,189,55,.24)!important;
}
.contact-link-block{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:10px 14px!important;
}
}
@media (max-width:620px){
.contact-hero-mail{
left:auto!important;
right:14px!important;
top:50%!important;
bottom:auto!important;
transform:translateY(-50%)!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{transform:translateY(-50%)!important;}
.contact-links{padding:12px 14px!important;}
}
/* v0.5.101 – Kontakt: reálne IMG pozadie z aktuálnej Fotografie mesiaca */
.contact-intro.has-month-photo{
position:relative;
isolation:isolate;
overflow:hidden;
min-height:100%;
padding:28px 24px;
border:1px solid rgba(98,189,55,.28);
border-radius:16px;
background:#020503;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
box-shadow:inset 0 0 28px rgba(98,189,55,.025);
}
.contact-month-photo-bg{
position:absolute;
inset:-4px;
width:calc(100% + 8px);
height:calc(100% + 8px);
object-fit:cover;
object-position:center;
opacity:.40;
filter:blur(1.5px);
transform:scale(1.02);
z-index:0;
pointer-events:none;
}
.contact-intro.has-month-photo::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(145deg,rgba(1,7,2,.32),rgba(0,0,0,.52));
pointer-events:none;
}
.contact-intro.has-month-photo .contact-big-icon,
.contact-intro.has-month-photo h2,
.contact-intro.has-month-photo > a{
position:relative;
z-index:2;
}
@media (min-width:901px){
.contact-main .contact-intro.has-month-photo{
align-self:stretch;
min-height:0;
margin:0;
}
}
@media (max-width:900px){
.contact-intro.has-month-photo{
min-height:230px;
margin-bottom:18px;
}
}
@media (max-width:620px){
.contact-intro.has-month-photo{
min-height:190px;
padding:22px 16px;
border-radius:14px;
}
}
/* v0.5.102 – výraznejšie Foto mesiaca, zarovnanie OSOBNE, univerzálny osobný panel */
@media (min-width:901px){
body .photo-section-page.photo-page-layout > .photo-side-note{top:92px!important;}
}
.section-with-personal{
min-height:100vh;
padding:92px 34px 44px 320px;
position:relative;
background:radial-gradient(circle at 14% 10%,rgba(98,189,55,.15),transparent 28%),linear-gradient(135deg,#0b120b 0%,#050505 60%,#030303 100%);
}
.section-personal-note{
position:fixed;
left:24px;
top:92px;
width:230px;
z-index:2;
padding:24px 22px;
border:1px solid rgba(143,210,75,.32);
border-radius:18px;
background:linear-gradient(145deg,rgba(7,18,8,.72),rgba(0,0,0,.42));
box-shadow:0 18px 52px rgba(0,0,0,.38),inset 0 0 34px rgba(143,210,75,.035);
color:#d8dfd6;
}
.section-personal-note .eyebrow{margin:0 0 14px;color:#78dc43;font-weight:900;letter-spacing:.34em;font-size:13px;}
.section-personal-note h2{margin:0 0 16px;color:#fff;font-family:Georgia,serif;font-size:26px;line-height:1.12;}
.section-personal-note .personal-text{margin:0;color:#d7d7d7;font-size:15px;line-height:1.65;}
.section-with-personal .section-card{max-width:none;margin:0;width:100%;box-sizing:border-box;}
@media(max-width:900px){
.section-with-personal{padding:118px 18px 36px;display:flex;flex-direction:column;gap:18px;}
.section-personal-note{position:relative;left:auto;top:auto;width:auto;order:2;padding:20px;}
.section-with-personal .section-card{order:1;}
}
/* v0.5.103 – Kontakt: vyššie pole Správa a jednotná séria hornej ikony */
.contact-hero-mail{
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
}
.contact-hero-mail svg{
width:27px!important;
height:27px!important;
min-width:27px!important;
min-height:27px!important;
max-width:27px!important;
max-height:27px!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{
border-color:var(--section-accent-bright,#9bdd54)!important;
box-shadow:0 0 30px rgba(98,189,55,.32),inset 0 0 16px rgba(98,189,55,.09)!important;
}
@media (min-width:901px){
.contact-message-field{
min-height:220px!important;
max-height:220px!important;
}
.contact-message-field textarea{
min-height:181px!important;
max-height:181px!important;
height:181px!important;
}
.contact-submit{
margin-top:16px!important;
}
}
@media (max-width:620px){
.contact-hero-mail svg{
width:25px!important;
height:25px!important;
min-width:25px!important;
min-height:25px!important;
max-width:25px!important;
max-height:25px!important;
}
}
/* v0.5.104 – celý priestor podstránok + finálne doladenie Kontaktu */
/* Všetky hlavné podstránky používajú dostupnú šírku; úplný trojpanelový ÚVOD sa nemení. */
@media (min-width:901px){
.contact-page{
width:calc(100% - 48px)!important;
max-width:none!important;
margin-left:24px!important;
margin-right:24px!important;
}
.section-with-personal{
width:100%!important;
max-width:none!important;
box-sizing:border-box!important;
padding:88px 28px 44px 320px!important;
}
.section-with-personal .section-personal-note{
left:24px!important;
top:88px!important;
width:255px!important;
box-sizing:border-box!important;
}
.section-with-personal .section-card{
width:100%!important;
max-width:none!important;
margin:0!important;
}
}
/* Horná ikona Kontakt: rovnaký box, rámik a žiara ako jednotná séria FOTO. */
.contact-hero-mail{
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
filter:none!important;
}
.contact-hero-mail svg{
width:25px!important;
height:25px!important;
min-width:25px!important;
min-height:25px!important;
max-width:25px!important;
max-height:25px!important;
display:block!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{
border-color:var(--section-accent-bright,#9bdd54)!important;
box-shadow:0 0 30px rgba(98,189,55,.32),inset 0 0 16px rgba(98,189,55,.09)!important;
transform:translateY(-50%)!important;
}
/* Kontakt: využiť pravý priestor formulára, správu predĺžiť a tlačidlo presne vystrediť. */
@media (min-width:901px){
.contact-main{
grid-template-columns:minmax(300px,.72fr) minmax(600px,1.45fr)!important;
column-gap:34px!important;
}
.contact-form{
display:grid!important;
width:100%!important;
max-width:none!important;
}
.contact-message-field{
min-height:clamp(180px,25vh,250px)!important;
max-height:none!important;
}
.contact-message-field textarea{
min-height:clamp(140px,20vh,205px)!important;
height:clamp(140px,20vh,205px)!important;
max-height:205px!important;
overflow-y:auto!important;
resize:none!important;
}
.contact-submit{
justify-self:center!important;
margin:16px 0 0!important;
}
}
@media (max-width:900px){
.contact-hero-mail{
left:auto!important;
right:18px!important;
top:50%!important;
bottom:auto!important;
transform:translateY(-50%)!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{transform:translateY(-50%)!important;}
}
/* v0.5.105 – definitívne zjednotenie hornej ikony Kontakt a globálna spodná lišta */
.contact-hero .contact-hero-mail.section-corner-icon.photo{
position:absolute!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
filter:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
}
.contact-hero .contact-hero-mail.section-corner-icon.photo svg{
width:25px!important;
height:25px!important;
min-width:25px!important;
min-height:25px!important;
max-width:25px!important;
max-height:25px!important;
display:block!important;
stroke:#6fe33b!important;
stroke-width:1.6!important;
fill:none!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.contact-hero .contact-hero-mail.section-corner-icon.photo:hover,
.contact-hero .contact-hero-mail.section-corner-icon.photo:focus-visible,
.contact-hero .contact-hero-mail.section-corner-icon.photo:active{
transform:translateY(-50%)!important;
border-color:var(--section-accent-bright,#9bdd54)!important;
box-shadow:0 0 30px rgba(98,189,55,.32),inset 0 0 16px rgba(98,189,55,.09)!important;
}
.global-contact-links{
width:calc(100% - 48px)!important;
max-width:none!important;
margin:16px 24px 24px!important;
box-sizing:border-box!important;
}
.section-page .global-contact-links,
.photo-section-page .global-contact-links{
grid-column:1 / -1!important;
}
@media(max-width:900px){
.global-contact-links{
width:calc(100% - 32px)!important;
margin:14px 16px 18px!important;
}
.contact-hero .contact-hero-mail.section-corner-icon.photo{
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
}
.contact-hero .contact-hero-mail.section-corner-icon.photo:hover,
.contact-hero .contact-hero-mail.section-corner-icon.photo:focus-visible,
.contact-hero .contact-hero-mail.section-corner-icon.photo:active{
transform:translateY(-50%)!important;
}
}
/* v0.5.106 – Kontakt: identický svetelný komponent ako horná ikona FOTO */
.contact-hero{
overflow:hidden!important;
isolation:isolate!important;
}
.contact-hero::after{
content:""!important;
position:absolute!important;
right:-90px!important;
top:-90px!important;
width:260px!important;
height:260px!important;
background:radial-gradient(circle,rgba(98,189,55,.18),transparent 62%)!important;
pointer-events:none!important;
z-index:0!important;
}
.contact-hero > div,
.contact-hero-mail{
z-index:2!important;
}
.contact-hero-mail{
position:absolute!important;
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
right:12px!important;
top:50%!important;
transform:translateY(-50%)!important;
padding:0!important;
border:1px solid rgba(143,210,75,.42)!important;
border-radius:var(--foto-nav-icon-radius)!important;
background:rgba(3,12,4,.58)!important;
color:#6fe33b!important;
box-shadow:0 0 24px rgba(98,189,55,.22),inset 0 0 14px rgba(98,189,55,.06)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
animation:none!important;
}
.contact-hero-mail svg{
width:22px!important;
height:22px!important;
min-width:22px!important;
min-height:22px!important;
max-width:22px!important;
max-height:22px!important;
display:block!important;
stroke:#6fe33b!important;
filter:drop-shadow(0 0 9px rgba(98,189,55,.9))!important;
}
.contact-hero-mail:hover,
.contact-hero-mail:focus-visible,
.contact-hero-mail:active{
transform:translateY(-50%)!important;
border-color:rgba(155,221,84,.86)!important;
background:rgba(5,18,6,.72)!important;
box-shadow:0 0 34px rgba(98,189,55,.46),inset 0 0 18px rgba(98,189,55,.12)!important;
}
@media(max-width:900px){
.contact-hero::after{
right:-104px!important;
top:-106px!important;
}
.contact-hero-mail{
width:var(--foto-nav-icon-box)!important;
height:var(--foto-nav-icon-box)!important;
min-width:var(--foto-nav-icon-box)!important;
min-height:var(--foto-nav-icon-box)!important;
max-width:var(--foto-nav-icon-box)!important;
max-height:var(--foto-nav-icon-box)!important;
}
.contact-hero-mail svg{
width:19px!important;
height:19px!important;
min-width:19px!important;
min-height:19px!important;
max-width:19px!important;
max-height:19px!important;
}
}
/* v0.5.107 – Kontakt: potvrdenie v hero, rovnomerný focus a čitateľné polia */
.contact-hero-notice{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
z-index:5!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
width:min(620px,58%)!important;
padding:11px 18px!important;
border:1px solid rgba(123,219,72,.74)!important;
border-radius:11px!important;
background:rgba(4,17,5,.94)!important;
color:#e9f7e3!important;
text-align:center!important;
line-height:1.35!important;
box-shadow:0 0 24px rgba(98,189,55,.30),inset 0 0 14px rgba(98,189,55,.08)!important;
opacity:1!important;
transition:opacity .42s ease,transform .42s ease!important;
}
.contact-hero-notice-check{
display:grid!important;
place-items:center!important;
flex:0 0 24px!important;
width:24px!important;
height:24px!important;
border:1px solid rgba(123,219,72,.72)!important;
border-radius:50%!important;
color:#8fe664!important;
font-weight:800!important;
box-shadow:0 0 12px rgba(98,189,55,.25)!important;
}
.contact-hero-notice.is-hiding{
opacity:0!important;
transform:translate(-50%,-56%)!important;
pointer-events:none!important;
}
.contact-field{
transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.contact-field:focus-within{
border-color:rgba(125,222,72,.88)!important;
box-shadow:0 0 0 1px rgba(125,222,72,.26),0 0 22px rgba(98,189,55,.18),inset 0 0 18px rgba(98,189,55,.05)!important;
background:rgba(9,27,8,.30)!important;
}
.contact-field:focus-within label,
.contact-field:focus-within .field-icon{
color:#96e76f!important;
text-shadow:0 0 9px rgba(98,189,55,.34)!important;
}
.contact-field label{
color:#f0f0f0!important;
font-weight:700!important;
letter-spacing:.15px!important;
transition:color .18s ease,text-shadow .18s ease!important;
}
.contact-field .field-icon{
color:#aebca8!important;
transition:color .18s ease,text-shadow .18s ease!important;
}
.contact-field input::placeholder,
.contact-field textarea::placeholder{
color:rgba(221,229,217,.42)!important;
opacity:1!important;
}
.contact-field input:focus,
.contact-field textarea:focus{
caret-color:#8fe664!important;
}
@media(max-width:900px){
.contact-hero-notice{
width:calc(100% - 92px)!important;
left:18px!important;
right:74px!important;
top:auto!important;
bottom:14px!important;
transform:none!important;
padding:9px 12px!important;
font-size:13px!important;
}
.contact-hero-notice.is-hiding{
transform:translateY(-6px)!important;
}
}
/* v0.5.108 – jednotné farebné témy sekcií (rámiky, glow a podmaz) */
.section-with-personal,
.photo-section-page.photo-page-layout{
--section-accent:#62bd37;
--section-accent-bright:#8fd24b;
--section-rgb:98,189,55;
--section-bg-a:#0b120b;
--section-bg-b:#030503;
}
.section-with-personal.bees-page{
--section-accent:#d6a313;
--section-accent-bright:#f0be29;
--section-rgb:214,163,19;
--section-bg-a:#171205;
--section-bg-b:#050402;
}
.section-with-personal.sport-page{
--section-accent:#0783c9;
--section-accent-bright:#20a9ed;
--section-rgb:7,131,201;
--section-bg-a:#07121b;
--section-bg-b:#020508;
}
/* Podmaz celej sekcie podľa jej farby. */
.section-with-personal{
background:
radial-gradient(circle at 14% 10%,rgba(var(--section-rgb),.17),transparent 29%),
linear-gradient(135deg,var(--section-bg-a) 0%,#050505 60%,var(--section-bg-b) 100%)!important;
}
/* Všetky hlavné rámiky v sekcii používajú rovnakú sekčnú farbu. */
.section-with-personal .section-personal-note,
.section-with-personal .section-card,
.section-with-personal .site-outline,
.section-with-personal .global-contact-links,
.section-with-personal .contact-links{
border-color:rgba(var(--section-rgb),.38)!important;
box-shadow:
0 18px 52px rgba(0,0,0,.38),
inset 0 0 34px rgba(var(--section-rgb),.045)!important;
}
.section-with-personal .section-personal-note,
.section-with-personal .section-card,
.section-with-personal .global-contact-links{
background:
linear-gradient(145deg,rgba(var(--section-rgb),.075),rgba(0,0,0,.46))!important;
}
/* Nadpisy, odkazy a zvýraznenia podľa farby sekcie. */
.section-with-personal .eyebrow,
.section-with-personal .section-back,
.section-with-personal .contact-link-text,
.section-with-personal .contact-link-icon,
.section-with-personal .section-personal-note .eyebrow{
color:var(--section-accent-bright)!important;
}
.section-with-personal .contact-link-icon svg,
.section-with-personal .section-corner-icon svg{
stroke:var(--section-accent-bright)!important;
}
.section-with-personal .contact-link-separator{
background:rgba(var(--section-rgb),.32)!important;
}
/* Horná ikona sekcie: rovnaký komponent, mení sa iba farba. */
.section-with-personal .section-corner-icon{
color:var(--section-accent-bright)!important;
border-color:rgba(var(--section-rgb),.48)!important;
background:rgba(var(--section-rgb),.075)!important;
box-shadow:
0 0 28px rgba(var(--section-rgb),.34),
inset 0 0 14px rgba(var(--section-rgb),.08)!important;
}
.section-with-personal .section-corner-icon svg{
filter:drop-shadow(0 0 9px rgba(var(--section-rgb),.88))!important;
}
.section-with-personal .section-corner-icon:hover,
.section-with-personal .section-corner-icon:focus-visible,
.section-with-personal .section-corner-icon:active{
border-color:rgba(var(--section-rgb),.82)!important;
box-shadow:
0 0 36px rgba(var(--section-rgb),.50),
inset 0 0 18px rgba(var(--section-rgb),.12)!important;
}
/* Globálna spodná lišta preberá farbu aktuálnej sekcie. */
.section-with-personal .global-contact-links{
--footer-accent:var(--section-accent-bright);
}
.section-with-personal .global-contact-links .contact-link-icon,
.section-with-personal .global-contact-links .contact-link-text{
color:var(--section-accent-bright)!important;
}
.section-with-personal .global-contact-links .contact-link-icon svg{
stroke:var(--section-accent-bright)!important;
filter:drop-shadow(0 0 7px rgba(var(--section-rgb),.52))!important;
}
/* FOTO zostáva zelené; rovnaké premenné sa používajú aj v jeho globálnej lište. */
.photo-section-page.photo-page-layout .global-contact-links{
border-color:rgba(var(--section-rgb),.38)!important;
background:linear-gradient(145deg,rgba(var(--section-rgb),.07),rgba(0,0,0,.48))!important;
box-shadow:inset 0 0 34px rgba(var(--section-rgb),.04)!important;
}
.photo-section-page.photo-page-layout .global-contact-links .contact-link-text,
.photo-section-page.photo-page-layout .global-contact-links .contact-link-icon{
color:var(--section-accent-bright)!important;
}
.photo-section-page.photo-page-layout .global-contact-links .contact-link-icon svg{
stroke:var(--section-accent-bright)!important;
filter:drop-shadow(0 0 7px rgba(var(--section-rgb),.52))!important;
}
.photo-section-page.photo-page-layout .global-contact-links .contact-link-separator{
background:rgba(var(--section-rgb),.32)!important;
}
/* v0.5.111 – definitívne jednotná séria hlavných ikon
VČELY / FOTO / ŠPORT / KONTAKT: rovnaká geometria, odsadenie a žiara.
Rozdiel je iba vo farbe sekcie a symbole SVG. */
:root{
--vilko-main-icon-size:74px;
--vilko-main-icon-right:52px;
}
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail{
position:absolute!important;
top:50%!important;
right:var(--vilko-main-icon-right)!important;
left:auto!important;
bottom:auto!important;
width:var(--vilko-main-icon-size)!important;
height:var(--vilko-main-icon-size)!important;
min-width:var(--vilko-main-icon-size)!important;
min-height:var(--vilko-main-icon-size)!important;
max-width:var(--vilko-main-icon-size)!important;
max-height:var(--vilko-main-icon-size)!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:translateY(-50%)!important;
opacity:1!important;
overflow:visible!important;
display:block!important;
animation:none!important;
z-index:5!important;
filter:drop-shadow(0 4px 7px rgba(0,0,0,1))
drop-shadow(0 13px 24px rgba(0,0,0,.98))
drop-shadow(0 0 7px currentColor)!important;
}
.section-card .section-corner-icon svg,
.photo-section-intro .section-corner-icon.photo svg,
.photo-section-intro .photo-intro-static-icon svg,
.contact-hero .contact-hero-mail svg{
display:block!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:100%!important;
max-height:100%!important;
overflow:visible!important;
color:inherit!important;
fill:none!important;
filter:none!important;
}
.section-card .section-corner-icon svg path,
.section-card .section-corner-icon svg circle,
.section-card .section-corner-icon svg ellipse,
.section-card .section-corner-icon svg rect,
.photo-section-intro .section-corner-icon.photo svg path,
.photo-section-intro .section-corner-icon.photo svg circle,
.photo-section-intro .section-corner-icon.photo svg ellipse,
.photo-section-intro .section-corner-icon.photo svg rect,
.photo-section-intro .photo-intro-static-icon svg path,
.photo-section-intro .photo-intro-static-icon svg circle,
.photo-section-intro .photo-intro-static-icon svg ellipse,
.photo-section-intro .photo-intro-static-icon svg rect,
.contact-hero .contact-hero-mail svg path,
.contact-hero .contact-hero-mail svg circle,
.contact-hero .contact-hero-mail svg ellipse,
.contact-hero .contact-hero-mail svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.55!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.section-card .section-corner-icon svg .hex,
.photo-section-intro .section-corner-icon.photo svg .hex,
.photo-section-intro .photo-intro-static-icon svg .hex,
.contact-hero .contact-hero-mail svg .hex{
stroke-width:1.35!important;
opacity:.98!important;
}
/* Včelia SVG má viewBox 128 × 128, preto potrebuje dvojnásobnú hrúbku čiary,
aby opticky zostala rovnaká ako ostatné 64 × 64 ikony. */
.bees-page .section-corner-icon svg path,
.bees-page .section-corner-icon svg circle,
.bees-page .section-corner-icon svg ellipse{
stroke-width:3.1!important;
}
.bees-page .section-corner-icon svg .hex{stroke-width:2.7!important;}
.bees-page .section-corner-icon{color:#d6a313!important;}
.sport-page .section-corner-icon{color:#0783c9!important;}
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail{color:#62bd37!important;}
.section-card .section-corner-icon:hover,
.section-card .section-corner-icon:focus-visible,
.section-card .section-corner-icon:active,
.photo-section-intro .section-corner-icon.photo:hover,
.photo-section-intro .section-corner-icon.photo:focus-visible,
.photo-section-intro .section-corner-icon.photo:active,
.photo-section-intro .photo-intro-static-icon:hover,
.contact-hero .contact-hero-mail:hover,
.contact-hero .contact-hero-mail:focus-visible,
.contact-hero .contact-hero-mail:active{
transform:translateY(-50%)!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 4px 7px rgba(0,0,0,1))
drop-shadow(0 13px 24px rgba(0,0,0,.98))
drop-shadow(0 0 10px currentColor)!important;
}
/* Staré kontaktné podklady nesmú vytvárať druhú žiaru ani posúvať obsah hero. */
.contact-hero::after{display:none!important;content:none!important;}
.contact-hero{overflow:hidden!important;}
.contact-hero > div{position:relative!important;z-index:1!important;max-width:calc(100% - 150px)!important;}
.contact-hero .contact-hero-mail{z-index:3!important;}
@media(max-width:900px){
:root{
--vilko-main-icon-size:60px;
--vilko-main-icon-right:24px;
}
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail{
top:50%!important;
right:var(--vilko-main-icon-right)!important;
left:auto!important;
bottom:auto!important;
transform:translateY(-50%)!important;
}
.contact-hero > div{max-width:calc(100% - 108px)!important;}
}
/* v0.5.112 – horné ikony presne podľa referenčnej ikony ŠPORT
Rovnaká poloha od horného a pravého okraja, rovnaká veľkosť,
rovnaká geometria šesťuholníka a rovnaká mäkká žiara.
Mení sa iba symbol a farba sekcie. */
.section-card,
.photo-section-intro,
.contact-hero{
position:relative!important;
}
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon{
position:absolute!important;
top:30px!important;
right:34px!important;
left:auto!important;
bottom:auto!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
opacity:.95!important;
overflow:visible!important;
display:block!important;
z-index:30!important;
animation:none!important;
filter:drop-shadow(0 0 10px rgba(0,0,0,1))
drop-shadow(0 0 8px currentColor)
drop-shadow(0 8px 18px rgba(0,0,0,1))!important;
}
.section-card .section-corner-icon svg,
.photo-section-intro .section-corner-icon.photo svg,
.photo-section-intro .photo-intro-static-icon svg,
.contact-hero .contact-hero-mail.section-corner-icon svg{
display:block!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
overflow:visible!important;
color:inherit!important;
fill:none!important;
filter:none!important;
}
.section-card .section-corner-icon svg path,
.section-card .section-corner-icon svg circle,
.section-card .section-corner-icon svg ellipse,
.section-card .section-corner-icon svg rect,
.photo-section-intro .section-corner-icon.photo svg path,
.photo-section-intro .section-corner-icon.photo svg circle,
.photo-section-intro .section-corner-icon.photo svg ellipse,
.photo-section-intro .section-corner-icon.photo svg rect,
.photo-section-intro .photo-intro-static-icon svg path,
.photo-section-intro .photo-intro-static-icon svg circle,
.photo-section-intro .photo-intro-static-icon svg ellipse,
.photo-section-intro .photo-intro-static-icon svg rect,
.contact-hero .contact-hero-mail.section-corner-icon svg path,
.contact-hero .contact-hero-mail.section-corner-icon svg circle,
.contact-hero .contact-hero-mail.section-corner-icon svg ellipse,
.contact-hero .contact-hero-mail.section-corner-icon svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.section-card .section-corner-icon svg .hex,
.photo-section-intro .section-corner-icon.photo svg .hex,
.photo-section-intro .photo-intro-static-icon svg .hex,
.contact-hero .contact-hero-mail.section-corner-icon svg .hex{
stroke-width:1.35!important;
opacity:.98!important;
}
.bees-page .section-corner-icon{color:#d6a313!important;}
.sport-page .section-corner-icon{color:#0783c9!important;}
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon{color:#62bd37!important;}
.section-card .section-corner-icon:hover,
.section-card .section-corner-icon:focus-visible,
.section-card .section-corner-icon:active,
.photo-section-intro .section-corner-icon.photo:hover,
.photo-section-intro .section-corner-icon.photo:focus-visible,
.photo-section-intro .section-corner-icon.photo:active,
.photo-section-intro .photo-intro-static-icon:hover,
.contact-hero .contact-hero-mail.section-corner-icon:hover,
.contact-hero .contact-hero-mail.section-corner-icon:focus-visible,
.contact-hero .contact-hero-mail.section-corner-icon:active{
top:30px!important;
right:34px!important;
transform:none!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 0 10px rgba(0,0,0,1))
drop-shadow(0 0 11px currentColor)
drop-shadow(0 8px 18px rgba(0,0,0,1))!important;
}
@media(max-width:900px){
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon,
.section-card .section-corner-icon:hover,
.photo-section-intro .section-corner-icon.photo:hover,
.contact-hero .contact-hero-mail.section-corner-icon:hover{
top:22px!important;
right:22px!important;
width:54px!important;
height:54px!important;
min-width:54px!important;
min-height:54px!important;
max-width:54px!important;
max-height:54px!important;
}
.section-card .section-corner-icon svg,
.photo-section-intro .section-corner-icon.photo svg,
.photo-section-intro .photo-intro-static-icon svg,
.contact-hero .contact-hero-mail.section-corner-icon svg{
width:54px!important;
height:54px!important;
min-width:54px!important;
min-height:54px!important;
max-width:54px!important;
max-height:54px!important;
}
}
/* v0.5.113 – DEFINITÍVNE JEDNOTNÁ SÉRIA HLAVNÝCH IKON
Referencia: horná ikona ŠPORT. Rovnaká geometria, poloha, hrúbka,
mäkká žiara a správanie. Mení sa iba symbol a farba sekcie. */
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon {
--hero-icon-color:#62bd37;
--hero-icon-rgb:98,189,55;
position:absolute!important;
top:30px!important;
right:34px!important;
left:auto!important;
bottom:auto!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
opacity:1!important;
overflow:visible!important;
display:block!important;
color:var(--hero-icon-color)!important;
z-index:30!important;
animation:none!important;
isolation:isolate!important;
}
.section-card .section-corner-icon::before,
.photo-section-intro .section-corner-icon.photo::before,
.photo-section-intro .photo-intro-static-icon::before,
.contact-hero .contact-hero-mail.section-corner-icon::before {
content:""!important;
position:absolute!important;
inset:-28px!important;
border:0!important;
border-radius:50%!important;
background:radial-gradient(circle,
rgba(var(--hero-icon-rgb),.52) 0%,
rgba(var(--hero-icon-rgb),.30) 26%,
rgba(var(--hero-icon-rgb),.12) 48%,
rgba(var(--hero-icon-rgb),0) 72%)!important;
filter:blur(7px)!important;
opacity:1!important;
pointer-events:none!important;
z-index:-1!important;
transform:none!important;
}
/* farba je jediný rozdiel medzi sekciami */
.bees-page .section-card .section-corner-icon {
--hero-icon-color:#d6a313;
--hero-icon-rgb:214,163,19;
}
.sport-page .section-card .section-corner-icon {
--hero-icon-color:#0783c9;
--hero-icon-rgb:7,131,201;
}
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon {
--hero-icon-color:#62bd37;
--hero-icon-rgb:98,189,55;
}
.section-card .section-corner-icon svg,
.photo-section-intro .section-corner-icon.photo svg,
.photo-section-intro .photo-intro-static-icon svg,
.contact-hero .contact-hero-mail.section-corner-icon svg {
position:relative!important;
z-index:1!important;
display:block!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
overflow:visible!important;
color:inherit!important;
fill:none!important;
filter:drop-shadow(0 8px 16px rgba(0,0,0,.92))!important;
transform:none!important;
}
.section-card .section-corner-icon svg path,
.section-card .section-corner-icon svg circle,
.section-card .section-corner-icon svg ellipse,
.section-card .section-corner-icon svg rect,
.photo-section-intro .section-corner-icon.photo svg path,
.photo-section-intro .section-corner-icon.photo svg circle,
.photo-section-intro .section-corner-icon.photo svg ellipse,
.photo-section-intro .section-corner-icon.photo svg rect,
.photo-section-intro .photo-intro-static-icon svg path,
.photo-section-intro .photo-intro-static-icon svg circle,
.photo-section-intro .photo-intro-static-icon svg ellipse,
.photo-section-intro .photo-intro-static-icon svg rect,
.contact-hero .contact-hero-mail.section-corner-icon svg path,
.contact-hero .contact-hero-mail.section-corner-icon svg circle,
.contact-hero .contact-hero-mail.section-corner-icon svg ellipse,
.contact-hero .contact-hero-mail.section-corner-icon svg rect {
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
}
.section-card .section-corner-icon svg .hex,
.photo-section-intro .section-corner-icon.photo svg .hex,
.photo-section-intro .photo-intro-static-icon svg .hex,
.contact-hero .contact-hero-mail.section-corner-icon svg .hex {
stroke-width:1.6!important;
opacity:1!important;
}
/* žiadny pohyb – iba jemné zosilnenie tej istej žiary */
.section-card .section-corner-icon:hover::before,
.photo-section-intro .section-corner-icon.photo:hover::before,
.photo-section-intro .photo-intro-static-icon:hover::before,
.contact-hero .contact-hero-mail.section-corner-icon:hover::before,
.contact-hero .contact-hero-mail.section-corner-icon:focus-visible::before {
opacity:1!important;
filter:blur(7px) brightness(1.12)!important;
}
.section-card .section-corner-icon:hover,
.photo-section-intro .section-corner-icon.photo:hover,
.photo-section-intro .photo-intro-static-icon:hover,
.contact-hero .contact-hero-mail.section-corner-icon:hover,
.contact-hero .contact-hero-mail.section-corner-icon:focus-visible,
.contact-hero .contact-hero-mail.section-corner-icon:active {
transform:none!important;
}
@media(max-width:700px){
.section-card .section-corner-icon,
.photo-section-intro .section-corner-icon.photo,
.photo-section-intro .photo-intro-static-icon,
.contact-hero .contact-hero-mail.section-corner-icon {
top:22px!important;
right:22px!important;
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
}
.section-card .section-corner-icon svg,
.photo-section-intro .section-corner-icon.photo svg,
.photo-section-intro .photo-intro-static-icon svg,
.contact-hero .contact-hero-mail.section-corner-icon svg {
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
}
}
/* v0.5.114 – JEDNA SKUTOČNÁ SÉRIA HLAVNÝCH IKON
Referencia: ikona ŠPORT. Všetky štyri sekcie používajú iba tento komponent.
Mení sa výhradne farba a vnútorný symbol SVG. */
.section-card,
.photo-section-intro,
.contact-hero{
position:relative!important;
}
.hero-series-icon{
--hero-series-color:#0783c9;
--hero-series-rgb:7,131,201;
position:absolute!important;
top:30px!important;
right:34px!important;
left:auto!important;
bottom:auto!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
opacity:1!important;
overflow:visible!important;
display:block!important;
color:var(--hero-series-color)!important;
z-index:30!important;
isolation:isolate!important;
text-decoration:none!important;
line-height:0!important;
}
.hero-series-icon::before{
content:""!important;
position:absolute!important;
inset:-30px!important;
border:0!important;
border-radius:50%!important;
background:radial-gradient(circle,
rgba(var(--hero-series-rgb),.56) 0%,
rgba(var(--hero-series-rgb),.34) 24%,
rgba(var(--hero-series-rgb),.15) 46%,
rgba(var(--hero-series-rgb),0) 73%)!important;
filter:blur(8px)!important;
opacity:1!important;
pointer-events:none!important;
z-index:-1!important;
}
.hero-series-icon svg{
position:relative!important;
z-index:1!important;
display:block!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
overflow:visible!important;
fill:none!important;
color:inherit!important;
filter:drop-shadow(0 8px 16px rgba(0,0,0,.92))!important;
transform:none!important;
}
.hero-series-icon svg path,
.hero-series-icon svg circle,
.hero-series-icon svg ellipse,
.hero-series-icon svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
vector-effect:non-scaling-stroke!important;
}
.hero-series-icon svg .hex{
stroke-width:1.6!important;
opacity:1!important;
}
.hero-series-icon-bees{--hero-series-color:#d6a313;--hero-series-rgb:214,163,19;}
.hero-series-icon-photo,
.hero-series-icon-contact{--hero-series-color:#62bd37;--hero-series-rgb:98,189,55;}
.hero-series-icon-sport{--hero-series-color:#0783c9;--hero-series-rgb:7,131,201;}
.hero-series-icon:hover,
.hero-series-icon:focus-visible,
.hero-series-icon:active{
transform:none!important;
filter:none!important;
outline:none!important;
}
.hero-series-icon:hover::before,
.hero-series-icon:focus-visible::before{
filter:blur(8px) brightness(1.12)!important;
}
@media(max-width:700px){
.hero-series-icon{
top:30px!important;
right:34px!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
}
.hero-series-icon svg{
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
}
}
/* v0.5.115 – iba FOTO a KONTAKT, bez zásahu do VČELY a ŠPORT.
Jedna čistá ikonová geometria bez starých foto/contact rámikov. */
.photo-section-intro,
.contact-hero{position:relative!important;}
.main-corner-icon{
--main-icon-color:#62bd37;
--main-icon-rgb:98,189,55;
position:absolute!important;
top:30px!important;
right:34px!important;
left:auto!important;
bottom:auto!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
display:block!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
opacity:1!important;
overflow:visible!important;
color:var(--main-icon-color)!important;
text-decoration:none!important;
line-height:0!important;
z-index:30!important;
isolation:isolate!important;
animation:none!important;
}
.main-corner-icon::before{
content:""!important;
position:absolute!important;
inset:-28px!important;
border:0!important;
border-radius:50%!important;
background:radial-gradient(circle,
rgba(var(--main-icon-rgb),.42) 0%,
rgba(var(--main-icon-rgb),.24) 27%,
rgba(var(--main-icon-rgb),.10) 49%,
rgba(var(--main-icon-rgb),0) 73%)!important;
filter:blur(7px)!important;
opacity:1!important;
pointer-events:none!important;
z-index:-1!important;
transform:none!important;
}
.main-corner-icon svg{
position:relative!important;
z-index:1!important;
display:block!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
overflow:visible!important;
fill:none!important;
color:inherit!important;
filter:drop-shadow(0 8px 16px rgba(0,0,0,.92))!important;
transform:none!important;
}
.main-corner-icon svg path,
.main-corner-icon svg circle,
.main-corner-icon svg ellipse,
.main-corner-icon svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
vector-effect:non-scaling-stroke!important;
}
.main-corner-icon svg .hex{stroke-width:1.6!important;opacity:1!important;}
.main-corner-icon:hover,
.main-corner-icon:focus-visible,
.main-corner-icon:active{
transform:none!important;
filter:none!important;
outline:none!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.main-corner-icon:hover::before,
.main-corner-icon:focus-visible::before{filter:blur(7px) brightness(1.08)!important;}
/* text v kontakte nesmie vliezť pod ikonu */
.contact-hero > div{max-width:calc(100% - 145px)!important;}
@media(max-width:700px){
.main-corner-icon{
top:30px!important;
right:34px!important;
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
max-width:60px!important;
max-height:60px!important;
}
.main-corner-icon svg{
width:60px!important;height:60px!important;
min-width:60px!important;min-height:60px!important;
max-width:60px!important;max-height:60px!important;
}
.contact-hero > div{max-width:calc(100% - 108px)!important;}
}
/* v0.5.116 – KONTAKT: neutrálna strieborno-biela téma */
.contact-body{
--contact-silver:#e8e8e8;
--contact-silver-soft:#cfcfcf;
--contact-silver-rgb:232,232,232;
}
.contact-body .main-nav a.active{
color:var(--contact-silver)!important;
border-bottom-color:var(--contact-silver)!important;
text-shadow:0 0 10px rgba(var(--contact-silver-rgb),.22)!important;
}
.contact-body .contact-hero,
.contact-body .contact-main,
.contact-body .global-contact-bar,
.contact-body .contact-intro,
.contact-body .contact-field{
border-color:rgba(var(--contact-silver-rgb),.24)!important;
}
.contact-body .contact-eyebrow,
.contact-body .contact-intro>a,
.contact-body .contact-link-text,
.contact-body .contact-link-icon,
.contact-body .contact-big-icon,
.contact-body .contact-field:focus-within label,
.contact-body .contact-field:focus-within .field-icon{
color:var(--contact-silver)!important;
}
.contact-body .main-corner-icon-contact{
--main-icon-color:var(--contact-silver)!important;
--main-icon-rgb:232,232,232!important;
}
.contact-body .main-corner-icon-contact::before{
background:radial-gradient(circle,
rgba(255,255,255,.34) 0%,
rgba(232,232,232,.20) 28%,
rgba(205,205,205,.08) 50%,
rgba(232,232,232,0) 73%)!important;
}
.contact-body .main-corner-icon-contact:hover::before,
.contact-body .main-corner-icon-contact:focus-visible::before{
filter:blur(7px) brightness(1.08)!important;
}
.contact-body .contact-intro>a:hover{
text-shadow:0 0 12px rgba(var(--contact-silver-rgb),.42)!important;
}
.contact-body .contact-field:focus-within{
border-color:rgba(var(--contact-silver-rgb),.70)!important;
box-shadow:0 0 0 1px rgba(var(--contact-silver-rgb),.28),
0 0 18px rgba(var(--contact-silver-rgb),.12),
inset 0 0 16px rgba(var(--contact-silver-rgb),.025)!important;
}
.contact-body .contact-submit{
border-color:rgba(var(--contact-silver-rgb),.72)!important;
color:var(--contact-silver)!important;
background:rgba(12,12,12,.78)!important;
box-shadow:0 0 17px rgba(var(--contact-silver-rgb),.12)!important;
}
.contact-body .contact-submit:hover,
.contact-body .contact-submit:focus-visible{
background:rgba(40,40,40,.58)!important;
box-shadow:0 0 26px rgba(var(--contact-silver-rgb),.28)!important;
}
.contact-body .contact-hero-notice.success{
border-color:rgba(var(--contact-silver-rgb),.48)!important;
background:rgba(var(--contact-silver-rgb),.08)!important;
color:#fff!important;
}
.contact-body .global-contact-bar{
--section-accent:var(--contact-silver);
--section-accent-rgb:232,232,232;
}
.contact-body .global-contact-bar .contact-mail-icon,
.contact-body .global-contact-bar .contact-mail-link{
color:var(--contact-silver)!important;
}
/* v0.5.117 – Kontakt: hlásenia v hero, jednotné okraje a pevná ikona */
@media (min-width:901px){
.contact-page{
padding-top:88px!important;
width:calc(100% - 48px)!important;
margin-left:24px!important;
margin-right:24px!important;
box-sizing:border-box!important;
}
}
/* Úspech aj chyba sú vždy presne v strede horného kontajnera. */
.contact-hero-notice{
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
transform:translate(-50%,-50%)!important;
width:min(620px,58%)!important;
margin:0!important;
box-sizing:border-box!important;
}
.contact-hero-notice.success{
border-color:rgba(104,205,68,.78)!important;
background:rgba(6,25,7,.95)!important;
color:#e8f8e2!important;
box-shadow:0 0 24px rgba(98,189,55,.30),inset 0 0 14px rgba(98,189,55,.08)!important;
}
.contact-hero-notice.success .contact-hero-notice-check{
border-color:rgba(123,219,72,.72)!important;
color:#8fe664!important;
box-shadow:0 0 12px rgba(98,189,55,.25)!important;
}
.contact-hero-notice.error{
border-color:rgba(224,76,76,.78)!important;
background:rgba(40,7,7,.95)!important;
color:#ffdede!important;
box-shadow:0 0 24px rgba(210,55,55,.28),inset 0 0 14px rgba(210,55,55,.07)!important;
}
.contact-hero-notice.error .contact-hero-notice-check{
border-color:rgba(235,91,91,.74)!important;
color:#ff9b9b!important;
box-shadow:0 0 12px rgba(210,55,55,.25)!important;
}
.contact-hero-notice.is-hiding{
transform:translate(-50%,-56%)!important;
}
/* Spodná lišta kopíruje presne ľavý a pravý okraj nadradeného obsahu. */
.contact-page > .global-contact-links,
.section-page > .global-contact-links,
.photo-section-page > .global-contact-links{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
grid-column:1 / -1!important;
}
/* Hlavná ikona sa nikdy neposúva ani nemení veľkosť – iba mierne zasvieti. */
.main-corner-icon,
.main-corner-icon:hover,
.main-corner-icon:focus-visible,
.main-corner-icon:active{
transform:none!important;
animation:none!important;
}
.main-corner-icon:hover svg,
.main-corner-icon:focus-visible svg,
.main-corner-icon:active svg{
transform:none!important;
}
@media(max-width:900px){
.contact-hero-notice{
left:50%!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
width:calc(100% - 112px)!important;
transform:translate(-50%,-50%)!important;
padding:9px 12px!important;
font-size:13px!important;
}
.contact-hero-notice.is-hiding{
transform:translate(-50%,-56%)!important;
}
}
/* v0.5.118 – presné vystredenie hlásení, odlišná ikona Reportáže a globálna spodná lišta */
/* Hlásenie je centrované podľa CELÉHO hero kontajnera, nie podľa jeho gridového stĺpca. */
.contact-hero .contact-hero-notice{
position:absolute!important;
grid-column:1 / -1!important;
grid-row:1!important;
justify-self:center!important;
align-self:center!important;
left:0!important;
right:0!important;
top:50%!important;
bottom:auto!important;
margin:0 auto!important;
width:min(620px,58%)!important;
transform:translateY(-50%)!important;
}
.contact-hero .contact-hero-notice.is-hiding{
transform:translateY(-56%)!important;
}
/* Globálna kontaktná lišta je samostatný posledný prvok pod obsahom a má plnú pracovnú šírku. */
body > .global-contact-links{
width:calc(100% - 48px)!important;
max-width:none!important;
margin:18px 24px 24px!important;
box-sizing:border-box!important;
clear:both!important;
}
/* Odstránenie starých gridových obmedzení po presunutí lišty mimo main. */
.contact-page > .global-contact-links,
.section-page > .global-contact-links,
.photo-section-page > .global-contact-links{
width:auto!important;
margin:0!important;
grid-column:auto!important;
}
@media(max-width:900px){
.contact-hero .contact-hero-notice{
width:calc(100% - 112px)!important;
left:0!important;
right:0!important;
margin:0 auto!important;
transform:translateY(-50%)!important;
}
.contact-hero .contact-hero-notice.is-hiding{
transform:translateY(-56%)!important;
}
body > .global-contact-links{
width:calc(100% - 24px)!important;
margin:14px 12px 18px!important;
}
}
/* v0.5.121 – jednotný responzívny základ verejného webu
Referenčný vzhľad: veľký 27" desktop.
Mobilné pravidlá a infinite scroll ostávajú bez zmeny. */
:root{
--vilko-page-gutter:clamp(18px,1.9vw,48px);
--vilko-content-max:2400px;
--vilko-wide-max:100%;
--vilko-desktop-scale:clamp(.82,calc(100vw / 1920),1);
}
@media (min-width:901px){
/* Jeden pracovný priestor pre všetky vnútorné verejné stránky. */
.section-page,
.photo-section-page,
.contact-page{
width:min(calc(100% - (2 * var(--vilko-page-gutter))),var(--vilko-content-max))!important;
max-width:var(--vilko-content-max)!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
box-sizing:border-box!important;
}
/* Vnútorné bloky už nepoužívajú navzájom odlišné pevné šírky. */
.section-card,
.photo-section-intro,
.photo-block,
.photo-feature-grid,
.photo-top-grid,
.photo-lower-grid,
.galleries-home-block,
.latest-home-block,
.activity-wide,
.activity-wide-block,
.article-archive-block,
.article-detail-wrap,
.gallery-open-block,
.photo-detail-page-block,
.contact-hero,
.contact-main{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
/* Rozloženie zostáva rovnaké, iba sa plynulo prispôsobí menšiemu desktopu. */
.photo-top-grid,
.photo-feature-grid,
.photo-lower-grid,
.article-archive-layout{
min-width:0!important;
column-gap:clamp(18px,1.6vw,34px)!important;
}
.photo-top-grid > *,
.photo-feature-grid > *,
.photo-lower-grid > *,
.article-archive-layout > *,
.contact-main > *{
min-width:0!important;
}
/* Veľkosti sa na menších monitoroch zmenšujú plynulo, nie skokom. */
.section-card,
.photo-block,
.photo-section-intro,
.contact-hero,
.contact-main{
padding-left:clamp(24px,2.35vw,54px)!important;
padding-right:clamp(24px,2.35vw,54px)!important;
}
.section-card h1,
.photo-section-intro h1,
.contact-hero h1{
font-size:clamp(40px,2.8vw,58px)!important;
}
.section-card p,
.photo-section-intro .lead{
font-size:clamp(17px,1.05vw,21px)!important;
}
/* Obrázky sa nikdy neroztiahnu mimo svoj stĺpec ani nedeformujú. */
.photo-section-page img,
.section-page img,
.contact-page img{
max-width:100%!important;
}
/* Spodná spoločná lišta kopíruje presne rovnaký pracovný priestor. */
body > .global-contact-links{
width:min(calc(100% - (2 * var(--vilko-page-gutter))),var(--vilko-content-max))!important;
max-width:var(--vilko-content-max)!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* Notebook/menší desktop: stále desktopová kompozícia, iba kompaktnejšia. */
@media (min-width:901px) and (max-width:1366px){
.site-header{padding-left:24px!important;padding-right:24px!important;}
.main-nav{gap:clamp(16px,2vw,28px)!important;}
.photo-top-grid,
.photo-feature-grid,
.photo-lower-grid,
.article-archive-layout{
column-gap:18px!important;
}
.home-month-block{max-width:320px!important;}
}
/* v0.5.123 – horný sekčný kontajner cez celú pracovnú šírku,
OSOBNE pod ním vľavo vo FOTO, VČELY a ŠPORTE. */
@media (min-width:901px){
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode){
display:grid!important;
grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
grid-auto-rows:auto!important;
grid-auto-flow:row!important;
column-gap:clamp(22px,1.8vw,38px)!important;
row-gap:22px!important;
align-items:start!important;
padding-left:var(--vilko-page-gutter,34px)!important;
padding-right:var(--vilko-page-gutter,34px)!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-section-intro{
grid-column:1 / -1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-side-note{
position:relative!important;
inset:auto!important;
grid-column:1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-year-nav,
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-home-layout,
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .gallery-open-block{
grid-column:2!important;
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .activity-wide-block{
grid-column:1 / -1!important;
}
body .section-with-personal.bees-page,
body .section-with-personal.sport-page{
display:grid!important;
grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
grid-auto-rows:auto!important;
column-gap:clamp(22px,1.8vw,38px)!important;
row-gap:22px!important;
align-items:start!important;
padding-left:var(--vilko-page-gutter,34px)!important;
padding-right:var(--vilko-page-gutter,34px)!important;
}
body .section-with-personal.bees-page > .section-card,
body .section-with-personal.sport-page > .section-card{
grid-column:1 / -1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
body .section-with-personal.bees-page > .section-personal-note,
body .section-with-personal.sport-page > .section-personal-note{
position:relative!important;
inset:auto!important;
grid-column:1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
}
/* v0.5.124 – oprava rozloženia po presune OSOBNE.
FOTO obsah už nepadá pod výšku ľavého panelu a horné kontajnery
FOTO / VČELY / ŠPORT majú rovnakú šírku aj pozíciu. */
@media (min-width:901px){
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode),
body .section-page.section-with-personal.bees-page,
body .section-page.section-with-personal.sport-page{
padding-top:92px!important;
padding-left:64px!important;
padding-right:64px!important;
box-sizing:border-box!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-side-note{
grid-column:1!important;
grid-row:2!important;
align-self:start!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-year-nav{
grid-column:2!important;
grid-row:2!important;
}
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-home-layout,
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .gallery-open-block{
grid-column:2!important;
grid-row:3!important;
align-self:start!important;
}
body .section-page.section-with-personal.bees-page > .section-card,
body .section-page.section-with-personal.sport-page > .section-card,
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-section-intro{
width:100%!important;
max-width:none!important;
margin:0!important;
}
}
/* v0.5.125 – spoločná vizuálna kostra FOTO / VČELY / ŠPORT */
.bees-content-theme{--section-accent:#d6a313;--photo-green:#d6a313}
.sport-content-theme{--section-accent:#4aa3ff;--photo-green:#4aa3ff}
.bees-content-theme .photo-block,.bees-content-theme .section-personal-note,.bees-content-theme .photo-intro-card{border-color:rgba(214,163,19,.45)}
.sport-content-theme .photo-block,.sport-content-theme .section-personal-note,.sport-content-theme .photo-intro-card{border-color:rgba(74,163,255,.45)}
.bees-content-theme .eyebrow,.bees-content-theme .section-link,.bees-content-theme .article-bottom-back{color:#d6a313}
.sport-content-theme .eyebrow,.sport-content-theme .section-link,.sport-content-theme .article-bottom-back{color:#4aa3ff}
/* v0.5.126 – oprava farebných tém kopírovaných sekcií VČELY a ŠPORT */
.photo-section-page.bees-section-page{
--section-accent:#d6a313;
--section-accent-bright:#f0be29;
--section-rgb:214,163,19;
--section-bg-a:#171205;
--section-bg-b:#050402;
}
.photo-section-page.sport-section-page{
--section-accent:#0783c9;
--section-accent-bright:#20a9ed;
--section-rgb:7,131,201;
--section-bg-a:#07121b;
--section-bg-b:#020508;
}
.photo-section-page.bees-section-page,
.photo-section-page.sport-section-page{
background:
radial-gradient(circle at 14% 10%,rgba(var(--section-rgb),.17),transparent 29%),
linear-gradient(135deg,var(--section-bg-a) 0%,#050505 60%,var(--section-bg-b) 100%)!important;
}
.photo-section-page.bees-section-page .photo-section-intro,
.photo-section-page.bees-section-page .photo-side-note,
.photo-section-page.bees-section-page .photo-year-nav,
.photo-section-page.bees-section-page .photo-block,
.photo-section-page.bees-section-page .gallery-open-block,
.photo-section-page.sport-section-page .photo-section-intro,
.photo-section-page.sport-section-page .photo-side-note,
.photo-section-page.sport-section-page .photo-year-nav,
.photo-section-page.sport-section-page .photo-block,
.photo-section-page.sport-section-page .gallery-open-block{
border-color:rgba(var(--section-rgb),.38)!important;
box-shadow:0 18px 52px rgba(0,0,0,.38),inset 0 0 34px rgba(var(--section-rgb),.045)!important;
}
.photo-section-page.bees-section-page .eyebrow,
.photo-section-page.bees-section-page .section-link,
.photo-section-page.bees-section-page .article-bottom-back,
.photo-section-page.sport-section-page .eyebrow,
.photo-section-page.sport-section-page .section-link,
.photo-section-page.sport-section-page .article-bottom-back{
color:var(--section-accent-bright)!important;
}
.photo-section-page.bees-section-page .main-corner-icon svg,
.photo-section-page.sport-section-page .main-corner-icon svg{
stroke:var(--section-accent-bright)!important;
filter:drop-shadow(0 0 9px rgba(var(--section-rgb),.88))!important;
}
/* v0.5.127 – galérie VČELY/ŠPORT: správne sekčné farby a ikona vpravo hore */
.photo-section-page.bees-section-page .gallery-category-card,
.photo-section-page.bees-section-page .gallery-category-card .category-symbol{
--cat-color:#f0be29!important;
}
.photo-section-page.sport-section-page .gallery-category-card,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol{
--cat-color:#20a9ed!important;
}
.photo-section-page.bees-section-page .gallery-category-card .category-symbol,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol{
left:auto!important;
right:16px!important;
top:14px!important;
bottom:auto!important;
transform:none!important;
color:var(--section-accent-bright)!important;
border-color:rgba(var(--section-rgb),.58)!important;
background:rgba(var(--section-rgb),.10)!important;
box-shadow:0 0 25px rgba(var(--section-rgb),.34),inset 0 0 14px rgba(var(--section-rgb),.10)!important;
}
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg{
stroke:var(--section-accent-bright)!important;
color:var(--section-accent-bright)!important;
filter:drop-shadow(0 0 9px rgba(var(--section-rgb),.90))!important;
}
.photo-section-page.bees-section-page .gallery-category-card h3,
.photo-section-page.bees-section-page .gallery-category-card p,
.photo-section-page.sport-section-page .gallery-category-card h3,
.photo-section-page.sport-section-page .gallery-category-card p{
max-width:calc(100% - 82px)!important;
}
@media(max-width:900px){
.photo-section-page.bees-section-page .gallery-category-card .category-symbol,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol{
right:10px!important;
top:10px!important;
bottom:auto!important;
}
}
/* v0.5.132 – galériové ikony FOTO / VČELY / ŠPORT majú jednu úpravu.
Mení sa iba sekčná farba. Odstraňuje sa hranaté pozadie a hranatý glow
zavedený v0.5.127 na obale .category-symbol. */
.photo-section-page.bees-section-page .gallery-category-card .category-symbol,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol{
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
outline:0!important;
padding:0!important;
overflow:visible!important;
isolation:auto!important;
opacity:1!important;
/* rovnaké správanie obalu ako vo FOTO */
filter:drop-shadow(0 10px 18px rgba(0,0,0,.90))!important;
}
.photo-section-page.bees-section-page .gallery-category-card .category-symbol::before,
.photo-section-page.bees-section-page .gallery-category-card .category-symbol::after,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol::before,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol::after{
content:none!important;
display:none!important;
background:none!important;
box-shadow:none!important;
filter:none!important;
}
/* SVG má presne FOTO úpravu; rozdiel je iba currentColor. */
.photo-section-page.bees-section-page .gallery-category-card .category-symbol{
color:#f0be29!important;
--cat-color:#f0be29!important;
}
.photo-section-page.sport-section-page .gallery-category-card .category-symbol{
color:#20a9ed!important;
--cat-color:#20a9ed!important;
}
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg{
width:58px!important;
height:58px!important;
display:block!important;
overflow:visible!important;
fill:none!important;
stroke:currentColor!important;
color:inherit!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 9px 18px rgba(0,0,0,.90)) drop-shadow(0 0 12px currentColor)!important;
}
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg path,
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg circle,
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg ellipse,
.photo-section-page.bees-section-page .gallery-category-card .category-symbol svg rect,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg path,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg circle,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg ellipse,
.photo-section-page.sport-section-page .gallery-category-card .category-symbol svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
filter:none!important;
}
/* v0.5.133 – definitívna sekčná farba HLAVNEJ ikony.
Príčina zelenej: .main-corner-icon mal natvrdo zelené --main-icon-color
a --main-icon-rgb. SVG používa currentColor, preto zelená prepisovala
VČELY aj ŠPORT vrátane kruhovej žiary. Geometria ostáva spoločná. */
.bees-content-theme .main-corner-icon,
.photo-section-page.bees-section-page .main-corner-icon{
--main-icon-color:#f0be29!important;
--main-icon-rgb:240,190,41!important;
color:#f0be29!important;
}
.sport-content-theme .main-corner-icon,
.photo-section-page.sport-section-page .main-corner-icon{
--main-icon-color:#20a9ed!important;
--main-icon-rgb:32,169,237!important;
color:#20a9ed!important;
}
/* Všetky časti SVG preberajú jedinú farbu rodiča – bez zelenej výnimky. */
.bees-content-theme .main-corner-icon svg,
.bees-content-theme .main-corner-icon svg *,
.photo-section-page.bees-section-page .main-corner-icon svg,
.photo-section-page.bees-section-page .main-corner-icon svg *{
color:#f0be29!important;
stroke:#f0be29!important;
}
.sport-content-theme .main-corner-icon svg,
.sport-content-theme .main-corner-icon svg *,
.photo-section-page.sport-section-page .main-corner-icon svg,
.photo-section-page.sport-section-page .main-corner-icon svg *{
color:#20a9ed!important;
stroke:#20a9ed!important;
}
/* v0.5.134 – jedna spoločná úprava ikon galérií FOTO / VČELY / ŠPORT.
Ikona je vždy v pravom hornom rohu karty a nikdy neprekrýva názov.
Geometria, hrúbka čiar, veľkosť, glow a správanie sú rovnaké;
mení sa iba farba sekcie cez --gallery-icon-color / --gallery-icon-rgb. */
.photo-section-page{
--gallery-icon-color:#6fe33b;
--gallery-icon-rgb:98,189,55;
}
.photo-section-page.bees-section-page{
--gallery-icon-color:#f0be29;
--gallery-icon-rgb:240,190,41;
}
.photo-section-page.sport-section-page{
--gallery-icon-color:#20a9ed;
--gallery-icon-rgb:32,169,237;
}
.photo-section-page .gallery-category-grid .gallery-category-card{
position:relative!important;
padding-right:78px!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol{
position:absolute!important;
left:auto!important;
right:14px!important;
top:14px!important;
bottom:auto!important;
transform:none!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
max-width:46px!important;
max-height:46px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:var(--gallery-icon-color)!important;
background:rgba(3,12,4,.58)!important;
background-image:none!important;
border:1px solid rgba(var(--gallery-icon-rgb),.48)!important;
border-radius:14px!important;
box-shadow:0 0 24px rgba(var(--gallery-icon-rgb),.22),inset 0 0 14px rgba(var(--gallery-icon-rgb),.06)!important;
filter:none!important;
opacity:1!important;
overflow:visible!important;
pointer-events:none!important;
z-index:8!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol::before,
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol::after{
content:none!important;
display:none!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg{
width:31px!important;
height:31px!important;
min-width:31px!important;
min-height:31px!important;
max-width:31px!important;
max-height:31px!important;
display:block!important;
overflow:visible!important;
color:var(--gallery-icon-color)!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.85!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 0 8px rgba(var(--gallery-icon-rgb),.88))!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg path,
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg circle,
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg ellipse,
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg rect{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.85!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
filter:none!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card h3,
.photo-section-page .gallery-category-grid .gallery-category-card p{
max-width:100%!important;
padding-right:0!important;
}
@media(max-width:900px){
.photo-section-page .gallery-category-grid .gallery-category-card{
padding-right:62px!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol{
right:10px!important;
top:10px!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
max-width:38px!important;
max-height:38px!important;
border-radius:12px!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg{
width:26px!important;
height:26px!important;
min-width:26px!important;
min-height:26px!important;
max-width:26px!important;
max-height:26px!important;
}
}
/* v0.5.135 – galériové symboly a názvy kariet.
Rovnaká kresba/riadok pre všetky sekcie; názvy majú viac priestoru a nelezú pod ikonu. */
.photo-section-page .gallery-category-grid .gallery-category-card{
padding-left:20px!important;
padding-right:68px!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card h3{
width:calc(100% + 42px)!important;
max-width:calc(100% + 42px)!important;
margin-left:0!important;
padding-right:0!important;
font-size:28px!important;
line-height:1.04!important;
letter-spacing:-.45px!important;
white-space:nowrap!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol{
right:14px!important;
top:14px!important;
}
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg,
.photo-section-page .gallery-category-grid .gallery-category-card .category-symbol svg *{
vector-effect:non-scaling-stroke;
stroke-width:1.85!important;
}
@media(max-width:1200px){
.photo-section-page .gallery-category-grid .gallery-category-card h3{font-size:26px!important;letter-spacing:-.55px!important}
}
@media(max-width:900px){
.photo-section-page .gallery-category-grid .gallery-category-card{padding-left:18px!important;padding-right:58px!important}
.photo-section-page .gallery-category-grid .gallery-category-card h3{width:calc(100% + 34px)!important;max-width:calc(100% + 34px)!important;font-size:24px!important}
}
/* ================================================================
v0.5.139 – DETAIL FOTOGRAFIE: SKUTOČNÝ LIMIT 1200 × 800
Fotografia sa vždy zmestí aj do aktuálnej výšky obrazovky.
Bez orezu, bez deformácie, bez zväčšovania menších fotografií.
================================================================ */
.photo-detail-mode .photo-detail-figure {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: min(800px, calc(100vh - 92px)) !important;
max-height: min(800px, calc(100svh - 92px)) !important;
overflow: hidden !important;
}
.photo-detail-mode .photo-detail-figure img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: min(1200px, 100%) !important;
max-height: min(800px, calc(100vh - 92px)) !important;
max-height: min(800px, calc(100svh - 92px)) !important;
object-fit: contain !important;
margin: 0 auto !important;
}
@media (max-width: 760px) {
.photo-detail-mode .photo-detail-figure,
.photo-detail-mode .photo-detail-figure img {
max-width: 100% !important;
max-height: 800px !important;
}
}
/* v0.5.143 – Najnovšie pridané: jednotné náhľady fotografií a článkov */
.photo-section-page.photo-page-layout .latest-home-grid .latest-content-card.no-photo .latest-content-placeholder{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
aspect-ratio:3/2!important;
border:1px solid rgba(var(--section-rgb,98,189,55),.50)!important;
border-radius:12px!important;
background:linear-gradient(145deg,rgba(9,26,10,.96),rgba(5,15,6,.84))!important;
box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
color:var(--section-accent-bright,#9bdd54)!important;
font:700 14px/1 Arial,Helvetica,sans-serif!important;
letter-spacing:.16em!important;
}
.photo-section-page.photo-page-layout .latest-home-grid .latest-content-card.no-photo:hover .latest-content-placeholder{
border-color:rgba(var(--section-rgb,98,189,55),.68)!important;
box-shadow:0 20px 44px rgba(0,0,0,.48),0 0 22px rgba(var(--section-rgb,98,189,55),.14)!important;
}
/* =========================================================
v0.5.149 – SEKCNE FARBY NA VSETKYCH NAHLADOCH A CLANKOCH
FOTO = zelena, VCELY = medovo-zlta, SPORT = modra.
Pravidla su centralne a prebijaju povodne FOTO zelene hodnoty.
========================================================= */
body.bees-content-theme{
--section-accent:#d6a313!important;
--section-accent-bright:#f0be29!important;
--section-rgb:214,163,19!important;
--photo-green:#f0be29!important;
}
body.sport-content-theme{
--section-accent:#0783c9!important;
--section-accent-bright:#20a9ed!important;
--section-rgb:7,131,201!important;
--photo-green:#20a9ed!important;
}
/* Najnovsie pridane – ramiky pod fotografiami */
body.bees-content-theme .photo-section-page .latest-home-grid .clean-photo-card img,
body.bees-content-theme .photo-section-page .latest-home-grid .latest-content-card img,
body.bees-content-theme .photo-section-page .gallery-photo-grid .clean-photo-card img{
border-color:rgba(214,163,19,.58)!important;
background:#120f05!important;
}
body.sport-content-theme .photo-section-page .latest-home-grid .clean-photo-card img,
body.sport-content-theme .photo-section-page .latest-home-grid .latest-content-card img,
body.sport-content-theme .photo-section-page .gallery-photo-grid .clean-photo-card img{
border-color:rgba(7,131,201,.62)!important;
background:#061018!important;
}
body.bees-content-theme .photo-section-page .latest-home-grid .clean-photo-card:hover img,
body.bees-content-theme .photo-section-page .gallery-photo-grid .clean-photo-card:hover img{
border-color:#f0be29!important;
box-shadow:0 0 22px rgba(214,163,19,.22)!important;
}
body.sport-content-theme .photo-section-page .latest-home-grid .clean-photo-card:hover img,
body.sport-content-theme .photo-section-page .gallery-photo-grid .clean-photo-card:hover img{
border-color:#20a9ed!important;
box-shadow:0 0 22px rgba(7,131,201,.24)!important;
}
/* Typ obsahu pod kartou – Clanok */
body.bees-content-theme .photo-section-page .latest-content-card .latest-meta p,
body.bees-content-theme .photo-section-page .clean-photo-card .latest-meta p{
color:#f0be29!important;
}
body.sport-content-theme .photo-section-page .latest-content-card .latest-meta p,
body.sport-content-theme .photo-section-page .clean-photo-card .latest-meta p{
color:#20a9ed!important;
}
/* Fotografia mesiaca */
body.bees-content-theme .photo-section-page .home-month-block .clean-month-card,
body.bees-content-theme .photo-section-page .article-archive-sidebar .clean-month-card{
border-color:rgba(214,163,19,.58)!important;
background:#090702!important;
}
body.sport-content-theme .photo-section-page .home-month-block .clean-month-card,
body.sport-content-theme .photo-section-page .article-archive-sidebar .clean-month-card{
border-color:rgba(7,131,201,.62)!important;
background:#02080d!important;
}
body.bees-content-theme .photo-section-page .home-month-block .clean-month-card:hover{
border-color:#f0be29!important;
box-shadow:0 0 22px rgba(214,163,19,.22)!important;
}
body.sport-content-theme .photo-section-page .home-month-block .clean-month-card:hover{
border-color:#20a9ed!important;
box-shadow:0 0 22px rgba(7,131,201,.24)!important;
}
/* Karty clankov dole aj v archive */
body.bees-content-theme .photo-section-page .article-card-link article,
body.bees-content-theme .photo-section-page .article-card-thumb,
body.bees-content-theme .photo-section-page .article-photo-grid img,
body.bees-content-theme .photo-section-page .article-inline-photo img{
border-color:rgba(214,163,19,.55)!important;
}
body.sport-content-theme .photo-section-page .article-card-link article,
body.sport-content-theme .photo-section-page .article-card-thumb,
body.sport-content-theme .photo-section-page .article-photo-grid img,
body.sport-content-theme .photo-section-page .article-inline-photo img{
border-color:rgba(7,131,201,.60)!important;
}
body.bees-content-theme .photo-section-page .article-card-link:hover article{
border-color:#f0be29!important;
box-shadow:0 0 24px rgba(214,163,19,.18)!important;
}
body.sport-content-theme .photo-section-page .article-card-link:hover article{
border-color:#20a9ed!important;
box-shadow:0 0 24px rgba(7,131,201,.20)!important;
}
body.bees-content-theme .photo-section-page .article-card-link article>span,
body.bees-content-theme .photo-section-page .article-card-link article .eyebrow,
body.bees-content-theme .photo-section-page .article-bottom-back{
color:#f0be29!important;
}
body.sport-content-theme .photo-section-page .article-card-link article>span,
body.sport-content-theme .photo-section-page .article-card-link article .eyebrow,
body.sport-content-theme .photo-section-page .article-bottom-back{
color:#20a9ed!important;
}
body.bees-content-theme .photo-section-page .article-perex{border-left-color:#f0be29!important;}
body.sport-content-theme .photo-section-page .article-perex{border-left-color:#20a9ed!important;}
/* Placeholder clanku bez fotografie */
body.bees-content-theme .photo-section-page .latest-content-placeholder{
color:#f0be29!important;
border-color:rgba(214,163,19,.58)!important;
background:rgba(214,163,19,.08)!important;
}
body.sport-content-theme .photo-section-page .latest-content-placeholder{
color:#20a9ed!important;
border-color:rgba(7,131,201,.62)!important;
background:rgba(7,131,201,.09)!important;
}
/* ================================================================
v0.5.152 – DEFINITÍVNE SEKČNÉ FARBY KOMPONENTOV
FOTO zelená · VČELY medová · ŠPORT modrá
Opravuje: fotografiu mesiaca, jednotlivé galérie, blok galérií,
štatistiky, stránkovanie a celý detail fotografie vrátane ikony.
================================================================ */
/* Jediný zdroj farby pre každú sekciu. */
body.bees-content-theme{
--section-accent:#d6a313!important;
--section-accent-bright:#f0be29!important;
--section-rgb:214,163,19!important;
--section-surface-rgb:18,14,3!important;
}
body.sport-content-theme{
--section-accent:#0783c9!important;
--section-accent-bright:#20a9ed!important;
--section-rgb:7,131,201!important;
--section-surface-rgb:2,12,19!important;
}
/* Veľké bloky sekcie – vrátane GALÉRIE, ŠTATISTIKY a detailu. */
body.bees-content-theme .photo-section-page .photo-block:not(.photo-month-clean-block),
body.bees-content-theme .photo-section-page .photo-section-intro,
body.bees-content-theme .photo-section-page .photo-detail-info,
body.sport-content-theme .photo-section-page .photo-block:not(.photo-month-clean-block),
body.sport-content-theme .photo-section-page .photo-section-intro,
body.sport-content-theme .photo-section-page .photo-detail-info{
border-color:rgba(var(--section-rgb),.52)!important;
}
/* FOTOGRAFIA MESIACA – vonkajší kontajner aj samotný náhľad. */
body.bees-content-theme .photo-section-page .home-month-block,
body.sport-content-theme .photo-section-page .home-month-block{
border:1px solid rgba(var(--section-rgb),.52)!important;
border-radius:20px!important;
padding:18px!important;
background:rgba(var(--section-surface-rgb),.34)!important;
box-shadow:none!important;
}
body.bees-content-theme .photo-section-page .home-month-block .clean-month-card,
body.sport-content-theme .photo-section-page .home-month-block .clean-month-card{
border-color:rgba(var(--section-rgb),.70)!important;
background:#050505!important;
}
body.bees-content-theme .photo-section-page .home-month-block:hover,
body.sport-content-theme .photo-section-page .home-month-block:hover,
body.bees-content-theme .photo-section-page .home-month-block .clean-month-card:hover,
body.sport-content-theme .photo-section-page .home-month-block .clean-month-card:hover{
border-color:var(--section-accent-bright)!important;
box-shadow:0 0 24px rgba(var(--section-rgb),.18)!important;
}
/* GALÉRIE – veľký blok aj KAŽDÁ SAMOSTATNÁ GALÉRIA. */
body.bees-content-theme .photo-section-page .galleries-home-block,
body.sport-content-theme .photo-section-page .galleries-home-block{
border-color:rgba(var(--section-rgb),.58)!important;
}
body.bees-content-theme .photo-section-page .gallery-category-grid .gallery-category-card,
body.sport-content-theme .photo-section-page .gallery-category-grid .gallery-category-card{
border:1px solid rgba(var(--section-rgb),.62)!important;
box-shadow:0 18px 42px rgba(0,0,0,.42)!important;
}
body.bees-content-theme .photo-section-page .gallery-category-grid .gallery-category-card:hover,
body.sport-content-theme .photo-section-page .gallery-category-grid .gallery-category-card:hover{
border-color:var(--section-accent-bright)!important;
box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 22px rgba(var(--section-rgb),.20)!important;
}
body.bees-content-theme .photo-section-page .gallery-category-grid .gallery-category-card:after,
body.sport-content-theme .photo-section-page .gallery-category-grid .gallery-category-card:after{
background:linear-gradient(to top,rgba(0,0,0,.92),rgba(var(--section-rgb),.10))!important;
}
/* Nadpisy, odkazy, typ „Článok“ a ostatné akcenty. */
body.bees-content-theme .photo-section-page .eyebrow,
body.bees-content-theme .photo-section-page .section-link,
body.bees-content-theme .photo-section-page .photo-action,
body.bees-content-theme .photo-section-page .latest-meta p,
body.bees-content-theme .photo-section-page .article-row span,
body.sport-content-theme .photo-section-page .eyebrow,
body.sport-content-theme .photo-section-page .section-link,
body.sport-content-theme .photo-section-page .photo-action,
body.sport-content-theme .photo-section-page .latest-meta p,
body.sport-content-theme .photo-section-page .article-row span{
color:var(--section-accent-bright)!important;
}
/* ŠTATISTIKY – všetky tenké rámiky. */
body.bees-content-theme .photo-section-page .photo-stats-strip span,
body.sport-content-theme .photo-section-page .photo-stats-strip span{
border-color:rgba(var(--section-rgb),.52)!important;
background:rgba(0,0,0,.42)!important;
}
/* STRÁNKOVANIE – linky, čísla, aktívna strana a deliace čiary. */
body.bees-content-theme .photo-section-page .article-pagination,
body.sport-content-theme .photo-section-page .article-pagination{
border-top-color:rgba(var(--section-rgb),.36)!important;
}
body.bees-content-theme .photo-section-page .article-pagination a,
body.bees-content-theme .photo-section-page .article-pagination span,
body.sport-content-theme .photo-section-page .article-pagination a,
body.sport-content-theme .photo-section-page .article-pagination span{
color:var(--section-accent-bright)!important;
border-color:rgba(var(--section-rgb),.48)!important;
}
body.bees-content-theme .photo-section-page .article-pagination a.active,
body.sport-content-theme .photo-section-page .article-pagination a.active{
color:#061006!important;
background:var(--section-accent-bright)!important;
border-color:var(--section-accent-bright)!important;
box-shadow:0 0 18px rgba(var(--section-rgb),.30)!important;
}
/* DETAIL FOTOGRAFIE – odstránenie všetkej zdedenej FOTO zelenej. */
body.bees-content-theme .photo-detail-mode .photo-detail-intro-card,
body.bees-content-theme .photo-detail-mode .photo-detail-info,
body.bees-content-theme .photo-detail-mode .photo-detail-figure,
body.sport-content-theme .photo-detail-mode .photo-detail-intro-card,
body.sport-content-theme .photo-detail-mode .photo-detail-info,
body.sport-content-theme .photo-detail-mode .photo-detail-figure{
border-color:rgba(var(--section-rgb),.60)!important;
}
body.bees-content-theme .photo-detail-mode .photo-detail-info,
body.sport-content-theme .photo-detail-mode .photo-detail-info{
background:rgba(var(--section-surface-rgb),.72)!important;
}
body.bees-content-theme .photo-detail-mode .photo-detail-info dt,
body.bees-content-theme .photo-detail-mode .photo-detail-info a,
body.bees-content-theme .photo-detail-mode .photo-detail-counter,
body.bees-content-theme .photo-detail-mode .photo-detail-back-link,
body.sport-content-theme .photo-detail-mode .photo-detail-info dt,
body.sport-content-theme .photo-detail-mode .photo-detail-info a,
body.sport-content-theme .photo-detail-mode .photo-detail-counter,
body.sport-content-theme .photo-detail-mode .photo-detail-back-link{
color:var(--section-accent-bright)!important;
}
body.bees-content-theme .photo-detail-mode .photo-detail-counter,
body.bees-content-theme .photo-detail-mode .detail-nav-arrow,
body.sport-content-theme .photo-detail-mode .photo-detail-counter,
body.sport-content-theme .photo-detail-mode .detail-nav-arrow{
border-color:rgba(var(--section-rgb),.58)!important;
color:var(--section-accent-bright)!important;
background:rgba(var(--section-surface-rgb),.70)!important;
}
body.bees-content-theme .photo-detail-mode .detail-nav-arrow:hover,
body.sport-content-theme .photo-detail-mode .detail-nav-arrow:hover{
border-color:var(--section-accent-bright)!important;
box-shadow:0 0 20px rgba(var(--section-rgb),.24)!important;
}
/* Detailová ikona galérie – farba sekcie, nie FOTO zelená. */
body.bees-content-theme .photo-detail-mode a.detail-floating-gallery-link,
body.sport-content-theme .photo-detail-mode a.detail-floating-gallery-link{
color:var(--section-accent-bright)!important;
border-color:rgba(var(--section-rgb),.70)!important;
background:rgba(var(--section-surface-rgb),.78)!important;
box-shadow:0 0 20px rgba(var(--section-rgb),.28)!important;
filter:drop-shadow(0 0 12px rgba(var(--section-rgb),.50))!important;
}
body.bees-content-theme .photo-detail-mode a.detail-floating-gallery-link svg,
body.bees-content-theme .photo-detail-mode a.detail-floating-gallery-link svg *,
body.sport-content-theme .photo-detail-mode a.detail-floating-gallery-link svg,
body.sport-content-theme .photo-detail-mode a.detail-floating-gallery-link svg *{
color:var(--section-accent-bright)!important;
stroke:var(--section-accent-bright)!important;
fill:none!important;
}
/* v0.5.154 – definitívna sekčná farba vonkajšieho rámu FOTOGRAFIA MESIACA.
Presné selektory pre pravý panel prepisujú staré pevné FOTO zelené pravidlo. */
body.bees-content-theme .photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block,
body.bees-content-theme .photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block,
body.bees-content-theme .photo-section-page .home-month-block.photo-month-clean-block {
border-color: rgba(214,163,19,.62) !important;
box-shadow: inset 0 0 26px rgba(214,163,19,.025) !important;
}
body.sport-content-theme .photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block,
body.sport-content-theme .photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block,
body.sport-content-theme .photo-section-page .home-month-block.photo-month-clean-block {
border-color: rgba(7,131,201,.66) !important;
box-shadow: inset 0 0 26px rgba(7,131,201,.03) !important;
}
body.bees-content-theme .photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block:hover,
body.bees-content-theme .photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block:hover,
body.bees-content-theme .photo-section-page .home-month-block.photo-month-clean-block:hover {
border-color: #f0be29 !important;
box-shadow: 0 0 24px rgba(214,163,19,.18) !important;
}
body.sport-content-theme .photo-section-page.photo-page-layout .photo-home-sidebar .home-month-block:hover,
body.sport-content-theme .photo-section-page.photo-page-layout .article-archive-sidebar .home-month-block:hover,
body.sport-content-theme .photo-section-page .home-month-block.photo-month-clean-block:hover {
border-color: #20a9ed !important;
box-shadow: 0 0 24px rgba(7,131,201,.20) !important;
}
/* =========================================================
v0.5.154a – SPODNÝ KONTAKTNÝ KONTAJNER
Rovnaké rozmery a poloha vo všetkých sekciách.
Rámik, deliaca čiara, e-mail a e-mailová ikona preberajú farbu sekcie.
========================================================= */
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
display:grid!important;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1.35fr)!important;
align-items:center!important;
gap:36px!important;
width:min(1760px,calc(100% - 48px))!important;
max-width:none!important;
min-height:112px!important;
margin:18px auto 40px!important;
padding:22px 38px!important;
box-sizing:border-box!important;
position:relative!important;
clear:both!important;
overflow:visible!important;
border-radius:20px!important;
}
/* FOTO – zelená */
body.section-body:not(.bees-content-theme):not(.sport-content-theme) .global-contact-links{
--contact-section-rgb:98,189,55;
--contact-section-accent:#8fd24b;
}
/* VČELY – medovo-žltá */
body.bees-content-theme .global-contact-links{
--contact-section-rgb:214,163,19;
--contact-section-accent:#f0be29;
}
/* ŠPORT – modrá */
body.sport-content-theme .global-contact-links{
--contact-section-rgb:7,131,201;
--contact-section-accent:#20a9ed;
}
/* KONTAKT – strieborno-biela */
body.contact-body .global-contact-links{
--contact-section-rgb:232,232,232;
--contact-section-accent:#e8e8e8;
}
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
border:1px solid rgba(var(--contact-section-rgb),.48)!important;
background:linear-gradient(145deg,rgba(var(--contact-section-rgb),.055),rgba(0,0,0,.72))!important;
box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 28px rgba(var(--contact-section-rgb),.035)!important;
}
body.section-body .global-contact-links .contact-link-separator,
body.contact-body .global-contact-links .contact-link-separator{
width:1px!important;
height:58px!important;
background:rgba(var(--contact-section-rgb),.38)!important;
}
body.section-body .global-contact-links .contact-link-icon,
body.section-body .global-contact-links .contact-link-text,
body.contact-body .global-contact-links .contact-link-icon,
body.contact-body .global-contact-links .contact-link-text{
color:var(--contact-section-accent)!important;
}
body.section-body .global-contact-links .contact-link-icon svg,
body.contact-body .global-contact-links .contact-link-icon svg{
stroke:var(--contact-section-accent)!important;
filter:drop-shadow(0 0 7px rgba(var(--contact-section-rgb),.55))!important;
}
body.section-body .global-contact-links .contact-link-icon:hover,
body.section-body .global-contact-links .contact-link-text:hover,
body.contact-body .global-contact-links .contact-link-icon:hover,
body.contact-body .global-contact-links .contact-link-text:hover{
color:var(--contact-section-accent)!important;
text-shadow:0 0 12px rgba(var(--contact-section-rgb),.58)!important;
}
@media(max-width:900px){
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
grid-template-columns:1fr!important;
gap:18px!important;
width:calc(100% - 28px)!important;
min-height:0!important;
margin:14px auto 28px!important;
padding:22px 18px!important;
}
body.section-body .global-contact-links .contact-link-separator,
body.contact-body .global-contact-links .contact-link-separator{
width:100%!important;
height:1px!important;
}
}
/* =========================================================
v0.5.154a – SPODNÝ KONTAKTNÝ KONTAJNER
Rovnaké rozmery a poloha vo všetkých sekciách.
Rámik, deliaca čiara, e-mail a e-mailová ikona preberajú farbu sekcie.
========================================================= */
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
display:grid!important;
grid-template-columns:minmax(0,1fr) 1px minmax(0,1.35fr)!important;
align-items:center!important;
gap:36px!important;
width:min(1760px,calc(100% - 48px))!important;
max-width:none!important;
min-height:112px!important;
margin:18px auto 40px!important;
padding:22px 38px!important;
box-sizing:border-box!important;
position:relative!important;
clear:both!important;
overflow:visible!important;
border-radius:20px!important;
}
body.section-body:not(.bees-content-theme):not(.sport-content-theme) .global-contact-links{
--contact-section-rgb:98,189,55;
--contact-section-accent:#8fd24b;
}
body.bees-content-theme .global-contact-links{
--contact-section-rgb:214,163,19;
--contact-section-accent:#f0be29;
}
body.sport-content-theme .global-contact-links{
--contact-section-rgb:7,131,201;
--contact-section-accent:#20a9ed;
}
body.contact-body .global-contact-links{
--contact-section-rgb:232,232,232;
--contact-section-accent:#e8e8e8;
}
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
border:1px solid rgba(var(--contact-section-rgb),.48)!important;
background:linear-gradient(145deg,rgba(var(--contact-section-rgb),.055),rgba(0,0,0,.72))!important;
box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 28px rgba(var(--contact-section-rgb),.035)!important;
}
body.section-body .global-contact-links .contact-link-separator,
body.contact-body .global-contact-links .contact-link-separator{
width:1px!important;
height:58px!important;
background:rgba(var(--contact-section-rgb),.38)!important;
}
body.section-body .global-contact-links .contact-link-icon,
body.section-body .global-contact-links .contact-link-text,
body.contact-body .global-contact-links .contact-link-icon,
body.contact-body .global-contact-links .contact-link-text{
color:var(--contact-section-accent)!important;
}
body.section-body .global-contact-links .contact-link-icon svg,
body.contact-body .global-contact-links .contact-link-icon svg{
stroke:var(--contact-section-accent)!important;
filter:drop-shadow(0 0 7px rgba(var(--contact-section-rgb),.55))!important;
}
body.section-body .global-contact-links .contact-link-icon:hover,
body.section-body .global-contact-links .contact-link-text:hover,
body.contact-body .global-contact-links .contact-link-icon:hover,
body.contact-body .global-contact-links .contact-link-text:hover{
color:var(--contact-section-accent)!important;
text-shadow:0 0 12px rgba(var(--contact-section-rgb),.58)!important;
}
@media(max-width:900px){
body.section-body .global-contact-links,
body.contact-body .global-contact-links{
grid-template-columns:1fr!important;
gap:18px!important;
width:calc(100% - 28px)!important;
min-height:0!important;
margin:14px auto 28px!important;
padding:22px 18px!important;
}
body.section-body .global-contact-links .contact-link-separator,
body.contact-body .global-contact-links .contact-link-separator{
width:100%!important;
height:1px!important;
}
}
/* =========================================================
v0.5.155 – rozloženie spodnej lišty a Poslednej aktivity
========================================================= */
/* Posledná aktivita je súčasťou hlavného stĺpca hneď pod Poslednými článkami. */
.photo-home-main > .activity-wide-block{
width:100%!important;
max-width:none!important;
margin:18px 0 0!important;
padding:0!important;
box-sizing:border-box!important;
}
.photo-home-main > .activity-wide-block > .activity-wide{
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
/* Spodný kontaktný kontajner má na každej stránke rovnakú polohu a odstup. */
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
width:min(calc(100% - (2 * var(--vilko-page-gutter,24px))),var(--vilko-content-max,2400px))!important;
max-width:var(--vilko-content-max,2400px)!important;
margin:18px auto 24px!important;
flex:none!important;
box-sizing:border-box!important;
}
/* Kontakt nesmie uzamknúť výšku stránky ani odrezať spodnú lištu. */
html,
body.contact-body{
min-height:100%!important;
height:auto!important;
}
body.contact-body{
overflow-x:hidden!important;
overflow-y:auto!important;
padding-bottom:1px!important;
}
body.contact-body .contact-page{
min-height:0!important;
height:auto!important;
margin-bottom:0!important;
flex:none!important;
}
body.contact-body > .global-contact-links{
position:relative!important;
inset:auto!important;
transform:none!important;
clear:both!important;
}
@media(max-width:900px){
.photo-home-main > .activity-wide-block{
margin-top:14px!important;
}
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
width:calc(100% - 28px)!important;
margin:14px auto 20px!important;
}
}
/* =========================================================
v0.5.156 – SEKČNÉ FARBY: posledná aktivita, detail foto, žiara ikony
Iba tri dohodnuté opravy.
========================================================= */
/* 1. POSLEDNÁ AKTIVITA – všetky zvýraznenia vo farbe aktuálnej sekcie */
body.section-body .activity-card .activity-date,
body.section-body .activity-card .activity-item strong,
body.section-body .activity-card .activity-empty span{
color:var(--section-accent-bright,#8fd24b)!important;
}
body.section-body .activity-card .activity-item:hover,
body.section-body .activity-card .activity-item:focus-visible{
background:rgba(var(--section-rgb,98,189,55),.065)!important;
border-color:rgba(var(--section-rgb,98,189,55),.34)!important;
box-shadow:inset 0 0 0 1px rgba(var(--section-rgb,98,189,55),.11)!important;
}
/* 2. DETAIL FOTOGRAFIE – rám priamo okolo fotografie vo farbe sekcie */
body.section-body .photo-detail-mode .photo-detail-figure,
body.section-body .photo-detail-mode .photo-detail-figure img{
border-color:rgba(var(--section-rgb,98,189,55),.72)!important;
}
body.section-body .photo-detail-mode .photo-detail-figure img{
border-width:1px!important;
border-style:solid!important;
box-shadow:
0 12px 34px rgba(0,0,0,.28),
0 0 14px rgba(var(--section-rgb,98,189,55),.10)!important;
}
body.section-body .photo-detail-mode .detail-nav-arrow,
body.section-body .photo-detail-mode .photo-detail-back-link,
body.section-body .photo-detail-mode .photo-detail-info dt,
body.section-body .photo-detail-mode .photo-detail-info a{
color:var(--section-accent-bright,#8fd24b)!important;
border-color:rgba(var(--section-rgb,98,189,55),.58)!important;
}
/* 3. DETAIL – ikona aj jej žiara bez zeleného presahu */
body.section-body .photo-detail-mode .detail-floating-gallery-link{
color:var(--section-accent-bright,#8fd24b)!important;
border-color:rgba(var(--section-rgb,98,189,55),.68)!important;
background:rgba(var(--section-rgb,98,189,55),.10)!important;
box-shadow:
0 0 26px rgba(var(--section-rgb,98,189,55),.38),
inset 0 0 16px rgba(var(--section-rgb,98,189,55),.10)!important;
filter:drop-shadow(0 0 10px rgba(var(--section-rgb,98,189,55),.78))!important;
}
body.section-body .photo-detail-mode .detail-floating-gallery-link::before{
background:radial-gradient(circle,rgba(var(--section-rgb,98,189,55),.34) 0%,rgba(var(--section-rgb,98,189,55),.14) 34%,transparent 72%)!important;
box-shadow:none!important;
}
body.section-body .photo-detail-mode .detail-floating-gallery-link svg,
body.section-body .photo-detail-mode .detail-floating-gallery-link svg *{
color:var(--section-accent-bright,#8fd24b)!important;
stroke:var(--section-accent-bright,#8fd24b)!important;
filter:drop-shadow(0 0 7px rgba(var(--section-rgb,98,189,55),.72))!important;
}
/* ================================================================
v0.5.159 – UNIVERZÁLNE MOBILNÉ ZOBRAZENIE ÚVODU
- logo Vilkov med sa plynulo prispôsobuje šírke mobilu
- logo Vilkov med sa plynulo prispôsobuje šírke mobilu
- fotografie používajú pôvodný CMS zoom a posun bez mobilného prepísania
================================================================ */
@media (max-width: 900px) {
.home .panel-content .bee-subtitle {
width: clamp(270px, 74vw, 360px) !important;
max-width: calc(100vw - 36px) !important;
max-height: clamp(82px, 22vw, 112px) !important;
height: auto !important;
object-fit: contain !important;
object-position: center !important;
}
}
/* ================================================================
v0.5.161 – CMS NÁHĽAD = ÚVODNÁ STRÁNKA
Rovnaké cover vykreslenie, zoom a posun; fotografia vždy bez prázdnych okrajov.
================================================================ */
.home .panel.has-custom-bg .hero-photo img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
max-width:none!important;
max-height:none!important;
}
/* ================================================================
v0.5.162b – VČELY: logo Vilkov med v hornom kontajneri
- používa rovnaký originálny obrázok a desktopovú šírku 340 px ako úvod
- je vložené vľavo od ikony včely
- ikone zostáva samostatný približne štvorcový priestor
================================================================ */
.photo-section-page.bees-section-page .photo-section-intro{
padding-right:730px!important;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link{
position:absolute;
top:50%;
right:132px;
width:510px;
height:auto;
transform:translateY(-50%);
display:block;
z-index:24;
line-height:0;
text-decoration:none;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link img{
display:block;
width:510px;
max-width:100%;
height:auto;
object-fit:contain;
filter:drop-shadow(0 2px 5px rgba(0,0,0,.85));
}
.photo-section-page.bees-section-page .bees-vilkov-med-link:hover img,
.photo-section-page.bees-section-page .bees-vilkov-med-link:focus-visible img{
filter:drop-shadow(0 2px 5px rgba(0,0,0,.85)) drop-shadow(0 0 10px rgba(214,163,19,.45));
}
@media(max-width:1180px) and (min-width:901px){
.photo-section-page.bees-section-page .photo-section-intro{
padding-right:580px!important;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link{
right:122px;
width:390px;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link img{
width:390px;
}
}
@media(max-width:900px){
.photo-section-page.bees-section-page .photo-section-intro{
padding-right:24px!important;
padding-top:126px!important;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link{
top:28px;
left:24px;
right:112px;
width:auto;
max-width:340px;
transform:none;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link img{
width:100%;
max-height:82px;
}
}
@media(max-width:520px){
.photo-section-page.bees-section-page .photo-section-intro{
padding-top:112px!important;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link{
left:18px;
right:105px;
}
.photo-section-page.bees-section-page .bees-vilkov-med-link img{
max-height:72px;
}
}
/* v0.5.163 – farebné logo Vilkov med */
.home .panel-content .bee-subtitle-link{position:absolute;top:70px;left:50%;transform:translateX(-50%);z-index:6;display:block;width:340px;line-height:0}.home .panel-content .bee-subtitle-link .bee-subtitle{position:static!important;transform:none!important;width:100%!important;height:auto;display:block}@media(max-width:700px){.home .panel-content .bee-subtitle-link{top:70px;width:200px;max-width:62vw}}
/* ================================================================
v0.5.173 – MOBILNÝ ÚVOD: Vilkov med bez prekrytia titulku VČELY
Logo je samostatný prvok nad názvom; ikona zostáva hore.
================================================================ */
@media (max-width:700px){
.home .panel-bees .panel-content{
padding-top:92px!important;
gap:12px!important;
}
.home .panel-bees .panel-content .bee-subtitle-link{
position:static!important;
inset:auto!important;
transform:none!important;
order:1!important;
width:260px!important;
max-width:78vw!important;
margin:0 auto 2px!important;
line-height:0!important;
}
.home .panel-bees .panel-content .bee-subtitle-link .bee-subtitle{
position:static!important;
inset:auto!important;
transform:none!important;
width:100%!important;
max-width:100%!important;
max-height:88px!important;
height:auto!important;
object-fit:contain!important;
margin:0!important;
}
.home .panel-bees .panel-content h2{order:2!important;}
.home .panel-bees .panel-content .line{order:3!important;}
.home .panel-bees .panel-content p{order:4!important;}
.home .panel-bees .panel-content .btn{order:5!important;}
}
/* ================================================================
v0.5.178 – ŠPORT: ročná navigácia vo farbe sekcie
Mení iba farbu rokov, šípok a hover/active stavov v sekcii ŠPORT.
================================================================ */
.photo-section-page.sport-section-page .photo-year-nav{
border-color:rgba(7,131,201,.38)!important;
background:rgba(2,8,13,.80)!important;
box-shadow:0 14px 34px rgba(0,0,0,.20),inset 0 0 24px rgba(7,131,201,.035)!important;
}
.photo-section-page.sport-section-page .photo-year-item:hover,
.photo-section-page.sport-section-page .photo-year-item:focus-visible{
color:#20a9ed!important;
border-color:rgba(7,131,201,.48)!important;
background:rgba(7,131,201,.09)!important;
box-shadow:0 0 18px rgba(7,131,201,.16)!important;
}
.photo-section-page.sport-section-page .photo-year-item.active{
color:#49bdf5!important;
border-color:rgba(7,131,201,.66)!important;
background:rgba(7,131,201,.14)!important;
box-shadow:0 0 20px rgba(7,131,201,.20),inset 0 0 12px rgba(7,131,201,.06)!important;
}
.photo-section-page.sport-section-page .photo-year-arrow{
color:#20a9ed!important;
border-color:rgba(7,131,201,.42)!important;
background:rgba(7,131,201,.075)!important;
}
.photo-section-page.sport-section-page .photo-year-arrow:hover,
.photo-section-page.sport-section-page .photo-year-arrow:focus-visible{
color:#66c9f7!important;
border-color:rgba(7,131,201,.68)!important;
background:rgba(7,131,201,.14)!important;
box-shadow:0 0 18px rgba(7,131,201,.20)!important;
}
/* ================================================================
v0.5.179 – VČELY + VILKOV MED: ročná navigácia vo farbe sekcie
Mení iba farbu rokov, šípok a hover/active stavov zo zelenej
na medovú v sekcii VČELY aj na stránkach Vilkov med.
================================================================ */
.photo-section-page.bees-section-page .photo-year-nav{
border-color:rgba(214,163,19,.38)!important;
background:rgba(12,9,2,.80)!important;
box-shadow:0 14px 34px rgba(0,0,0,.20),inset 0 0 24px rgba(214,163,19,.035)!important;
}
.photo-section-page.bees-section-page .photo-year-item:hover,
.photo-section-page.bees-section-page .photo-year-item:focus-visible{
color:#f0be29!important;
border-color:rgba(214,163,19,.48)!important;
background:rgba(214,163,19,.09)!important;
box-shadow:0 0 18px rgba(214,163,19,.16)!important;
}
.photo-section-page.bees-section-page .photo-year-item.active{
color:#f0be29!important;
border-color:rgba(214,163,19,.66)!important;
background:rgba(214,163,19,.14)!important;
box-shadow:0 0 20px rgba(214,163,19,.20),inset 0 0 12px rgba(214,163,19,.06)!important;
}
.photo-section-page.bees-section-page .photo-year-arrow{
color:#d6a313!important;
border-color:rgba(214,163,19,.42)!important;
background:rgba(214,163,19,.075)!important;
}
.photo-section-page.bees-section-page .photo-year-arrow:hover,
.photo-section-page.bees-section-page .photo-year-arrow:focus-visible{
color:#f0be29!important;
border-color:rgba(214,163,19,.68)!important;
background:rgba(214,163,19,.14)!important;
box-shadow:0 0 18px rgba(214,163,19,.20)!important;
}
/* ================================================================
v0.5.183 – DETAILY: horné zarovnanie POZNÁMKA / POPIS
Vo všetkých detailoch sú názvy polí zarovnané hore vľavo.
Dlhý text poznámky/popu sa zalamuje iba v pravom stĺpci.
================================================================ */
body.section-body .photo-detail-mode .photo-detail-info dl{
align-items:start!important;
}
body.section-body .photo-detail-mode .photo-detail-info dt,
body.section-body .photo-detail-mode .photo-detail-info dd{
align-self:start!important;
align-items:flex-start!important;
margin-top:0!important;
}
/* ================================================================
v0.5.184 – KONTAKT: identický pracovný kontajner ako FOTO/VČELY/ŠPORT
Referenčné sekcie majú na desktope spoločný vonkajší pracovný priestor
a vnútorné bočné odsadenie 64 px (pravidlo v0.5.124).
KONTAKT používa presne tú istú dvojúrovňovú geometriu.
================================================================ */
@media (min-width:901px){
body.contact-body .contact-page{
width:min(calc(100% - (2 * var(--vilko-page-gutter,34px))),var(--vilko-content-max,2400px))!important;
max-width:var(--vilko-content-max,2400px)!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:64px!important;
padding-right:64px!important;
box-sizing:border-box!important;
}
body.contact-body .contact-page > .contact-hero,
body.contact-body .contact-page > .contact-main{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
}
}
/* ================================================================
v0.5.185 – TRI PRESNÉ VIZUÁLNE OPRAVY
1. FOTO / VČELY / ŠPORT: odstránenie čiernych bočných pásov.
2. KONTAKT: šírka ostáva nedotknutá, horný panel má rovnakú
výšku a vnútornú geometriu ako horný panel sekcií.
3. Vilkov med: produktový text pod obrázkom je medovo-zlatý.
================================================================ */
/* 1. Pozadie tela pokračuje rovnakou témou aj mimo pracovného wrappera. */
body.section-body{
background:
radial-gradient(circle at 14% 10%,rgba(98,189,55,.18),transparent 28%),
radial-gradient(circle at 86% 18%,rgba(98,189,55,.08),transparent 32%),
linear-gradient(135deg,#0b120b 0%,#050505 56%,#030303 100%)!important;
}
body.section-body.bees-content-theme{
background:
radial-gradient(circle at 14% 10%,rgba(214,163,19,.17),transparent 29%),
linear-gradient(135deg,#171205 0%,#050505 60%,#050402 100%)!important;
}
body.section-body.sport-content-theme{
background:
radial-gradient(circle at 14% 10%,rgba(7,131,201,.17),transparent 29%),
linear-gradient(135deg,#07121b 0%,#050505 60%,#020508 100%)!important;
}
/* 2. Šírka KONTAKTU sa nemení. Upravuje sa iba výška a obsah horného panela. */
@media (min-width:901px){
body.contact-body .contact-page{
grid-template-rows:140px minmax(0,1fr) 84px!important;
}
body.contact-body .contact-hero{
height:140px!important;
min-height:140px!important;
margin:0!important;
padding:24px 112px 20px 40px!important;
display:flex!important;
align-items:center!important;
box-sizing:border-box!important;
}
body.contact-body .contact-eyebrow{
margin:0 0 10px!important;
font-size:13px!important;
letter-spacing:5px!important;
}
body.contact-body .contact-hero h1{
margin:0 0 8px!important;
font-size:46px!important;
line-height:1!important;
}
body.contact-body .contact-hero p:not(.contact-eyebrow){
margin:0!important;
font-size:17px!important;
line-height:1.35!important;
}
}
/* ================================================================
v0.5.187 – KONTAKT: horný panel presne podľa sekčného panela
Mení iba zvislú pozíciu a prirodzenú výšku panela „Spojme sa“.
Šírka kontaktnej stránky a ostatné rozloženie zostávajú nedotknuté.
================================================================ */
@media (min-width:901px){
body.contact-body .contact-page{
padding-top:calc(var(--site-header-height,66px) + 18px)!important;
grid-template-rows:auto minmax(0,1fr) 84px!important;
}
body.contact-body .contact-hero{
height:auto!important;
min-height:0!important;
margin:0!important;
padding:24px 40px 18px!important;
display:block!important;
box-sizing:border-box!important;
}
body.contact-body .contact-eyebrow{
margin:0 0 10px!important;
font-size:13px!important;
line-height:1.2!important;
letter-spacing:5px!important;
}
body.contact-body .contact-hero h1{
margin:0 0 8px!important;
font-size:46px!important;
line-height:1!important;
}
body.contact-body .contact-hero p:not(.contact-eyebrow){
margin:0!important;
padding-right:92px!important;
font-size:17px!important;
line-height:1.35!important;
}
}
/* ================================================================
v0.5.188 – SPODNÁ KONTAKTNÁ LIŠTA HNEĎ ZA OBSAHOM
Lišta zostáva v prirodzenom toku dokumentu. Hlavný obsah ju už
nevytláča na spodok viewportu cez min-height ani pružný gridový riadok.
================================================================ */
/* Všetky stránky s globálnou kontaktnou lištou končia podľa reálnej
výšky svojho obsahu, nie podľa výšky obrazovky. */
body.section-body > main.photo-section-page,
body.contact-body > main.contact-page{
min-height:0!important;
height:auto!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
/* KONTAKT: odstránenie prázdneho pružného riadku, ktorý vytváral
veľkú medzeru medzi formulárom a spodnou lištou. */
@media (min-width:901px){
body.contact-body > main.contact-page{
grid-template-rows:auto auto!important;
align-content:start!important;
}
}
/* Jednotná malá medzera. Lišta sa pri pribúdaní obsahu automaticky
posúva nižšie spolu s dokumentom. */
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
position:relative!important;
inset:auto!important;
transform:none!important;
margin-top:18px!important;
margin-bottom:24px!important;
}
@media (max-width:900px){
body.section-body > main.photo-section-page,
body.contact-body > main.contact-page{
min-height:0!important;
height:auto!important;
padding-bottom:0!important;
}
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
margin-top:14px!important;
margin-bottom:18px!important;
}
}
/* ================================================================
v0.5.189 – JEDNOTNÁ ŠÍRKA SPODNÉHO KONTAJNERA
Spodná kontaktná lišta sa zarovnáva na rovnaké vnútorné hrany
ako hlavné kontajnery jednotlivých sekcií. Výška, obsah a poloha
hneď za obsahom zostávajú bez zmeny.
================================================================ */
@media (min-width:901px){
/* FOTO / VČELY / ŠPORT / MED:
vonkajší pracovný priestor + rovnaký vnútorný gutter ako obsah. */
body.section-body > .global-contact-links{
width:min(
calc(100% - (4 * var(--vilko-page-gutter,34px))),
calc(var(--vilko-content-max,2400px) - (2 * var(--vilko-page-gutter,34px)))
)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* KONTAKT:
jeho schválený hlavný kontajner má navyše 64 px vnútorný padding
z každej strany; spodná lišta používa presne rovnaké hrany. */
body.contact-body > .global-contact-links{
width:min(
calc(100% - (2 * var(--vilko-page-gutter,34px)) - 128px),
calc(var(--vilko-content-max,2400px) - 128px)
)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* v0.5.191 – priama editácia konkrétnej fotografie iba pre prihláseného admina */
.admin-photo-edit-link{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 14px;padding:8px 14px;border:1px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.02em;opacity:.9;transition:opacity .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-photo-edit-link:hover{opacity:1;box-shadow:0 0 16px currentColor;transform:translateY(-1px)}
/* ================================================================
v0.5.198 – footer bez prázdnej medzery + pôvodné farby ikon
- hlavné sekčné gridy sa zbalenia podľa reálnej výšky obsahu
- sociálne ikony na KONTAKTE majú rovnakú veľkosť ako inde
- Instagram, Facebook, YouTube a Strava zostávajú v pôvodných farbách
================================================================ */
@media (min-width:901px){
body.section-body > main.photo-section-page{
min-height:0!important;
height:auto!important;
align-content:start!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
body.contact-body > main.contact-page{
min-height:0!important;
height:auto!important;
grid-template-rows:auto auto!important;
align-content:start!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
}
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
margin-top:18px!important;
margin-bottom:24px!important;
}
body.contact-body .global-contact-links .contact-socials{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:24px!important;
flex-wrap:nowrap!important;
}
body.contact-body .global-contact-links .contact-socials > a,
body.contact-body .global-contact-links .contact-socials > span{
display:block!important;
width:27px!important;
height:27px!important;
min-width:27px!important;
min-height:27px!important;
max-width:27px!important;
max-height:27px!important;
flex:0 0 27px!important;
}
body.contact-body .global-contact-links .contact-socials > a svg,
body.contact-body .global-contact-links .contact-socials > span svg{
display:block!important;
width:100%!important;
height:100%!important;
}
.global-contact-links .contact-socials > .instagram{color:#E4405F!important;}
.global-contact-links .contact-socials > .facebook{color:#1877F2!important;}
.global-contact-links .contact-socials > .youtube{color:#FF0000!important;}
.global-contact-links .contact-socials > .strava{color:#FC4C02!important;}
.global-contact-links .contact-socials > a,
.global-contact-links .contact-socials > span{
filter:drop-shadow(0 0 5px currentColor)!important;
}
@media (max-width:900px){
body.section-body > main.photo-section-page,
body.contact-body > main.contact-page{
min-height:0!important;
height:auto!important;
align-content:start!important;
padding-bottom:0!important;
margin-bottom:0!important;
}
body.section-body > .global-contact-links,
body.contact-body > .global-contact-links{
margin-top:14px!important;
margin-bottom:18px!important;
}
}
/* v0.5.203 – FOTO: odstránenie prázdnej výšky medzi poslednou aktivitou a footerom.
Footer sa nemení; hlavný obsah už nie je nútene vysoký na celý viewport. */
body.section-body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode){
min-height:0!important;
}
/* ================================================================
v0.5.205 – FOTO: odstránenie spodnej medzery bez posunu obsahu hore
OSOBNE zostáva od 2. riadku a končí spolu s obsahovým riadkom 3.
Nevytvára ďalšie prázdne implicitné riadky pod obsahom.
Footer ani jeho štýly sa nemenia.
================================================================ */
@media (min-width:901px){
body .photo-section-page.photo-page-layout:not(.photo-detail-mode):not(.article-detail-mode):not(.article-archive-mode) > .photo-side-note{
grid-row:2 / 4!important;
}
}
/* ================================================================
v0.5.207 – DETAIL FOTO: rezervovaná výška aj pre spodný kontakt
Mení iba výšku fotografie na desktope. Footer zostáva bez zmeny.
================================================================ */
@media (min-width:901px){
body:has(.photo-detail-mode){
overflow:hidden!important;
}
.photo-detail-mode .photo-detail-figure{
height:min(800px, calc(100dvh - 280px))!important;
max-height:min(800px, calc(100dvh - 280px))!important;
min-height:320px!important;
}
.photo-detail-mode .photo-detail-figure img{
max-width:min(1200px,100%)!important;
max-height:100%!important;
width:auto!important;
height:auto!important;
object-fit:contain!important;
}
}
@media (max-width:900px){
body:has(.photo-detail-mode){
overflow-y:auto!important;
overflow-x:hidden!important;
}
.photo-detail-mode .photo-detail-figure{
height:auto!important;
max-height:none!important;
min-height:0!important;
}
.photo-detail-mode .photo-detail-figure img{
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
}
}
/* ================================================================
v0.5.211 – ÚVOD: jednotný hover pre Vilkov med a sekčné ikony
Jemné nadvihnutie a rozsvietenie podľa tlačidiel VSTÚPIŤ.
================================================================ */
@media (hover:hover) and (pointer:fine){
.home .panel-content .section-icon-link{
transition:transform .25s ease,filter .25s ease!important;
}
.home .panel-content .section-icon-link:hover,
.home .panel-content .section-icon-link:focus-visible{
transform:translateX(-50%) translateY(-3px)!important;
filter:drop-shadow(0 7px 10px rgba(0,0,0,1))
drop-shadow(0 16px 28px rgba(0,0,0,.98))
drop-shadow(0 0 14px currentColor)!important;
}
.home .panel-content .section-icon-link:hover svg,
.home .panel-content .section-icon-link:focus-visible svg{
filter:drop-shadow(0 0 16px currentColor)
drop-shadow(0 12px 24px rgba(0,0,0,.92))!important;
}
.home .panel-content .bee-subtitle-link{
transition:transform .25s ease,filter .25s ease!important;
}
.home .panel-content .bee-subtitle-link:hover,
.home .panel-content .bee-subtitle-link:focus-visible{
transform:translateX(-50%) translateY(-3px)!important;
filter:drop-shadow(0 0 15px rgba(214,163,19,.78))
drop-shadow(0 14px 28px rgba(0,0,0,.92))!important;
}
}
/* v0.5.213 – presne 4 opravy: VČELY detail/šírka, EXIF, mazanie v CMS */
.photo-section-page.bees-section-page > .photo-section-intro{
box-sizing:border-box!important;
min-width:0!important;
width:auto!important;
max-width:none!important;
grid-column:1 / -1!important;
}
.photo-section-page.bees-section-page.photo-detail-mode .photo-detail-intro-card{
padding:18px!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
}
/* ================================================================
v0.5.219 – ÚVOD: VČELY dominantne v strede
- desktop: FOTO | VČELY | ŠPORT
- mobil: VČELY zostávajú ako prvá sekcia
- logo Vilkov med je hore pred uvítacím textom
- v spodnom obsahu VČIEL je textový podnadpis
================================================================ */
@media(min-width:901px){
.home .panel-photo{order:1}
.home .panel-bees{order:2}
.home .panel-sport{order:3}
}
.home .panel-bees .panel-content h3{color:#d6a313}
.home .intro .intro-med-logo{
display:block;
width:822px;
max-width:92%;
margin:0 auto 10px;
line-height:0;
pointer-events:auto;
}
.home .intro .intro-med-logo img{
display:block;
width:100%;
max-height:170px;
height:auto;
object-fit:contain;
filter:drop-shadow(0 2px 5px rgba(0,0,0,.85));
}
.home .intro .intro-med-logo:hover img,
.home .intro .intro-med-logo:focus-visible img{
filter:drop-shadow(0 2px 5px rgba(0,0,0,.85)) drop-shadow(0 0 12px rgba(214,163,19,.55));
}
.home .panel-bees > .intro{top:22px!important}
.home .panel-bees > .intro:before{height:300px}
@media(max-width:900px){
.home .panel-bees{padding-top:300px!important}
.home .panel-bees > .intro{top:86px!important}
.home .intro .intro-med-logo{width:360px;max-width:calc(100% - 40px);margin-bottom:8px}
.home .intro .intro-med-logo img{max-height:94px}
.home .panel-bees > .intro:before{height:250px!important}
}
/* v0.5.191 – Kontakt: presný biely obrys Slovenska a poloha Chvojnice */
.contact-intro.has-month-photo .contact-location-map{
position:absolute;
left:50%;
top:20px;
width:min(76%,380px);
transform:translateX(-50%);
z-index:2;
color:var(--contact-silver);
text-decoration:none;
opacity:1;
transition:filter .2s ease,transform .2s ease;
}
.contact-intro.has-month-photo .contact-location-map:hover{
filter:drop-shadow(0 0 9px rgba(255,255,255,.12));
transform:translateX(-50%) scale(1.012);
}
.contact-location-map svg{
display:block;
width:100%;
height:auto;
overflow:visible;
}
.contact-slovakia-outline{
fill:transparent;
stroke:rgba(255,255,255,.28);
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
transition:stroke .2s ease;
}
.contact-location-map:hover .contact-slovakia-outline{
stroke:rgba(255,255,255,.46);
}
.contact-location-pin{
fill:none;
stroke:#e4b725;
stroke-width:1.65;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 4px rgba(228,183,37,.72));
vector-effect:non-scaling-stroke;
}
.contact-intro.has-month-photo .contact-intro-copy{
position:relative;
z-index:3;
margin-top:170px;
}
.contact-intro.has-month-photo .contact-intro-copy .contact-big-icon,
.contact-intro.has-month-photo .contact-intro-copy h2,
.contact-intro.has-month-photo .contact-intro-copy > a{
position:relative;
z-index:3;
}
@media (max-width:700px){
.contact-intro.has-month-photo .contact-location-map{
top:16px;
width:min(82%,340px);
}
.contact-intro.has-month-photo .contact-intro-copy{
margin-top:148px;
}
}
/* KONTAKT – finálna úprava popisu Chvojnica a e-mailu */
.contact-body .contact-location-label{
fill:rgba(255,255,255,.92)!important;
font-family:Georgia,"Times New Roman",serif;
font-size:13px;
font-weight:600;
paint-order:stroke;
stroke:rgba(0,0,0,.72);
stroke-width:2px;
stroke-linejoin:round;
pointer-events:none;
}
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a,
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:link,
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:visited{
display:inline-block;
color:#fff!important;
font-family:Georgia,"Times New Roman",serif;
font-size:24px!important;
line-height:1.15;
text-decoration:none!important;
margin-top:1px;
}
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:hover,
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:focus-visible{
color:#f0cf55!important;
text-decoration:none!important;
text-shadow:0 0 10px rgba(240,207,85,.35)!important;
}
@media(max-width:700px){
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a,
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:link,
.contact-body .contact-intro.has-month-photo .contact-intro-copy > a:visited{
font-size:21px!important;
}
.contact-body .contact-location-label{font-size:12px;}
}