/* ==========================================================================
   melgo – spoločné štýly pre melgo.sk / .cz / .hu / .ro
   Súbor: https://www.melgo.sk/user/documents/upload/css/melgo-spolocne-v1.css
   Nahrádza DMupravy/custom.css, DMupravy/melgo.sk.min.css a rovnaké časti
   štýlov, ktoré mali CZ, HU a RO skopírované v HTML kódoch.
   Odlišnosti domén (ID položiek menu, zaoblenie štítkov, pruh dopravy zdarma)
   sú v HTML kódoch danej domény v bloku „odlišnosti od spoločného súboru“.
   ========================================================================== */

/* Všeobecné */
video{max-width:100%}
.btn,a.btn{border-radius:6px}
.latest-contribution-wrapper{display:none}
.st-cookies-v2.st-cookies-middle.st-cookies-img .siteCookies{margin-bottom:1em}
.catImg{max-width:30px;padding-right:5px;vertical-align:middle}

/* Vyhľadávanie */
.js-search-input{border-radius:10px}
.js-search-main>fieldset>.btn-default{border-radius:0 10px 10px 0}

/* Štítky (flags) */
.flag{padding:5px 8px}
.flag-text{font-size:10px;line-height:1.8;text-transform:uppercase;white-space:nowrap}
.flags-extra .flag{width:65px;height:65px;margin-left:-8px;border-radius:100%;font-size:8px}
.flag-freeshipping .icon-van{font-size:32px}
.flag-kup-viac--zaplat-menej{width:100px;border:2px dotted;padding:5px 8px}

/* Detail produktu */
#description .description-inner .basic-description img{border-radius:10px;margin:10px 0}
.link-icons .link-icon{color:#666;margin-right:10px}
.link-icons .link-icon:hover{color:#666;transform:translateY(3px)}
.link-icons .link-icon:before{margin-bottom:6px}
/* Parametre: stĺpec si drží šírku zo šablóny (na PC tretina popisu) a dlhý
   text bez medzier (napr. odkaz na EPREL) sa zalomí. Bunku s takým textom
   označí skript melgo-spolocne-v1.js triedou mg-dlhy-text, aby sa bežné
   slová v ostatných bunkách nelámali. */
.extended-description{min-width:0}
.extended-description .detail-parameters td.mg-dlhy-text{overflow-wrap:anywhere;word-break:break-word}

/* Pulzujúci bod */
.ring-container{position:relative;width:30px;display:inline-block}
.circle{width:15px;height:15px;background-color:#62bd19;border-radius:50%;position:absolute;top:-15px;left:5px}
.ringring{border:3px solid #62bd19;border-radius:30px;height:25px;width:25px;position:absolute;left:0;top:-20px;animation:pulsate 2s ease-out infinite;opacity:0}
@keyframes pulsate{0%{transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2,1.2);opacity:0}}
.cart-content .ring-container{display:none}

/* Košík a objednávka */
.payments-box{max-width:400px;margin:0 auto}

/* Hodnotenie obchodu */
#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap){background-color:#fff}

/* Bloky produktov v článkoch (#dmproducts) – skript melgo-spolocne-v1.js */
#dmproducts{margin-top:25px;margin-bottom:25px}

/* Tabuľka „Kúp viac, zaplať menej“ – skript melgo-spolocne-v1.js */
.sales_over{overflow:hidden;border:1px solid #dadada;border-radius:6px;margin:19px 0}
.sales_table{width:100%!important;max-width:100%!important;background-color:#ebf5ec;color:#000}
.sales_table thead{text-align:center;font-size:16px;color:#000}
.sales_table tr{transition:300ms;border-bottom:solid 1px #dadada}
.sales_table tbody tr:last-child{border-bottom:none}
.sales_table td:nth-child(even){text-align:right;padding:10px}
.sales_table td:nth-child(odd){text-align:left;padding:10px}
.sales_table thead *{padding:10px}
.usetrite td{font-size:16px;text-align:center!important;color:var(--color-primary-hover)}
.sales_table tr.active{font-weight:550;background-color:var(--color-primary-hover);color:#fff}
.sales_table tr[data-from]:hover{cursor:pointer;background-color:#00990130;color:#000}

/* Mobil */
@media (max-width:767px){
.overall-wrapper{padding-top:10px}
.social-buttons-wrapper{display:none}
#checkoutSidebar{border-top:1px solid #dadada;padding-top:30px;background-color:#f9f9f9}
#checkoutSidebar>.cart-content{background-color:#f9f9f9}
.order-summary .checkout-box{display:none}
}

/* Tablet a počítač */
@media (min-width:760px){
.next-to-carousel-banners img,#carousel img{border-radius:12px}
}
@media (min-width:768px){
.p-image-wrapper .flags-extra .flag{width:100px;height:100px;border-radius:50%}
.p-image-wrapper .flags-extra .flag-text{font-size:14px}
.p-image-wrapper .flags-extra .flag-freeshipping .icon-van{font-size:50px}
}