/*
Theme Name: Teema#4
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 6.0.165
Requires at least: 5.0
Tested up to: 6.4.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

.woocommerce ul#shipping_method li input {
  float: none;
  margin-left: unset;
}

.woocommerce ul#shipping_method li input {
  width: unset;
  height: 3em;
  margin-top: unset;
}

.product .quantity button {
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.navbar-nav .nav-link .cart-count {
  background-color: #dc3545;
  /* Red badge */
  color: white;
  padding: 2px 6px;
  border-radius: 50%;
  font-size: 0.8em;
  margin-right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  line-height: 1;
}

.navbar-nav .nav-link i {
  margin-right: 5px;
  font-size: 1.2em;
}

a:hover,
a:focus {
  color: var(--color_two);
}

.editor_button {
  transition: 0.3s all ease-in-out;
  color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-1);
  border: 4px solid var(--ast-global-color-0);
  padding: 5px 10px;
  text-decoration: none;
  min-width: 10rem;
}

.editor_button:hover {
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-1);
}


.btn,
.button,
input[type="submit"],
input[type="button"],
.woocommerce button.button {
  background-color: var(--color_one);
  color: var(--color_two);
  border-color: var(--color_one);
}

.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.woocommerce button.button:hover {
  background-color: var(--color_two);
  color: var(--color_one);
  border-color: var(--color_two);
}

.btn:focus,
.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.woocommerce button.button:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(var(--color_one), 0.5);
  border-color: var(--color_one);
  color: var(--color_two);
}


.woocommerce button.button,
.woocommerce div.product form.cart button.button,
.woocommerce a.button,
.woocommerce .card a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
#place_order {
  background-color: var(--color_two);
  color: #ffff;
  border-color: var(--color_two);
}

.woocommerce button.button:hover,
.woocommerce div.product form.cart button.button:hover,
.woocommerce a.button:hover,
.woocommerce .card a.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover {
  background-color: var(--color_one);
  color: #ffff;
  border-color: var(--color_one);
}

.wc-breadcrumb .breadcrumb-item:first-child a::before {
  background-color: var(--color_two);
}

.nav-link {
  color: var(--color_one);
}

.nav-link:hover,
.nav-link:focus {
  color: var(--color_two);
}

.single_add_to_cart_button .btn-loader,
.ajax_add_to_cart .btn-loader {
  background-color: var(--color_two);
  color: #ffff;
}

.form-check-input:checked,
#createaccount:checked,
#ship-to-different-address input:checked,
.woocommerce-checkout #payment ul.payment_methods li input:checked,
.woocommerce-SavedPaymentMethods.wc-saved-payment-methods li input:checked,
.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated input:checked,
.woocommerce form .form-row .input-checkbox:checked,
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme #rememberme:checked,
.woocommerce ul#shipping_method li input:checked {
  background-color: var(--color_two);
  border-color: var(--color_two);
}

.contactPhone,
.contactEmail,
.contactRole,
.ssb--flex-left-top {
  display: flex;
  align-items: center;
}

.contactPhone svg,
.contactEmail svg,
.contactRole svg,
.ssb--flex-left-top svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.contact-value svg {
  vertical-align: initial;
}

.wpforms-field input,
.wpforms-field select,
.wpforms-field textarea {
  transition: 0.3s all ease-in-out;
  border: 2px solid var(--ast-global-color-0);
  background-color: white;
  border-radius: 0.3rem;
  padding: 1rem;
  outline: none !important;
}

/* Hover and focus effects for form fields */
.wpforms-field input:hover,
.wpforms-field select:hover,
.wpforms-field textarea:hover,
.wpforms-field input:focus,
.wpforms-field select:focus,
.wpforms-field textarea:focus {
  background-color: #ddd !important;
  box-shadow: none !important;
  outline: none !important;
}

.social_media_container {
  justify-content: flex-start;
  display: flex;
  text-align: center;
  gap: 32px;
}

/* Submit button styling */
.wpforms-submit {
  border-radius: 0.3rem;
  padding: 0.75rem;
  border: 2px solid var(--ast-global-color-1);
  font-size: 1.2rem;
  font-weight: bold;
  background-color: var(--ast-global-color-1);
  color: white;
  transition: 0.3s all ease-in-out;
}

/* Submit button hover effect */
.wpforms-submit:hover {
  background-color: var(--ast-global-color-0) !important;
  color: white !important;
}

/*E-store fix*/
@media (max-width: 991px) {
  .site-header {
    position: relative;
  }

}

#editForm select {
  background-color: lightgray;
  width: auto;
}

/* Menu, title and content colors*/
/*header.site-header .navbar-menu a, .menu-item a, #arrow-text{
	color: var(--e-global-color-menu);
}
h1, .h1, #hero h1, #hero .h1, h2, .h2, #teenused h2, #about h2, #about .h2, #tood h2, #tood .h2, #testimonials h2, #testimonials .h2, #partners h2, #partners .h2, #news #ssb-stories-heading, #kontakt h2, #kontakt .h2, h3, .h3, h4, .h4, h5, .h5, #teenused h5, .card-title, #about .about-stat-nr, .about-stat-nr {
  color: var(--e-global-color-title);
}
#hero p, #teenused p,  #teenused li, #about p, #testimonials p, #partners a, .bootscore-footer a, #kontakt p, .card-body span, .contact-sortable span, .footer_company_info span, li, footer > div.bootscore-footer.bg-body-tertiary.pt-5.pb-3 > div > div > div > div:nth-child(1) > div a, #offer .offer-description, .entry-content p{
  color: var(--e-global-color-content);
}
footer a, .contactRole span {
  color: var(--e-global-color-content) !important;
}*/
/* Menu, title and content colors END*/

/*yith design changes*/
.yith_ywraq_add_item_browse_message {
  margin-top: 20px;
  margin-bottom: 20px;
}


.yith-ywraq-add-to-quote a,
.yith_ywraq_add_item_browse_message a {
  color: var(--color_one);
  background-color: var(--color_two);
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 7px;
}

.yith-ywraq-add-to-quote a:hover,
.yith_ywraq_add_item_browse_message a:hover {
  color: var(--color_two);
  background-color: var(--color_one);
}

.related.products {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 25px;
}

input#featuredProducts-limit.slider::before {
  position: relative;
}