/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --primary-color: #000;
}

a,
button {
  cursor: pointer;
  color: var(--primary-color);
}

/* Remove IOS Styling */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.elementor-menu-toggle {
  outline: none;
}

/* Better image rendering */
@media (min-width: 768px) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

.product-slider .products {
  display: block !important;
}

.slick-track {
  display: flex;
}
.slick-list {
  overflow: hidden;
}

.application_list_item {
  position: relative;
  padding: 20px;
  background: #f7f7f7;
  margin-bottom: 20px;
  border-radius: 10px;
}

.application_list_item .application_actions {
  position: absolute;
  right: 20px;
  top: 14px;
  display: flex;
  gap: 20px;
}

.application_list_item table td,
.application_list_item table th {
  border: none;
  text-align: left;
}

.applications_list .application_list_item h3 {
  font-family: "Figtree";
  font-size: 20px;
}

.add-to-cart-button-wrapper button {
  background: var(--e-global-color-accent);
  color: #ffffff;
  text-transform: capitalize;
  border: none;
}

.add-to-cart-button-wrapper .button-processing,
.button-processing {
  background: linear-gradient(
    90deg,
    var(--e-global-color-accent),
    #ff9b9b,
    var(--e-global-color-accent)
  );
  background-size: 200% 200%;
  animation: gradientAnimation 2s linear infinite;
  color: #fff;
  cursor: not-allowed;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.application_list_item .th_mobile {
  display: none;
  font-weight: bold;
}

select.competition_select option:disabled {
  display: none;
}

@media (max-width: 768px) {
  .application_list_item .th_mobile {
    display: inline-block;
    margin-right: 5px;
  }

  .application_list_item table tr:first-child {
    display: none;
  }

  .application_list_item table tr {
    display: flex;
    flex-direction: column;
  }

  .application_list_item table td {
    padding: 10px;
  }
}

.error_message {
  color: red;
}