/**
 * Mshops Payment Components
 * @authors: dcalderon
 * @description: Styles for payment components
 */

/* @TODO Evaluate the option of isolate each component when it's become necessary */

.ms-extended-payment-promos_list,
.ms-custom-payment-methods {
    list-style: none !important;
}

/**
 * Custom payment methods list
 */
.ms-custom-payment-method {
	display: inline;
}
.ms-custom-payment-method + .ms-custom-payment-method:before {
	content: ', ';
}

/**
 * Extended payment promotions
 */
.ms-extended-payment-promos_box {
	max-height: 105px;
	overflow: hidden;
	padding: 15px 0 0;
	background: #f7f7f7;
	border-radius: 5px;
}

.ms-extended-promos-carousel,
.ms-payment-extended-promos_link {
	display: inline-block;
}

.ms-extended-promos-carousel {
	width: 80%;
}

.ms-payment-extended-promos_link {
	border-left: 1px solid #ddd;
	line-height: 68px;
	padding-left: 15px;
	vertical-align: top;
}

.ms-extended-payment-promos_list {}

.ms-extended-payment-promos_list-item {
	text-align: center;
}

.ms-extended-payment-promos_info {
	color: #666;
	font-size: 11px;
	line-height: 1em;
}

.ms-extended-payment-promos_info strong {
	display: block;
	margin: 5px 0 0;
	font-size: 13px;
}

/* Fixing Chico carousel */
.ms-extended-promos-carousel .ch-carousel-pages.ch-user-no-select {
	display: none;
}

.payments-small,
.payments-medium,
.payments-large {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

@media all and (max-width: 991px) {
    .payment-info span.payments-small {
        zoom:0.8;
    }
    .ms-extended-payment-promos_box {
        max-height: 115px;
    }
    .ms-extended-payment-promos_list-item {
        line-height:130%;
    }
}

@media all and (max-width: 640px) {
    .ms-extended-payment-promos_info {
        font-size:9px;
    }
    .ms-extended-payment-promos_info strong {
        font-size:12px;
    }
    .ms-extended-promos-carousel {
        width: 100%;
        max-height:75px;
    }
    .ms-extended-payment-promos_box {
        max-height: 145px;
    }
    .ms-payment-extended-promos_link {
        border-left:0px;
        line-height:normal;
        padding:10px 0 10px 0;
        margin:15px 15px 0px 15px;
        text-align:center;
        border-top: 1px solid #ddd;
        width: calc(100% - 30px);
    }
    .payment-info span.payments-small {
        zoom:0.65;
    }
    .ms-extended-payment-promos_list-item {
        line-height:100%;
    }
}