/* ==========================================================
   Virtualni-prohlidky360.cz – Reference 2026 V8.4
   - ruší ikonové menu, které neodpovídalo návrhu
   - hlavní „filtr“ tvoří vybrané náhledy projektů
   - kategorie zůstávají jako jediný funkční textový filtr
   - zachována cache náhledů a současný detail reference
   ========================================================== */

#levy{width:100% !important;float:none !important;}
#pravy{display:none !important;}
.levyIn{padding:26px 38px 46px !important;}
.levyIn > h1:first-child{display:none !important;}
#web{position:relative !important;max-width:1180px !important;}

/* Hlavička Reference */
#header{height:285px !important;padding-top:0 !important;background:#111 !important;overflow:hidden !important;}
#header > img.block{width:100% !important;height:285px !important;object-fit:cover !important;object-position:center center !important;filter:brightness(.78) contrast(1.05) !important;}
#header #logo{top:28px !important;left:36px !important;width:300px !important;padding:8px 13px !important;background:rgba(255,255,255,.95) !important;border-radius:6px !important;box-shadow:0 4px 18px rgba(0,0,0,.26) !important;z-index:12 !important;}
#header #logo img{width:300px !important;height:auto !important;}
#header a.headerCities360{right:32px !important;bottom:32px !important;top:auto !important;transform:scale(.62) !important;transform-origin:right bottom !important;z-index:12 !important;}
.vp-header-text{position:absolute !important;left:46px !important;right:210px !important;bottom:48px !important;color:#fff !important;text-shadow:0 4px 16px rgba(0,0,0,.88) !important;z-index:11 !important;}
.vp-header-text strong,.vp-header-text span{font-size:0 !important;line-height:0 !important;}
.vp-header-text strong:before{content:"Reference";display:block;font-size:38px !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:.01em;}
.vp-header-text span:before{content:"Prohlédněte si ukázky našich realizací – virtuální prohlídky, videa, letecké záběry, 3D vizualizace a fotografie.";display:block;margin-top:8px;max-width:850px;font-size:16px !important;line-height:1.36 !important;font-weight:600 !important;}

/* Úvod pod hlavičkou */
.vp-reference-intro{display:flex !important;align-items:flex-end !important;gap:18px !important;margin:0 0 13px !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.vp-reference-intro h1{margin:0 !important;padding:0 !important;background:none !important;color:#8b0d0d !important;font-size:30px !important;line-height:1.1 !important;}
.vp-reference-intro p{margin:0 0 3px !important;padding:0 !important;color:#333 !important;font-size:14px !important;line-height:1.35 !important;}

/* Kategorie – jediný funkční filtr. Žádné malé ikonky. */
.vp-ref-filters{display:flex !important;flex-wrap:wrap !important;gap:7px !important;margin:0 0 24px !important;}
.vp-ref-filter{display:inline-block !important;padding:9px 12px !important;border:1px solid #e5dfdc !important;border-radius:6px !important;background:#fff !important;color:#333 !important;font-size:12px !important;font-weight:700 !important;text-decoration:none !important;box-shadow:0 2px 7px rgba(0,0,0,.035) !important;}
.vp-ref-filter.active,.vp-ref-filter:hover{background:#9b0d0d !important;border-color:#9b0d0d !important;color:#fff !important;}

/* Sekce */
.vp-ref-section{margin:0 0 34px !important;}
.vp-ref-featured-section{padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
.vp-ref-section h2{margin:0 0 18px !important;padding:0 !important;background:none !important;color:#111 !important;font-size:27px !important;line-height:1.2 !important;}
.vp-ref-section h2:first-letter{color:#8b0d0d;}
.vp-ref-featured-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}
.vp-ref-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;}

/* Karty */
.vp-ref-card{background:#fff !important;border:1px solid #e3ddd9 !important;border-radius:8px !important;overflow:hidden !important;box-shadow:0 4px 14px rgba(0,0,0,.10) !important;transition:transform .15s ease, box-shadow .15s ease !important;}
.vp-ref-card:hover{transform:translateY(-2px) !important;box-shadow:0 10px 25px rgba(0,0,0,.15) !important;}
.vp-ref-thumb{display:block !important;position:relative !important;aspect-ratio:2/1 !important;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:#eee !important;border-bottom:1px solid #e5dfdc !important;}
.vp-ref-featured-grid .vp-ref-thumb{aspect-ratio:2/1 !important;}
.vp-ref-type{position:absolute !important;left:10px !important;top:10px !important;display:inline-block !important;background:#111820 !important;color:#fff !important;border-radius:5px !important;padding:6px 8px !important;font-size:13px !important;line-height:1 !important;font-weight:800 !important;box-shadow:0 2px 8px rgba(0,0,0,.30) !important;opacity:1 !important;mix-blend-mode:normal !important;text-shadow:none !important;}
.vp-ref-type:before,.vp-ref-type:after{content:none !important;display:none !important;}
.vp-ref-card-body{padding:15px 16px 14px !important;}
.vp-ref-card-meta{min-height:17px;margin-bottom:5px !important;color:#777 !important;font-size:12px !important;line-height:1.25 !important;}
.vp-ref-card-body h2{margin:0 0 7px !important;padding:0 !important;background:none !important;font-size:19px !important;line-height:1.22 !important;}
.vp-ref-grid .vp-ref-card-body h2{font-size:16px !important;}
.vp-ref-card-body h2 a{color:#111 !important;text-decoration:none !important;}
.vp-ref-card-body h2 a:hover{color:#8b0d0d !important;}
.vp-ref-card-body p{margin:0 0 12px !important;padding:0 !important;color:#333 !important;font-size:13px !important;line-height:1.43 !important;}
.vp-ref-grid .vp-ref-card-body p{font-size:12px !important;line-height:1.38 !important;}
.vp-ref-card-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding-top:11px !important;border-top:1px solid #e5dfdc !important;color:#666 !important;font-size:12px !important;}
.vp-ref-card-bottom a{color:#8b0d0d !important;font-weight:800 !important;text-decoration:none !important;white-space:nowrap !important;}

/* Detail reference */
.vp-ref-detail-page{max-width:1120px !important;margin:0 auto !important;}
.vp-ref-back{display:inline-block !important;float:none !important;margin:0 0 18px !important;padding:11px 15px !important;background:#fff !important;border:1px solid #e5dfdc !important;border-radius:6px !important;color:#8b0d0d !important;font-weight:800 !important;text-decoration:none !important;}
.vp-ref-detail-hero{aspect-ratio:2/1 !important;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:#e9e9e9 !important;border-radius:9px !important;box-shadow:0 4px 16px rgba(0,0,0,.12) !important;margin-bottom:28px !important;}
.vp-ref-detail-layout{display:grid !important;grid-template-columns:1fr 340px !important;gap:28px !important;align-items:start !important;}
.vp-ref-detail-main,.vp-ref-detail-panel{background:#fff !important;border:1px solid #e5dfdc !important;border-radius:9px !important;box-shadow:0 3px 12px rgba(0,0,0,.055) !important;}
.vp-ref-detail-main{padding:28px 32px !important;}
.vp-ref-detail-main h1{margin:0 0 18px !important;padding:0 !important;background:none !important;color:#8b0d0d !important;font-size:34px !important;line-height:1.18 !important;}
.vp-ref-detail-text,.vp-ref-detail-text p{font-size:17px !important;line-height:1.65 !important;color:#222 !important;}
.vp-ref-detail-panel{padding:24px !important;}
.vp-ref-detail-panel h2{margin:0 0 18px !important;padding:0 !important;background:none !important;color:#111 !important;font-size:24px !important;}
.vp-ref-main-action,.vp-ref-secondary-action{display:block !important;text-align:center !important;padding:15px 16px !important;margin:0 0 12px !important;border-radius:6px !important;font-weight:800 !important;text-decoration:none !important;}
.vp-ref-main-action{background:#8b0d0d !important;color:#fff !important;}
.vp-ref-secondary-action{background:#fff !important;border:1px solid #8b0d0d !important;color:#8b0d0d !important;}
.vp-ref-facts{display:grid !important;grid-template-columns:100px 1fr !important;gap:10px 8px !important;margin:22px 0 0 !important;padding-top:18px !important;border-top:1px solid #e5dfdc !important;}
.vp-ref-facts dt{font-weight:800 !important;color:#555 !important;}
.vp-ref-facts dd{margin:0 !important;color:#222 !important;}

/* Statistiky */
.vp-ref-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5dfdc;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.035);margin:26px 0 6px;}
.vp-ref-stats div{text-align:center;padding:15px 10px;border-right:1px solid #e5dfdc;}
.vp-ref-stats div:last-child{border-right:0;}
.vp-ref-stats strong{display:block;color:#8b0d0d;font-size:24px;line-height:1.05;}
.vp-ref-stats span{display:block;color:#555;font-size:12px;line-height:1.25;margin-top:3px;}

@media(max-width:1180px){.vp-ref-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media(max-width:900px){#web{max-width:100% !important;}#header{height:245px !important;}#header > img.block{height:245px !important;}#header #logo{width:230px !important;left:18px !important;top:18px !important;}#header #logo img{width:230px !important;}.vp-header-text{left:22px !important;right:22px !important;bottom:34px !important;}.vp-header-text strong:before{font-size:31px !important;}.vp-header-text span:before{font-size:14px !important;}#header a.headerCities360{display:none !important;}.levyIn{padding:24px 18px 32px !important;}.vp-ref-featured-grid,.vp-ref-grid{grid-template-columns:repeat(2,1fr) !important;}.vp-ref-detail-layout{grid-template-columns:1fr !important;}.vp-ref-stats{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#header{height:215px !important;}#header > img.block{height:215px !important;}.vp-header-text strong:before{font-size:25px !important;}.vp-header-text span:before{font-size:12px !important;}.vp-reference-intro{display:block !important;}.vp-reference-intro h1{margin-bottom:6px !important;}.vp-ref-featured-grid,.vp-ref-grid{grid-template-columns:1fr !important;}.vp-ref-detail-main{padding:22px !important;}.vp-ref-detail-main h1{font-size:26px !important;}.vp-ref-stats{grid-template-columns:1fr;}}