/*
Theme Name: WCKD
Theme URI: https://ui.wckd.ca/wordpress/wckd-theme/
Author: Cory Marazzo
Author URI: https://marazzo.ca
Description: WCKD Marketing WordPress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: WCKD
*/

@import url('ui/wckd-core.css');
@import url('ui/wckd-components.css');



:root {
--button-color:#D5135A;
--max-width: 1320px;
--background-color: #ffffff;
--brand-color:#D5135A;
--brand-color-2:#FDFFF0;
	--link-color: #D5135A;
--link-active-color: #2f363d;
}

.product-image img {
	transition: transform 0.3s ease;
}

/* Zoom effect on hover */
a.product-image:hover img {
	transform: scale(1.1);
}

.woocommerce-form-login-toggle{padding: var(--spacing);}
.woocommerce-form-login{padding:0 var(--spacing) var(--spacing) var(--spacing);max-width:50%;margin:0 auto}

.background-color-brand{background-color: var(--brand-color)}
#pgallerythumbs li{border-radius: 90px}
#pgallerythumbs li.active {background-color: rgba(0,0,0,0.2);}
#page-7 h2, #page-29 h2{font-family: var(--font-2);font-size:180%;font-weight: normal;margin:1.4em 0}
.qty{width:100px}
.wckd-showcase a{text-decoration:none;}
.wckd-showcase a span{background:var(--brand-color);color: white;width: auto;text-align: center;width: fit-content;margin: 0 auto;padding: 8px 16px;border-radius: 8px;}
.product-container {display: flex;flex-wrap: wrap;border-bottom: 1px dashed var(--border-color)}
.product-thumbnail {flex: 1 1 33%;box-sizing: border-box;padding-right: 40px;}
.product-group{flex: 1 1 67%;box-sizing: border-box;}
.woocommerce-notices-wrapper{display:none}
#site-logo img{max-height:30px;width:auto;margin:var(--spacing-tight);display: inline-block}
.column{position:relative}
.form-row{position:relative}
.form-row label{position: relative;left: auto;top: auto;}


#pgallery .slider-container>*{	min-height: calc(100vh - 84px);}
#pgallery .slider-container .columns{position: absolute;bottom: 0;width: 100%;background:rgba(0,0,0,0.3);}
#pgallery .slider-container .columns h3{color: #fff;text-shadow: var(--shadow)}
#pgallery .slider-container .columns p{font-size: var(--font-size-s);color:#fff;text-shadow: var(--shadow)}
#page-29 #pgallery{background-color: #D5135A}
button.slider-nav:hover{background: transparent}
.iris .error {padding: 6px 20px;border-radius: 3px;background-color:#fb817c;border: 1px solid #e46b66;}
.iris .success {background-color: #48e0a4;border: #40cc94 1px solid;}
#iris-loader-icon {color: #1871e6;font-weight:bold;padding: 6px 20px 6px 0;display: none;vertical-align: middle;}
#iris-btn-send:hover {background: #1363cc;border: #105bbd 1px solid;}
.iris .validation-message {color: #e20900;display: inline-block;}
.g-recaptcha {padding-top: 15px;}
.iris .display-none {display: none;}
#swiffy-slider-nav{position: absolute;top: 12px;padding-left:15px}
#swiffy-slider-nav li {
	display: inline-flex;
	width: max-content;
}
#swiffy-slider-nav img{height: 60px;width: 60px;margin-right: 4px;border-radius: 90px;}
#swiffy-slider-nav span{text-transform: uppercase;font-size: 75%;align-self: center;line-height: 1.1;color: #fff;padding: 0 20px 0 4px}
#swiffy-slider-nav{--swiffy-slider-item-count:4.5;}

#swiffy-slider-nav .slider-container{grid-auto-columns: min-content;}
.slider-container {
	/* --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap)*(var(--swiffy-slider-item-count) - 1)); */
	/* --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count)); */
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	display: grid;
	align-items: center;
	height: 100%;
	/* 
	grid: auto / auto-flow -webkit-max-content;
	grid: auto / auto-flow max-content;
	grid-auto-rows: 100%; */
	grid-auto-columns: var(--swiffy-slider-item-width);
	grid-auto-flow: column;
	grid-gap: var(--swiffy-slider-item-gap);
	list-style: none;
	margin: 0;
	padding: 0;
	scrollbar-width: none;
	scrollbar-color: rgba(0, 0, 0, .4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
	background-clip: padding-box;
}

.cart-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
.cart-popup-content {background: white;padding: 20px;border-radius: 5px;text-align: center;}
.cart-popup-content button {margin: 10px;}
.order-summary li{display:flex}
.order-summary hr{margin-top:var(--medium);margin-bottom:var(--medium)}
.order-summary p{margin:0}
.order-summary a.button{
	display: block;
	width: auto;
	text-align: center;
}
.product-remove svg{width: 20px;height: 44px;fill: var(--font-color);}
.woocommerce-error, .woocommerce-info, .woocommerce-message{margin:0!important;border-top-color: var(--button-color)!important;}
.woocommerce-message::before{color: var(--button-color)!important;}
.cart-icon {position: relative;display: flex;align-items: center;}
.cart-icon a {display: flex;align-items: center;text-decoration: none;color: inherit;}
.cart-icon i {font-size: 1.5rem;margin-right: 0.5rem;}
.cart-contents-count {position: absolute;top: -10px;right: -10px;background: red;color: white;border-radius: 50%;padding: 0 6px;font-size: 0.8rem;line-height: 1.5;}
.woocommerce-checkout {max-width: 800px;margin: 0 auto;padding: 20px;}
.woocommerce-checkout form.checkout {background-color: #fff;padding: 20px;border: 1px solid #e0e0e0;border-radius: 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.woocommerce-checkout h3 {font-size: 1.5em;margin-bottom: 20px;}
.woocommerce-checkout input.input-text, .woocommerce-checkout select,
.woocommerce-checkout textarea {width: 100%;border: 1px solid #dcdcdc;border-radius: 5px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);background-color: #f9f9f9;}
.woocommerce-checkout input.input-text:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus {border-color: #0073aa;background-color: #fff;}
.woocommerce-checkout button.button {background-color: #0073aa;color: #fff;padding: 15px 30px;border: none;border-radius: 5px;cursor: pointer;font-size: 1.2em;text-transform: uppercase;transition: background-color 0.3s ease;}
.woocommerce-checkout button.button:hover {background-color: #005f8d;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {border: 1px solid #e0e0e0;border-radius: 5px;padding: 15px;margin-bottom: 20px;background-color: #f8d7da;color: #721c24;}
.woocommerce-checkout-review-order-table {width: 100%;border-collapse: collapse;margin-bottom: 20px;}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {padding: 15px;border: 1px solid #e0e0e0;text-align: left;}
.woocommerce-checkout-review-order-table th {background-color: #f9f9f9;}
.woocommerce-checkout-payment {background-color: #f9f9f9;padding: 20px;border: 1px solid}
.iris .error {padding: 6px 20px;border-radius: 3px;background-color: #fb817c;border: 1px solid #e46b66;}
.iris .success {background-color: #48e0a4;border: #40cc94 1px solid;}
#iris-loader-icon {color: #1871e6;font-weight:bold;padding: 6px 20px 6px 0;display: none;vertical-align: middle;}
#iris-btn-send:hover {background: #1363cc;border: #105bbd 1px solid;}
.iris .validation-message {color: #e20900;display: inline-block;}
.g-recaptcha {padding-top: 15px;}
.iris .display-none {display: none;}
img{display:block}
.woocommerce-cart-is-empty {text-align: center;font-size: 1.2em;color: #333;padding: 20px;}
form {margin: 0;padding: 0;}
.shop_table {width: 100%;border-collapse: collapse;margin-bottom: 30px;}
.shop_table th,
.shop_table td {padding: 10px;text-align: left;border-bottom: 1px solid #ddd;}
.shop_table thead th {background-color: #f9f9f9;font-weight: bold;}
.shop_table tbody tr:hover {background-color: #f1f1f1;}
.product-remove {width: 5%;text-align: center;}
.product-name {width: 100%;}
.product-price,
.product-quantity,
.product-subtotal {width: 15%;text-align: right;}
.product-price {font-weight: bold;text-align: left}
.product-quantity input {width: 60px;text-align: right;}
.cart-collaterals {display: flex;justify-content: space-between;margin-top: 30px;}
.cart-collaterals .woocommerce-shipping-calculator,
.cart-collaterals .cart_totals {flex: 1;padding: 20px;border: 1px solid #ddd;background-color: #f9f9f9;}
.cart_totals {margin-left: 20px;}
.cart_totals .order-total {font-weight: bold;font-size: 1.2em;}

/* Buttons */
button[type="submit"] {background-color: #0073aa;color: #fff;border: none;padding: 10px 20px;font-size: 1em;cursor: pointer;border-radius: 5px;}
button[type="submit"]:hover {background-color: #005177;}

/* Responsive Styles */
@media (max-width: 768px) {
	#pgallery .slider-container .columns{gap:normal}
	.slider-container .column.span-2.pad{padding-bottom:0}
	.slider-container a.button{display:block;width: 80%;margin:0 auto;text-align: center;margin-bottom: 10px;}
	.slider-nav-page .slider-item {width: 50%;}
	.shop_table {font-size: 0.9em;}
	.shop_table th,
	.shop_table td {
	padding: 8px;}
	.product-thumbnail img {max-width: 80px;}
	.product-name,
	.product-price,
	.product-quantity,
	.product-subtotal {width: 20%;}
	.cart-collaterals {flex-direction: column;}
	.cart-collaterals .cart_totals {margin-left: 0;margin-top: 20px;}
}

@media (max-width: 600px) {
	#swiffy-slider-nav{--swiffy-slider-item-count:2.5;}
	.wckd-showcase {display: block}
	.wckd-showcase .column{width:100%!important;height:30vh}
	.wckd-showcase a{min-height: auto;height:30vh}
}