/* Coverage Widget CSS */

/* Custom Fixxy Colors */
.text-fixxyviola     { color: #7608AF; }
.text-fixxyrosa      { color: #ff24bc; }
.text-fixxyverde     { color: #b3f702; }
.text-fixxyverdescuro{ color: #2DE878; }

.bg-fixxyviola       { background-color: #7608AF; }
.bg-fixxyrosa        { background-color: #ff24bc; }
.bg-fixxyverde       { background-color: #b3f702; }
.bg-fixxyverdescuro  { background-color: #2DE878; }
.bg-fixxyhoververde  { background-color: #a3e702; }

.hover\:bg-fixxyrosa:hover { background-color: #ff24bc; }
.hover\:bg-fixxyverde:hover { background-color: #b3f702; }
.hover\:bg-fixxyhoververde:hover { background-color: #a3e702; }
.hover\:text-fixxyviola:hover { color: #7608AF; }
.hover\:text-white:hover { color: #ffffff; }

/* Font class */
@font-face {
    font-family: 'VFont';
    src: url("/wp-content/uploads/coverage_widget/fonts/font.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

.VFont {
  font-family: 'VFont', sans-serif;
}

/* Coverage Widget Container */
.coverage-widget-container {
  width: 100%;
  max-width: 100%;
}

/* Remove all borders from widget elements */
.coverage-widget-container * {
  border: none !important;
}

/* Tier card specific styles */
.coverage-tier-card {
  border: none !important;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Button shadow */
.shadow-fixxytastoombra {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}

/* Size utilities for icons */
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

/* Additional responsive utilities */
@media (max-width: 768px) {
  .coverage-widget-container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .coverage-widget-container h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .coverage-widget-container h1 {
    font-size: 4.5rem;
    line-height: 1;
  }
}