/* studiozachariou.gr - static copy additions (4creations, 2026-11-13) */
a.sz-logo{position:absolute;top:5px;left:-10px;width:461px;height:98px;z-index:5}
.sz-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.art-post-inner h1.art-postheader{margin:6px 0 12px;font-size:22px;line-height:1.3;color:#E62E2E}
.sz-crumbs{font-size:12px;margin:2px 0 6px;color:#9a9a9a}
.sz-crumbs a{color:#d0d0d0;text-decoration:none}.sz-crumbs a:hover{color:#fff;text-decoration:underline}
.art-sidebar1 .art-block{margin-top:10px}
.sz-menu-btn{display:none}
ul.art-hmenu li:focus-within>ul{visibility:visible;top:100%}
ul.art-hmenu li li:focus-within>ul{top:0;left:100%}
ul.art-hmenu a.separator{cursor:default}

/* header strips (replaces Widgetkit gallery-slider) */
.sz-strips{margin:0 0 10px;overflow:hidden}
.sz-strips ul{display:flex;margin:0;padding:0;list-style:none;height:350px}
.sz-strips li{flex:1 1 0;min-width:0;margin:0;padding:0;overflow:hidden;transition:flex-grow .5s ease;background:none}
.sz-strips li:hover{flex-grow:3.2}
.sz-strips a{display:block;height:350px}
.sz-strips img{display:block;width:250px;max-width:none;height:350px;object-fit:cover;margin:0 auto;position:relative;left:50%;transform:translateX(-50%)}
.sz-strips li:hover img{filter:brightness(1.1)}

/* video */
.sz-yt{position:relative;max-width:640px;margin:10px auto 16px;aspect-ratio:16/9;background:#000}
.sz-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* cards (category pages) */
.sz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:6px 0 18px!important;padding:0!important;list-style:none}
.art-postcontent ul.sz-cards li{margin:0;padding:0;background:none;list-style:none}
.sz-cards a{display:block;background:#1d1d1d;border:1px solid #444;border-radius:4px;overflow:hidden;color:#eee;text-decoration:none;height:100%}
.sz-cards a:hover{border-color:#E62E2E;color:#fff}
.sz-cards img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border:0}
.sz-cards span{display:block;padding:8px 10px 10px;font-size:13px;line-height:1.35}
.sz-noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;font-size:40px;color:#E62E2E;background:#111}
h2.sz-h2{font-size:17px;color:#E62E2E;margin:18px 0 8px}
.art-postcontent ul.sz-subcats{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 12px;list-style:none}
.art-postcontent ul.sz-subcats li{margin:0;padding:0;background:none}
.sz-subcats a,.sz-btn{display:inline-block;padding:8px 14px;border-radius:4px;background:#C1272D;color:#fff!important;text-decoration:none!important;font-weight:bold;font-size:14px}
.sz-subcats a:hover,.sz-btn:hover{background:#E62E2E}
.sz-btn-fb{background:#3b5998}.sz-btn-fb:hover{background:#4c70ba}
.sz-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.sz-note{border:1px solid #555;border-left:4px solid #C1272D;background:#222;padding:10px 14px;margin:10px 0 14px;color:#ddd}
.sz-note p{margin:4px 0}
.sz-older{columns:2;font-size:13px}
.sz-contact{list-style:none;padding:0!important;margin:10px 0!important;font-size:15px}
.art-postcontent ul.sz-contact li{background:none;padding:4px 0;margin:0}
.sz-contact span{display:inline-block;min-width:90px;color:#9a9a9a}
.sz-side-contact{text-align:center}
.sz-side-contact p{margin:6px 0}
.sz-small{font-size:12px}
.sz-social{text-align:center}

/* gallery (replaces SIGE + Shadowbox) */
.sz-gallery{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.sz-gallery a{display:block;border:1px solid #444}
.sz-gallery a:hover{border-color:#E62E2E}
.sz-gallery img{display:block;width:120px;height:150px;object-fit:cover;margin:0;border:0}

/* lightbox */
.sz-lb{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}
.sz-lb img{max-width:94vw;max-height:88vh;box-shadow:0 0 30px #000}
.sz-lb button{position:absolute;background:none;border:0;color:#fff;font-size:42px;cursor:pointer;padding:10px 16px;line-height:1}
.sz-lb .x{top:6px;right:10px}.sz-lb .p{left:6px;top:50%;transform:translateY(-50%)}.sz-lb .n{right:6px;top:50%;transform:translateY(-50%)}
.sz-lb .c{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ccc;font:13px Arial,sans-serif}

/* footer signature */
.art-footer-text p.sz-sign{text-align:center;padding:14px 10px;font-size:13px;color:#fff}
.art-footer-text p.sz-sign a{color:#fff;text-decoration:underline}
.sz-top{position:fixed;right:8px;bottom:90px;width:45px;height:45px;background:url(/plugins/system/smoothtop/images/up-arrow.gif) center top no-repeat;opacity:0;pointer-events:none;transition:opacity .3s;z-index:50}
.sz-top.on{opacity:.75;pointer-events:auto}.sz-top:hover{opacity:1;background-position:center bottom}

/* ---------- mobile / tablet (the Artisteer template is 1000px fixed) ---------- */
@media (max-width:1010px){
  body{min-width:0}
  div.art-header,.art-header-wrapper,.art-sheet{width:auto;max-width:1000px}
  .art-sheet{margin:6px 6px 0}
  div.art-header{height:auto;min-height:0;padding-bottom:6px;width:auto}
  .art-header-position{position:relative}
  .art-header-inner{height:104px}
  div.art-headerobject{background-size:contain;background-repeat:no-repeat;max-width:calc(100vw - 10px);margin-left:0}
  a.sz-logo{left:0;max-width:calc(100vw - 10px)}
  .art-nav{position:relative!important;top:auto!important;margin:0 4px!important;min-height:0}
  .art-nav:before,.art-nav:after{display:none}
  .art-footer-center{width:auto}
  .art-footer-text p.sz-sign{text-align:center;white-space:normal;line-height:1.6}
  .art-nav-outer,.art-nav-wrapper,.art-nav-inner{width:auto!important;position:relative!important;margin:0 6px!important}
  .sz-menu-btn{display:block;width:100%;padding:10px 12px;font:bold 16px Arial,sans-serif;color:#fff;background:#C1272D;border:0;border-radius:4px;cursor:pointer;text-align:left}
  ul.art-hmenu{display:none;float:none;padding:4px 0;background:#1b1b1b}
  ul.art-hmenu.open{display:block}
  ul.art-hmenu li{float:none}
  ul.art-hmenu ul,ul.art-hmenu ul ul{visibility:visible;position:static;padding:0 0 0 14px!important;margin:0!important;background:none}
  ul.art-hmenu>li>a{display:block;float:none;text-align:left;height:auto;line-height:1.3;padding:9px 10px!important;margin:0!important}
  ul.art-hmenu>li>a:before,ul.art-hmenu>li>a:after,.art-hmenu-separator{display:none!important}
  ul.art-hmenu ul a{display:block;width:auto!important;line-height:1.3;padding:7px 10px!important;height:auto}
  .art-content-layout,.art-content-layout-row,.art-layout-cell{display:block;width:auto!important}
  .art-content-layout-row{display:flex;flex-direction:column}
  .art-layout-cell.art-content{order:1}
  .art-layout-cell.art-sidebar1{order:2}
  .sz-strips ul,.sz-strips a,.sz-strips img{height:240px}
  .sz-strips img{width:172px}
  .art-postcontent img{max-width:100%;height:auto}
  .art-article span[style*="font-size: 14pt"]{font-size:16px!important}
  .sz-older{columns:1}
}
@media (max-width:560px){
  .sz-strips li:nth-child(n+5){display:none}
  .sz-cards{grid-template-columns:repeat(2,1fr);gap:8px}
  .sz-cards span{font-size:12px}
  .art-post-inner h1.art-postheader{font-size:19px}
}