/* 
Date: 23.12.24
Version: 1.0 
Description: This is the Main CSS File for the sellution medical Theme
Overrides: Woocommerce, Woodmart Theme, Plugins
*/



/* Global colors */
:root {
	/* Black and white */
    --sm-white:rgb(255,255,255);
	--sm-black:rgb(25,25,25); /* #191919 */
	--sm-darkgray:rgb(50,50,50); /* #333333 */
	--sm-midgray:rgb(115,115,115); /* #737373 */
	--sm-lightgray:rgb(204,204,204); /* #cccccc */
	
	/* Colors */
	--sm-darkblue:rgb(18,42,78); /* #122a4e */
	--sm-darkblue-light:rgba(18,42,78,0.7); /* #122a4eb3 */
	--sm-darkblue-lighter:rgba(18,42,78,0.2); /* #122a4e33 */
	
	--sm-blue:rgb(0,120,190); /* #0078be */
	--sm-blue-light:rgba(0,120,190,0.7); /* #0078beb3 */
	--sm-blue-lighter:rgba(0,120,190,0.2); /* #0078be33 */
	
	--sm-lightblue:rgb(75,185,230); /* #4bb9e6 */
	--sm-lightblue-light:rgba(75,185,230,0.7); /* #4bb9e6b3 */
	--sm-lightblue-lighter:rgba(75,185,230,0.2); /* #4bb9e633 */
	
	--sm-brown:rgb(118,92,74); /* #765c4a */
	--sm-brown-light:rgba(118,92,74,0.7); /* #765c4ab3 */
	--sm-brown-lighter:rgba(118,92,74,0.2); /* #765c4a33 */
	
	/* swimcount green */
	--sm-green:rgb(110,180,60); /* #6eb43c */
	--sm-green-light:rgba(118,92,74,0.7); /* #6eb43cb3 */
	--sm-green-lighter:rgba(118,92,74,0.2); /* #6eb43c33 */
	
	--sm-red:rgb(200,0,60); /* #c8003c */
	--sm-red-light:rgba(200,0,60,0.7); /* #c8003cb3 */
	--sm-red-lighter:rgba(200,0,60,0.2); /* #c8003c33 */
	
	--sm-success:rgb(150,200,0);
	--sm-success-light:rgba(150,200,0,0.7);
	--sm-success-lighter:rgba(150,200,0,0.2);
	
	--sm-warning:rgb(250,180,0);
	--sm-warning-light:rgba(250,180,0,0.7);
	--sm-warning-lighter:rgba(250,180,0,0.2);
	
	--sm-error:rgb(200,0,60); /* #c8003c */
	--sm-error-light:rgba(200,0,60,0.7); /* #c8003cb3 */
	--sm-error-lighter:rgba(200,0,60,0.2); /* #c8003c33 */
}


html, body {
	font-display:swap;
}


/* ADD SOME EXTRA CLASSES FOR SELLUTION THEME */

.sm-white {
    color:var(--sm-white);
}
.sm-black {
    color:var(--sm-black);
}
.sm-darkgray {
    color:var(--sm-darkgray);
}
.sm-midgray {
    color:var(--sm-midgray);
}
.sm-lightgray {
    color:var(--sm-lightgray);
}

.sm-darkblue {
    color:var(--sm-darkblue);
}
.sm-blue {
    color:var(--sm-blue);
}
.sm-lightblue {
    color:var(--sm-lightblue);
}

.sm-brown {
    color:var(--sm-brown);
}

.sm-green {
    color:var(--sm-green);
}

.sm-red {
    color:var(--sm-red);
}

.sm-success {
    color:var(--sm-success);
}
.sm-warning {
    color:var(--sm-warning);
}
.sm-error {
    color:var(--sm-error);
}


.sm-bg-white {
    background-color:var(--sm-white);
}
.sm-bg-black {
    background-color:var(--sm-black);
}
.sm-bg-darkgray {
    background-color:var(--sm-darkgray);
}
.sm-bg-midgray {
    background-color:var(--sm-midgray);
}
.sm-bg-lightgray {
    background-color:var(--sm-lightgray);
}

.sm-bg-darkblue {
    background-color:var(--sm-darkblue);
}
.sm-bg-blue {
    background-color:var(--sm-blue);
}
.sm-bg-lightblue {
    background-color:var(--sm-lightblue);
}

.sm-bg-brown {
    background-color:var(--sm-brown);
}

.sm-bg-green {
    background-color:var(--sm-green);
}

.sm-bg-red {
    background-color:var(--sm-red);
}

.sm-bg-success {
    background-color:var(--sm-success);
}
.sm-bg-warning {
    background-color:var(--sm-warning);
}
.sm-bg-error {
    background-color:var(--sm-error);
}


.sm-hidden {
	display:none;
}

.sm-full-width {
	width:100% !important;
}

.sm-justify {
    text-align:justify;
    text-align-last:left;
}
.sm-hyphens {
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
    hyphens:auto;
}




.sm-text-legal h1,
.sm-text-legal h2,
.sm-text-legal h3,
.sm-text-legal h4,
.sm-text-legal h5 {
	text-align:left;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
    hyphens:auto;
}

.sm-text-legal h1 {
	margin-top:40px;
	margin-bottom:30px;
}
.sm-text-legal h2 {
	margin-top:30px;
	margin-bottom:20px;
}

.sm-text-legal h3 {
	margin-top:20px;
	margin-bottom:20px;
}
.sm-text-legal h4 {
	margin-top:20px;
	margin-bottom:10px;
}
.sm-text-legal h5 {
	margin-top:10px;
	margin-bottom:5px;
}

.sm-text-legal h1:first-child {
	margin-top:0;
}



/* Shop Filter Button Section/Sorting */
.archive.post-type-archive.post-type-archive-product .wd-breadcrumbs,
.archive.post-type-archive.post-type-archive-product .woocommerce-result-count {
/*	display:none !important;	*/
}


.wd-shop-tools .wd-show-sidebar-btn.wd-burger-icon > a {
	padding:12px 20px;
    background:var(--sm-darkblue);
    color:var(--sm-white);
	/* font-size:15px; */
	font-weight:600;
    border-radius:35px;
	text-transform:uppercase;
}

.wd-shop-tools .wd-show-sidebar-btn.wd-burger-icon > a:hover {
    background:var(--sm-blue);
}

.wd-shop-tools .wd-show-sidebar-btn.wd-burger-icon > a::before {
	content:"\f15c";
}

.woocommerce-ordering select.orderby {
	padding:10px 5px !important;
	border:1px solid var(--sm-darkblue);
	border-radius:5px !important;
	border-top-style:solid !important;
	border-right-style:solid !important;
	border-bottom-style:solid !important;
	border-left-style:solid !important;
	background-position:right 5px top 50% !important;
}


/* Tag Cloud Buttons */
.tagcloud a.tag-cloud-link {
	margin:3px !important;
	border-radius:35px !important;
	border-width:0 !important;
	background:var(--sm-darkblue);
	color:var(--sm-white);
	
}



/* OVERRIDE SELLUTION PARENT THEME / SETTINGS FOR CHILD THEME */

.wd-product.product-list-item :is(.shop_attributes tbody, [class*="short-description"]) {
	padding-inline-end:6px !important;
}



/* SINGLE PRODUCT PAGE */
.product p.wc-gzd-additional-info {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}



/* FOOTER */
.sm-footer-spacer {
	position:relative;
	display:block;
	width:100%;
	height:10vh;
}
@media (min-width: 769px) {
	.sm-footer-spacer {
		height:15vh;
	}
}
@media (min-width: 1025px) {
	.sm-footer-spacer {
		height:20vh;
	}
}

.sm-footer-copyright {
	position:relative;
	display:block;
	width:100%;
	padding:20px;
	background:var(--sm-white);
	color:var(--sm-midgray) !important;
	font-size:14px;
}

.sm-footer-copyright span {
	display:inline-block;
	}

.sm-footer-payment {
	display:inline-block;
	width:30%;
	height:auto;
	float:right;
}

@media (max-width: 1024px) {
	.sm-footer-copyright span {
		display:block;
		text-align:center;
		margin:0 auto;
	}
	.sm-footer-payment {
		display:block;
		float:none;
		clear:both;
		width:40%;
		margin:0 auto;
		padding-top:10px;
	}
}
@media (max-width: 667px) {
	.sm-footer-payment {
		width:70%;
	}
}

/*
.wd-prefooter {
    padding:0 !important;
}

.wd-prefooter .container {
    padding:0 !important;
    max-width:none !important;
}

.footer-widget ul li {
	margin-bottom:5px !important;
}

.copyrights-wrapper {
  border-top:1px solid var(--brdcolor-gray-300);
  background:var(--sm-white); 
}
*/



/* Category Overview Site */
/* outputs the term description. but term description is only uses for ordering the grid-system on home site. we don't wanna output that.*/
/*
.shop-content-area .term-description {
	display:none;
}


/* Compare Table */
.wd-compare-table tr.compare-basic td.compare-value {
    text-align:center;
}


/*
.product-summary-shadow .summary-inner {
    box-shadow:rgba(100, 100, 100, 0.0) 0px 0px 30px 0px !important;
}
*/



/*
.single-product .wd-swatches-single.wd-swatches-product[data-id='pa_groesse'] {
	display:none;
}
.single-product select#pa_groesse {
	display:block;
}
*/

/* Cart Button */








/* WOOCOMMERCE */

/*
.woocommerce-info {
	background-color: #3d9cd2;
}

.woocommerce-error {
	background-color: #e2401c;
}
 
.woocommerce-message {
	background-color: #3bb54a;
}
*/

.woocommerce-password-strength:is(.short, .bad) {
	background-color:var(--sm-error) !important;
	color:var(--sm-white);
}

.woocommerce-password-strength:is(.good) {
	background-color:var(--sm-warning) !important;
	color:var(--sm-white);
}

.woocommerce-password-strength:is(.strong) {
	background-color:var(--sm-success) !important;
	color:var(--sm-white);
}


body.single-product .woocommerce-message .message-inner {
	background-color:var(--sm-green-lighter);
	color:var(--sm-green);
}


.woocommerce-variation-price .price .amount {

}

.woocommerce-Price-amount.amount {
	/*
	font-weight:700;
	font-family: 'Futura Bold', Helvetica, 'sans-serif';
*/
}


/* CARD BUTTONS SINGLE PAGE */

/* Cart Button disabled if out od stock or nothing selected */
/* shorter: .single_add_to_cart_button.disabled */
/*
.single_add_to_cart_button.disabled.wc-variation-selection-needed,
.single_add_to_cart_button.disabled.wc-variation-is-unavailable,
.wd-buy-now-btn.disabled {
    opacity:0.5;
	pointer-events:none;
}

.single_add_to_cart_button.disabled,
.wd-buy-now-btn.disabled,
.gpay-button.disabled,
.wc-ppcp-product-button-container.disabled {
    cursor:not-allowed !important;
}
*/






/* CART PAGE - SUMMERY */
/*
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar {
	padding:30px !important;
	border:1px solid var(--sm-dark) !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display:none;
}

.wd-coupon-form {
	width:100% !important;
	border:1px solid var(--sm-dark) !important;
	padding:30px;
}

.wd-coupon-form .input-text {
	max-width:none !important;
}

:is(.checkout_coupon, .login.hidden-form) {
	max-width:none !important;
	border:1px solid var(--sm-dark) !important;
	display:flex !important;
}

.sm-coupon {
	margin-bottom:25px;
}

.sm-coupon h3 {
	margin-bottom:0;
}


.cart-content-wrapper > .cart-totals-section .cart-totals-inner {
	border:3px solid var(--sm-dark) !important;
}
 
.cart-subtotal .woocommerce-Price-amount.amount {
    font-weight:700 !important;
    color:var(--sm-dark) !important;
}
*/









/* dashboard icon "dashboard" logged in users */
.wd-my-account-links .dashboard-link {
    display:block !important;
}

/* for big dashboard icons logged in users */
.wd-my-account-links a {
    border:1px solid var(--sm-darkblue) !important;
    box-shadow:none !important;
    color:var(--sm-darkblue) !important;
}
.wd-my-account-links a::before {
    color:var(--sm-darkblue) !important;
}

.wd-my-account-links a:hover {
    background:var(--sm-darkblue) !important;
    color:var(--sm-white) !important;
}
.wd-my-account-links a:hover::before {
    color:var(--sm-white) !important;
}



/* dieses scheiß verkackte Briefpapier in Woocommerce Checkout */
/*
.checkout-order-review:before,
.checkout-order-review:after,
.woocommerce-order-pay .entry-content > .woocommerce:before,
.woocommerce-order-pay .entry-content > .woocommerce:after {
    width:0 !important;
    height:0 !important;
    background-image:none !important;
}

.global-color-scheme-light .checkout-order-review:before,
.global-color-scheme-light .checkout-order-review:after,
.global-color-scheme-light.woocommerce-order-pay .entry-content > .woocommerce:before,
.global-color-scheme-light.woocommerce-order-pay .entry-content > .woocommerce:after {
    background-image:none !important;
}
*/






/* CHECKOUT PAY BUTTON */

/* Payment Plugins for Stripe WooCommerce */

/* Hides the OR Seperator */
li.wc-ppcp-cart-payment-method.or {
	margin:20px 0 !important;
	font-weight:700;
}

li.wc-stripe-payment-method.or {
    display:none !important;
}




/* ANIMATIONS */

.sm-animated {		  
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}

.sm-animated.backwards {
  -webkit-animation-fill-mode:backwards;
          animation-fill-mode:backwards;
}

.sm-animated.forwards {
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}

.sm-animated.infinite {
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
}

.sm-animated.visible {
	visibility:visible !important;
}

.sm-ani-300 {
	-webkit-animation-duration:300ms;
			animation-duration:300ms;
}
.sm-ani-400 {
	-webkit-animation-duration:400ms;
			animation-duration:400ms;
}
.sm-ani-500 {
	-webkit-animation-duration:500ms;
			animation-duration:500ms;
}
.sm-ani-600 {
	-webkit-animation-duration:600ms;
			animation-duration:600ms;
}

.sm-delay-100 {
	-webkit-animation-delay:100ms;
			animation-delay:100ms;
}
.sm-delay-200 {
	-webkit-animation-delay:200ms;
			animation-delay:200ms;
}
.sm-delay-300 {
	-webkit-animation-delay:300ms;
			animation-delay:300ms;
}
.sm-delay-400 {
	-webkit-animation-delay:400ms;
			animation-delay:400ms;
}
.sm-delay-500 {
	-webkit-animation-delay:500ms;
			animation-delay:500ms;
}
.sm-delay-600 {
	-webkit-animation-delay:600ms;
			animation-delay:600ms;
}



.sm-heartpulse {
	-webkit-animation-name:sm-heartpulse;	
			animation-name:sm-heartpulse;

	-webkit-animation-duration:1.4s;
			animation-duration:1.4s;	

	-webkit-animation-iteration-count:infinite;
			animation-iteration-count:infinite;
	
	-webkit-animation-timing-function:ease-in-out;
			animation-timing-function:ease-in-out;
}

@-webkit-keyframes sm-heartpulse {
	0% {
		-webkit-transform:scale(0.95);		
	}
	5% {
		-webkit-transform:scale(0.95);		
	}
	45% {
		-webkit-transform:scale(1.05);
	}
	55% {
		-webkit-transform:scale(1.05);
	}
	95% {
		-webkit-transform:scale(0.95);
	}
	100% {
		-webkit-transform:scale(0.95);
	}			
}

@keyframes sm-heartpulse {
	0% {
		transform:scale(0.95);		
	}
	5% {
		transform:scale(0.95);		
	}
	45% {
		transform:scale(1.05);
	}
	55% {
		transform:scale(1.05);
	}
	95% {
		transform:scale(0.95);		
	}
	100% {
		transform:scale(0.95);
	}			
}



.sm-fadeIn {
	-webkit-animation-name:sm-fadeIn;
			animation-name:sm-fadeIn;
}

@-webkit-keyframes sm-fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes sm-fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}



.sm-fadeOut {
	-webkit-animation-name:sm-fadeOut;
			animation-name:sm-fadeOut;

	-webkit-animation-duration:400ms;
			animation-duration:400ms;
}

@-webkit-keyframes sm-fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}

@keyframes sm-fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}



.sm-fadeInUp {
  -webkit-animation-name:sm-fadeInUp;
          animation-name:sm-fadeInUp;
}

@-webkit-keyframes sm-fadeInUp {
  0% {
    opacity:0;
    -webkit-transform: translate3d(0, 25px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
  }
}

@keyframes sm-fadeInUp {
  0% {
    opacity:0;
	transform: translate3d(0, 25px, 0);
  }

  100% {
    opacity:1;
    transform:none;
  }
}



.sm-fadeInDown {
  -webkit-animation-name:sm-fadeInDown;
          animation-name:sm-fadeInDown;
}

@-webkit-keyframes sm-fadeInDown {
  0% {
    opacity:0;
    -webkit-transform: translate3d(0, -25px, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
  }
}

@keyframes sm-fadeInDown {
  0% {
    opacity:0;
	transform: translate3d(0, -25px, 0);
  }

  100% {
    opacity:1;
    transform:none;
  }
}



.sm-fadeInLeft {
  -webkit-animation-name:sm-fadeInLeft;
          animation-name:sm-fadeInLeft;
}

@-webkit-keyframes sm-fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-25px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
  }
}

@keyframes sm-fadeInLeft {
  0% {
    opacity:0;
	transform:translate3d(-25px, 0, 0);
  }

  100% {
    opacity:1;
    transform:none;
  }
}



.sm-fadeInRight {
  -webkit-animation-name:sm-fadeInRight;
          animation-name:sm-fadeInRight;
}

@-webkit-keyframes sm-fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(25px, 0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
  }
}

@keyframes sm-fadeInRight {
  0% {
    opacity:0;
	transform:translate3d(25px, 0, 0);
  }

  100% {
    opacity:1;
    transform:none;
  }
}