/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/



@media screen and (min-width: 62.5em) {
	#main {
		width: 80vw;
	}
	
	#main.two-column {
    	width: 90vw;
	}
	
	#main.two-column #primary #content {
		width: 67vw;
	}
	
	#main.two-column #secondary {
		width: 23vw;
	}
}
	
@media screen and (min-width: 55em) {
	.front-il article {
		width: 11.72vw;
		margin-right: 1.5vw;
	}
	
	.front-il article:nth-of-type(5n),
	.front-il article:nth-of-type(4n) {
		margin-right: 1.5vw;
	}
	
	.front-il article:nth-of-type(even) {
		margin-right: 1.5vw;
	}
}

@media screen and (max-width: 542px) {
	#main {
		margin-top: 11vw;
	}
}

/* =========================================================
   Payment method cards (wc_delivery_page)
   ========================================================= */
#wc_delivery .payment-cards {
	display: flex;
	flex-direction: column;
	gap: .6em;
	margin: 0;
	padding: 0;
}
#wc_delivery .payment-card {
	display: flex;
	align-items: flex-start;
	gap: .7em;
	padding: .9em 1em;
	background: #141414;
	border: 1px solid #333;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
#wc_delivery .payment-card:hover {
	border-color: #555;
	background: #1a1a1a;
}
#wc_delivery .payment-card.is-selected,
#wc_delivery .payment-card:has(input[type="radio"]:checked) {
	border-color: #ff8c00;
	background: #1f1611;
}
#wc_delivery .payment-card input[type="radio"] {
	margin: .25em 0 0;
	flex-shrink: 0;
	accent-color: #ff8c00;
}
#wc_delivery .payment-card__body {
	display: flex;
	flex-direction: column;
	gap: .25em;
	flex: 1;
	min-width: 0;
}
#wc_delivery .payment-card__name {
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	word-break: break-word;
	display: inline-flex;
	align-items: center;
	gap: .5em;
	flex-wrap: wrap;
}
#wc_delivery .payment-card__desc {
	color: #bbb;
	font-size: .88em;
	font-weight: normal;
	line-height: 1.5;
	word-break: break-word;
}
#wc_delivery .payment-card__logo {
	height: 1.3em !important;
	width: auto !important;
	max-height: 1.3em;
	max-width: 5em;
	flex-shrink: 0;
	vertical-align: middle;
	object-fit: contain;
	display: inline-block;
}
#wc_delivery .payment-card__visa-notice {
	display: block;
	margin-top: .6em;
	padding: .7em .9em;
	background: rgba(255, 165, 0, 0.08);
	border-left: 3px solid #ffa500;
	border-radius: 4px;
	color: #ddd;
	font-size: .85em;
	line-height: 1.55;
}
#wc_delivery .payment-card__visa-notice strong {
	color: #ffa500;
}
#wc_delivery .payment-card__visa-link {
	display: inline-block;
	margin-top: .4em;
	color: #ffa500;
	font-weight: bold;
	text-decoration: underline;
}
#wc_delivery .payment-card__visa-link:hover {
	color: #ffcc66;
}