/* TezButton component styles */

.tez-button-container {
  display: block;
  width: 100%;
}

.tez-button {
  position: relative;
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s;
  font-family: inherit;
  width: 100%;
}

/* Size variants */
.tez-button-container.small .tez-button {
  padding: 8px 16px;
  font-size: 14px;
  min-height: 36px;
}

.tez-button-container.xsmall .tez-button {
  padding: 1px 3px;
  font-size: 10px;
  min-height: 30px;
}

.tez-button-container.medium .tez-button {
  padding: 12px 24px;
  font-size: 16px;
  min-height: 44px;
}

.tez-button-container.large .tez-button {
  padding: 16px 32px;
  font-size: 18px;
  min-height: 52px;
}

/* Color variants */
.tez-button-container.primary .tez-button {
  background-color: var(--primary-color);
  color: var(--light-color);
  box-shadow: 0 4px 12px rgba(211, 84, 0, 0.3);
}

.tez-button-container.secondary .tez-button {
  background-color: var(--secondary-color);
  color: var(--light-color);
  box-shadow: 0 4px 12px rgba(41, 128, 185, 0.3);
}

/* Danger variant */
.tez-button-container.danger .tez-button {
  background-color: #e74c3c;
  color: var(--light-color);
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.35);
}

.tez-button-container.disabled .tez-button {
  background-color: #444;
  color: #888;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Icon styles - MOBILE ONLY (from media queries) */
.tez-button-icon {
  margin-right: 6px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  line-height: 1;
}

.tez-button-container.small .tez-button-icon {
  font-size: 20px;
}

.tez-button-container.medium .tez-button-icon {
  font-size: 25px;
}

.tez-button-container.large .tez-button-icon {
  font-size: 30px;
}

.tez-button-icon img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
  margin-top: 3px;
}

.tez-button-container.xsmall .tez-button-icon img {
  width: 20px;
  height: 20px;
}

.tez-button-container.small .tez-button-icon img {
  width: 20px;
  height: 20px;
}

.tez-button-container.medium .tez-button-icon img {
  width: 25px;
  height: 25px;
}

.tez-button-container.large .tez-button-icon img {
  width: 30px;
  height: 30px;
}

/* Color-specific icon styling */
.tez-button-container.primary .tez-button-icon {
  color: var(--light-color);
}
.tez-button-container.primary .tez-button-icon img {
  filter: brightness(0) invert(1);
}
.tez-button-container.secondary .tez-button-icon {
  color: var(--light-color);
}
.tez-button-container.secondary .tez-button-icon img {
  filter: brightness(0) invert(1);
}
.tez-button-container.disabled .tez-button-icon {
  color: #888;
  opacity: 0.7;
}
.tez-button-container.disabled .tez-button-icon img {
  filter: brightness(0) invert(0.5);
  opacity: 0.7;
}

/* Hover effects for icons */
.tez-button-container:not(.disabled):hover .tez-button-icon {
  transform: scale(1.1);
}
.tez-button-container:not(.disabled):hover .tez-button-icon img {
  transform: scale(1.1);
}

/* Active state for icons */
.tez-button-container:not(.disabled):active .tez-button-icon {
  transform: scale(0.95);
}
.tez-button-container:not(.disabled):active .tez-button-icon img {
  transform: scale(0.95);
}

/* Shimmer effect */
.tez-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: all 0.6s;
}

/* Hover effects */
.tez-button-container:not(.disabled):hover .tez-button:before {
  left: 100%;
}
.tez-button-container:not(.disabled):hover .tez-button {
  transform: translateY(-3px);
}
.tez-button-container.primary:not(.disabled):hover .tez-button {
  box-shadow: 0 6px 16px rgba(211, 84, 0, 0.4);
}
.tez-button-container.secondary:not(.disabled):hover .tez-button {
  box-shadow: 0 6px 16px rgba(41, 128, 185, 0.4);
}

/* Active effects */
.tez-button-container:not(.disabled):active .tez-button {
  transform: scale(0.98);
}

/* Focus styles */
.tez-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.5);
}

/* Disabled state */
.tez-button-container.disabled:hover .tez-button {
  transform: none;
  box-shadow: none;
}
.tez-button-container.disabled:active .tez-button {
  transform: none;
}

/* Upcoming text for disabled buttons */
.tez-button .upcoming-text {
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-size: 10px;
  color: #888;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
} 

/*
REMOVED ALL @media SECTIONS. ALL STYLES ARE NOW MOBILE-ONLY.
*/