/* Ménage - Video mód v kategoriích (přepínač a zobrazení videí v kartách).
   Obnoveno z archivu menage.cz.min.css (2023), jen pravidla spojená s .video-toggle / .video-on / .dm-video. */
.video-toggle{align-items:center;width:fit-content;position:relative;display:flex!important;flex:unset!important;cursor:pointer}
.video-toggle .toggle{position:relative;width:40px;height:22px;margin-left:12px}
.video-toggle label{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dadada;cursor:pointer;border-radius:22px!important}
.video-toggle label::before{content:"";position:absolute;top:1.5px;left:1.5px;width:19px;height:19px;background-color:#fff;border-radius:100%;transition:.3s}
.video-on .video-toggle label{background-color:#47cb52}
.video-on .video-toggle label::before{transform:translateX(18px)}
.video-toggle:hover .tooltip{opacity:1}
.video-toggle .tooltip{top:calc(100% - 10px);padding:5px 0}
.video-toggle .tooltip,.video-toggle .tooltip>div{text-align:center;font-weight:400;font-size:12px;letter-spacing:unset;padding:0;display:block!important;flex:unset!important}
.video-toggle .tooltip-inner{padding:3px 8px!important}
@media only screen and (min-width:768px){.video-toggle{margin-right:25px}}
@media (max-width:768px){#category-header .video-toggle{display:none!important}}
@media (min-width:768px){.cat-header-scroll-wrapper>.video-toggle{display:none!important}}
@media (max-width:768px){.video-toggle img{max-height:30px;object-fit:contain;display:block;width:120px!important}}
@media (max-width:350px){.video-toggle img{max-height:30px;object-fit:contain;display:block;width:100px!important}}
[lang="cs"] #filters .video-toggle{margin-top:30px}
[lang="cs"] #filters .video-toggle::after{position:absolute;content:"";top:-30px;background-image:url("/user/documents/upload/DMupravy/docs/fascinator-2.gif");background-repeat:no-repeat;background-size:contain;background-position:left top;width:100%;height:30px}
body:not(.video-on) .product .dm-video{display:none}
.video-on .video-in .image img{display:none}
.video-on .dm-video video{width:100%;height:100%;border:0;aspect-ratio:4/3;object-position:center}
/* .p-tools: tlačítko Detail v kartách produktů - mimo video mód skryté, ve video módu jako tlačítko (z archivu 2023) */
body:not(.video-on) .p-tools{display:none!important}
html body.video-on #products.products .p-tools{display:flex;align-items:center;justify-content:center}
html body.video-on #products.products .p-tools a{border-radius:6px!important;background:var(--color-primary)!important;line-height:40px!important;padding:0 15px!important;min-height:40px!important;color:#fff!important;width:auto!important;font-weight:500!important;min-width:calc(33.3333%)!important;transition:.3s!important;font-size:14px!important;cursor:pointer!important;text-decoration:none!important;border:none!important}
html body.video-on #products.products .p-tools a:hover{background:var(--color-secondary-hover)!important}
html body.video-on #products.products .p-tools a::after{display:none!important}
.video-on .products-block.products .product .p-tools{margin-top:unset}
.video-on .products-block.products .product .prices{margin-bottom:10px!important}
.video-on .products-block.products .product .p-bottom>div{align-items:flex-start!important}
@media (max-width:768px){html body.video-on #products.products .p-tools a{margin-top:0}}