/* ROX VLAJKY */

/* Pořadí vlajek */

.flag-new {
  order: 1;
}

.flag-merino-vlna {
  order: 2;
}

.flag-bambus {
  order: 3;
}

.flag-98-bavlny {
  order: 4;
}

.flag-ionty-stribra {
  order: 5;
}

/* ====== banner-tag ===== */

.flag.flag-banner-tag {
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    line-height: 1.2;
    border-radius: 20px;
}


/* ====== NOVINKY ===== */

.flag.flag-new {
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    color: #fff;
    line-height: 1.2;
    background-color: #eb1d25;
    border-radius: 20px;
}

/* ====== MERINO VLNA ===== */

.flag.flag-merino-vlna {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(/user/documents/upload/Material-icons/Vlnene-icon.png) center no-repeat;
background-size: contain;
color: transparent;
background-color: rgba(255, 255, 255, 0) !important
}

@media (max-width: 480px) {
    .flag.flag-merino-vlna { 
    width: 30px;
	height: 30px;
}
}	
	/* Zobrazení tagu v detailu produktu */
	
	.p-info-wrapper .flag.flag-merino-vlna {
    background: none !important;
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    color: #f0e4dc;
    line-height: 1.2;
    background-color: #875539 !important;
    border-radius: 20px;
    background-image: none !important;
}

/* ====== BAMBUS ===== */

.flag.flag-bambus {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(/user/documents/upload/Material-icons/Bambusove-icon.png) center no-repeat;
background-size: contain;
color: transparent;
background-color: rgba(255, 255, 255, 0) !important
}

@media (max-width: 480px) {
    .flag.flag-bambus { 
    width: 30px;
	height: 30px;
}
}

	/* Zobrazení tagu v detailu produktu */
	
	.p-info-wrapper .flag.flag-bambus {
    background: none !important;
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    color: #c5e55d;
    line-height: 1.2;
    background-color: #2C6705 !important;
    border-radius: 20px;
    background-image: none !important;
}

/* ====== 98 % BAVLNY ===== */

.flag.flag-98-bavlny {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(/user/documents/upload/Material-icons/Extra-bavlna-icon.png) center no-repeat;
background-size: contain;
color: transparent;
background-color: rgba(255, 255, 255, 0) !important
}

@media (max-width: 480px) {
    .flag.flag-98-bavlny { 
    width: 30px;
		height: 30px;
}
}

	/* Zobrazení tagu v detailu produktu */
	
	.p-info-wrapper .flag.flag-98-bavlny {
    background: none !important;
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    color: #604327;
    line-height: 1.2;
    background-color: #eeeadd !important;
    border-radius: 20px;
    background-image: none !important;
}	

/* ====== STŘÍBRO ===== */

.flag.flag-ionty-stribra {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background: url(/user/documents/upload/Material-icons/Stribro-icon-02.png) center no-repeat;
background-size: contain;
color: transparent;
background-color: rgba(255, 255, 255, 0) !important
}

@media (max-width: 480px) {
    .flag.flag-ionty-stribra { 
    width: 30px;
	height: 30px;
}
}

	/* Zobrazení tagu v detailu produktu */
	
	.p-info-wrapper .flag.flag-ionty-stribra {
    background: none !important;
    width: auto;
    height: auto;
    padding: 6px 14px;
    display: inline-block;
    color: #f5f5f5;
    line-height: 1.2;
    background-color: #acacac !important;
    border-radius: 20px;
    background-image: none !important;
}	

/* ====== Discount vlajky ===== */

.flag.flag-discount {
 		background-color: #ff8686;
    }
 .flag.flag-action {
 		background-color: #ff8686;
    }   

/* -------------------- Nějaké obecné nastavení -------------------- */ 

.products-block .p .flags-default {
  display: flex;
  flex-direction: column; 
} 

.p-detail-info .flags {
  /* display: flex; */
  flex-direction: row;
}

.top-category-addon .menu-level-2>li {
    max-width: 100%;
    flex: 0 0 100%;
    }

@media (max-width: 992px) {
	.top-category-addon.is-menu-style-row:not(.is-slider) .menu-image {
    flex: 0 0 90px;
  }
}