/* Orange accent override for Aqua style — base #FF4A00 */
@import url('https://fonts.cdnfonts.com/css/w95fa');

body, .font-sans, .font-serif,
button, input, select, textarea,
.aqua-btn, .aqua-select {
  font-family: 'W95FA', 'Inter', system-ui, sans-serif !important;
}

.aqua-blue {
  background: linear-gradient(180deg, rgba(255, 74, 0, 0.65) 0%, #FFB48A 100%);
  color: #6b1a00;
  text-shadow: 0 1px 0 rgba(255, 210, 180, 0.6);
  box-shadow:
    0 0 0 1.5px rgba(210, 60, 0, 0.7),
    0px 3px 9px rgba(200, 60, 0, 0.36),
    0px 1px 1px rgba(180, 50, 0, 0.22),
    0px 3px 2px rgba(180, 50, 0, 0.22),
    inset 0px 0px 12px rgba(255, 255, 255, 0.21);
}

.aqua-blue::after {
  background: linear-gradient(180deg, rgba(255, 90, 20, 0.78) 0%, #ffb892 100%);
}

.aqua-blue:hover {
  box-shadow:
    0 0 0 1.5px rgba(220, 70, 5, 0.75),
    0px 4px 12px rgba(200, 60, 0, 0.4),
    0px 2px 3px rgba(180, 50, 0, 0.2),
    0px 4px 4px rgba(180, 50, 0, 0.18),
    inset 0px 0px 14px rgba(255, 255, 255, 0.3);
}

.aqua-bg {
  background: linear-gradient(180deg, #ff6a2a 0%, #ffb892 100%);
  box-shadow:
    0 0 0 1.5px rgba(220, 70, 5, 0.75),
    0px 4px 12px rgba(200, 60, 0, 0.4),
    0px 2px 3px rgba(180, 50, 0, 0.2),
    0px 4px 4px rgba(180, 50, 0, 0.18),
    inset 0px 0px 14px rgba(255, 255, 255, 0.28);
  color: white;
}

/* Aqua text gradient */
.aqua-text {
  background: linear-gradient(180deg,
    #d23c00 0%,
    #ff5a17 40%,
    #ff8a4a 60%,
    #ffc6a0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25),
    0 -1px 0 rgba(160, 50, 0, 0.3),
    0 4px 6px rgba(180, 60, 0, 0.25),
    0 1px 2px rgba(180, 50, 0, 0.2);
}

/* Hover/focus link colors */
.product-card a h3,
.group:hover h3 {
  /* keep tailwind classes; override blue hover via specific selector below */
}

/* Override tailwind hover:text-blue-* used on free tools cards */
.group:hover .group-hover\:text-blue-600 { color: #d23c00 !important; }
.dark .group:hover .group-hover\:text-blue-400 { color: #ff8a4a !important; }
.group:hover .group-hover\:text-blue-500 { color: #ff5a17 !important; }

/* Progress fill */
.aqua-progress-fill {
  background: linear-gradient(180deg, rgba(255, 74, 0, 0.65) 0%, #FFB48A 100%);
  box-shadow:
    0 0 0 1px rgba(210, 60, 0, 0.5),
    inset 0px 0px 8px rgba(255, 255, 255, 0.3);
}

.aqua-progress-striped .aqua-progress-fill {
  background-color: #FFB48A;
  background-image:
    linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.3) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0.3) 75%,
      transparent 75%,
      transparent
    ),
    linear-gradient(180deg, rgba(255, 74, 0, 0.7) 0%, #FFB48A 100%);
  background-size: 24px 24px, 100% 100%;
}

/* Slider thumbs */
.aqua-slider::-webkit-slider-thumb {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(180deg, rgba(255, 74, 0, 0.65) 0%, #FFB48A 100%);
  box-shadow:
    0 0 0 1.5px rgba(210, 60, 0, 0.7),
    0px 3px 9px rgba(200, 60, 0, 0.36),
    0px 1px 1px rgba(180, 50, 0, 0.22),
    0px 3px 2px rgba(180, 50, 0, 0.22),
    inset 0px 0px 12px rgba(255, 255, 255, 0.21);
}

.aqua-slider::-moz-range-thumb {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(180deg, rgba(255, 74, 0, 0.65) 0%, #FFB48A 100%);
  box-shadow:
    0 0 0 1.5px rgba(210, 60, 0, 0.7),
    0px 3px 9px rgba(200, 60, 0, 0.36),
    0px 1px 1px rgba(180, 50, 0, 0.22),
    0px 3px 2px rgba(180, 50, 0, 0.22),
    inset 0px 0px 12px rgba(255, 255, 255, 0.21);
}

.aqua-slider::-webkit-slider-thumb:hover,
.aqua-slider::-moz-range-thumb:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(180deg, rgba(255, 90, 20, 0.78) 0%, #ffb892 100%);
}

/* Checkbox/Radio checked accent */
.aqua-checkbox:checked,
input[type="checkbox"]:checked,
.aqua-radio:checked,
input[type="radio"]:checked {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(180deg, rgba(255, 74, 0, 0.65) 0%, #FFB48A 100%);
  box-shadow:
    0 0 0 1.5px rgba(210, 60, 0, 0.7),
    0px 2px 6px rgba(200, 60, 0, 0.3),
    inset 0px 0px 8px rgba(255, 255, 255, 0.25);
}

input[type="checkbox"]:checked::after { border-color: #6b1a00; }
input[type="radio"]:checked::after { background: #6b1a00; }

/* Select focus ring */
.aqua-select:focus, select:focus {
  box-shadow:
    0 0 0 1.5px rgba(210, 60, 0, 0.7),
    0px 3px 8px rgba(200, 60, 0, 0.25),
    inset 0px 0px 10px rgba(255, 255, 255, 0.35);
}

/* Hero corner glow recolor */
.aqua-scanlines .animate-pulse > div:nth-child(1) {
  background: radial-gradient(ellipse at 70% 60%, rgba(255, 110, 40, 0.18) 0%, transparent 55%) !important;
}
.aqua-scanlines .animate-pulse > div:nth-child(2) {
  background: radial-gradient(ellipse at 40% 75%, rgba(255, 180, 138, 0.16) 0%, transparent 50%) !important;
}
.aqua-scanlines .animate-pulse > div:nth-child(3) {
  background: radial-gradient(ellipse at 80% 35%, rgba(255, 138, 74, 0.14) 0%, transparent 45%) !important;
}

.dark .aqua-scanlines .animate-pulse > div:nth-child(1) {
  background: radial-gradient(ellipse at 70% 60%, rgba(255, 110, 40, 0.09) 0%, transparent 55%) !important;
}
.dark .aqua-scanlines .animate-pulse > div:nth-child(2) {
  background: radial-gradient(ellipse at 40% 75%, rgba(255, 180, 138, 0.08) 0%, transparent 50%) !important;
}
.dark .aqua-scanlines .animate-pulse > div:nth-child(3) {
  background: radial-gradient(ellipse at 80% 35%, rgba(255, 138, 74, 0.07) 0%, transparent 45%) !important;
}

/* Subtle glow */
.glow-subtle::before {
  background: radial-gradient(ellipse at center, rgba(255, 180, 138, 0.18) 0%, transparent 70%);
}

.dark .glow-subtle::before {
  background: radial-gradient(ellipse at center, rgba(255, 180, 138, 0.09) 0%, transparent 70%);
}