dolphincss 1.0.6 → 1.1.8

package/MainCss/chartCard.css

@@ -1,146 +0,0 @@
-/* ===== Chart Card System ===== */
-.chart-card {
-  @apply relative bg-(--color-surface) rounded-lg shadow-sm border border-(--color-border) transition-all duration-300 hover:shadow-md;
-}
-
-.chart-card-header {
-  @apply flex items-center justify-between p-4 pb-2;
-}
-
-.chart-card-title {
-  @apply text-lg font-semibold text-(--color-text);
-}
-
-.chart-card-subtitle {
-  @apply text-sm text-(--color-text-muted) mt-1;
-}
-
-.chart-card-actions {
-  @apply flex items-center gap-1;
-}
-
-.chart-card-content {
-  @apply p-4 pt-2;
-}
-
-.chart-card-footer {
-  @apply flex items-center justify-between p-4 pt-2 border-t border-(--color-border);
-}
-
-.chart-card-stats {
-  @apply flex items-center gap-4;
-}
-
-.chart-card-stat {
-  @apply flex flex-col;
-}
-
-.chart-card-stat-value {
-  @apply text-lg font-semibold text-(--color-text);
-}
-
-.chart-card-stat-label {
-  @apply text-xs text-(--color-text-muted);
-}
-
-.chart-card-trend {
-  @apply flex items-center gap-1 text-sm;
-}
-
-.chart-card-trend.positive {
-  @apply text-(--color-success);
-}
-
-.chart-card-trend.negative {
-  @apply text-(--color-danger);
-}
-
-/* Chart Card Variants */
-.chart-card.primary {
-  @apply border-(--color-primary)/20;
-}
-
-.chart-card.secondary {
-  @apply border-(--color-secondary)/20;
-}
-
-.chart-card.success {
-  @apply border-(--color-success)/20;
-}
-
-.chart-card.warning {
-  @apply border-(--color-warning)/20;
-}
-
-.chart-card.danger {
-  @apply border-(--color-danger)/20;
-}
-
-.chart-card.info {
-  @apply border-(--color-info)/20;
-}
-
-/* Gradient Variants */
-.chart-card.gradient.primary {
-  background-image: var(--gradient-primary);
-  @apply border-none text-(--color-text);
-}
-
-.chart-card.gradient.secondary {
-  background-image: var(--gradient-secondary);
-  @apply border-none text-(--color-text);
-}
-
-/* Chart Card Sizes */
-.chart-card.small {
-  @apply max-w-sm;
-}
-
-.chart-card.medium {
-  @apply max-w-md;
-}
-
-.chart-card.large {
-  @apply max-w-lg;
-}
-
-.chart-card.full {
-  @apply w-full;
-}
-
-/* Chart Container */
-.chart-container {
-  @apply w-full h-48 flex items-center justify-center;
-}
-
-/* Loading State */
-.chart-card.loading .chart-container {
-  @apply animate-pulse bg-(--color-border) rounded;
-}
-
-/* No Data State */
-.chart-card .no-data {
-  @apply flex flex-col items-center justify-center h-48 text-(--color-text-muted);
-}
-
-/* Legend */
-.chart-legend {
-  @apply flex flex-wrap gap-3 mt-3;
-}
-
-.chart-legend-item {
-  @apply flex items-center gap-2 text-sm;
-}
-
-.chart-legend-color {
-  @apply w-3 h-3 rounded-full;
-}
-
-/* Tooltip (for chart interactions) */
-.chart-tooltip {
-  @apply absolute bg-(--color-surface) border border-(--color-border) rounded-lg shadow-lg p-3 text-sm pointer-events-none opacity-0 transition-opacity duration-200;
-}
-
-.chart-card:hover .chart-tooltip {
-  @apply opacity-100;
-}

package/MainCss/darkVariable.css

@@ -1,9 +0,0 @@
-@layer components {
-  /* डार्क मोडमा कार्डको variants को लागि स्पष्ट रंगहरू */
-  [data-theme="dark"] .card.primary { background-color: var(--color-primary); color: var(--color-text); }
-  [data-theme="dark"] .card.secondary { background-color: var(--color-secondary); color: var(--color-text); }
-  [data-theme="dark"] .card.success { background-color: var(--color-success); color: var(--color-text); }
-  [data-theme="dark"] .card.warning { background-color: var(--color-warning); color: var(--color-text); }
-  [data-theme="dark"] .card.danger { background-color: var(--color-danger); color: var(--color-text); }
-  [data-theme="dark"] .card.info { background-color: var(--color-info); color: var(--color-text); }
-}

package/MainCss/form.css

@@ -1,202 +0,0 @@
-/* ===== Radio System ===== */
-@layer components {
-  .radio-group { @apply flex flex-col gap-2; }
-  .radio-item { @apply flex items-center gap-2 cursor-pointer select-none relative; }
-  .radio-item input[type="radio"] {
-    @apply appearance-none w-5 h-5 rounded-full border border-(--color-border) checked:bg-(--color-primary) checked:border-(--color-primary) focus:ring-2 focus:ring-(--color-primary) transition-colors duration-200;
-  }
-  .radio-label { @apply text-(--color-text) select-none; }
-  .radio-item input[type="radio"]:disabled + .radio-label {
-    @apply opacity-50 cursor-not-allowed;
-  }
-  .radio-group.horizontal { @apply flex-row gap-4; }
-
-  /* ===== Checkbox System ===== */
-  input[type="checkbox"] {
-    @apply w-5 h-5 m-0 align-middle border-2 rounded border-(--color-border) bg-(--color-surface) cursor-pointer relative transition-all duration-200 appearance-none;
-  }
-  input[type="checkbox"]::after {
-    content: '';
-    @apply absolute hidden top-[3px] left-[6px] w-1 h-2 border-r-2 border-b-2 border-(--color-surface) rotate-45;
-  }
-  input[type="checkbox"]:checked::after { @apply block; }
-  input[type="checkbox"].primary:checked { background-color: var(--color-primary); border-color: var(--color-primary); }
-  input[type="checkbox"].secondary:checked { background-color: var(--color-secondary); border-color: var(--color-secondary); }
-  input[type="checkbox"].success:checked { background-color: var(--color-success); border-color: var(--color-success); }
-  input[type="checkbox"].warning:checked { background-color: var(--color-warning); border-color: var(--color-warning); }
-  input[type="checkbox"].danger:checked { background-color: var(--color-danger); border-color: var(--color-danger); }
-  input[type="checkbox"].info:checked { background-color: var(--color-info); border-color: var(--color-info); }
-  input[type="checkbox"]:disabled { @apply opacity-50 cursor-not-allowed; }
-
-  /* ===== Select System ===== */
-  .select-wrapper { @apply relative inline-block w-full; }
-  .select {
-    @apply w-full p-2 text-base rounded-md border-2 border-(--color-border) bg-(--color-surface) text-(--color-text) cursor-pointer appearance-none transition-all duration-200;
-  }
-  .select:focus {
-    @apply outline-none border-(--color-primary) ring-2 ring-(--color-primary)/10;
-  }
-  .select:disabled {
-    @apply opacity-50 cursor-not-allowed bg-(--color-surface) text-(--color-border);
-  }
-  .select.primary { background-color: var(--color-primary); color: var(--color-text); border-color: var(--color-primary); }
-  .select.secondary { background-color: var(--color-secondary); color: var(--color-text); border-color: var(--color-secondary); }
-  .select.success { background-color: var(--color-success); color: var(--color-text); border-color: var(--color-success); }
-  .select.warning { background-color: var(--color-warning); color: var(--color-text); border-color: var(--color-warning); }
-  .select.danger { background-color: var(--color-danger); color: var(--color-text); border-color: var(--color-danger); }
-  .select.info { background-color: var(--color-info); color: var(--color-text); border-color: var(--color-info); }
-  .select.gradient.primary { background-image: var(--gradient-primary); color: var(--color-text); border: none; }
-  .select-wrapper::after {
-    content: '';
-    @apply absolute top-1/2 right-4 w-2 h-2 border-r-2 border-b-2 border-(--color-text) -translate-y-1/2 rotate-45 pointer-events-none;
-  }
-  /* ===== Floating Label Text Field (Fixed v2) ===== */
-.floatinglabel {
-  @apply relative w-full;
-}
-
-/* Input field */
-.floatinglabel-input {
-  @apply w-full px-3 py-2 text-base rounded-md border-2 border-(--color-border)
-         bg-(--color-surface) text-(--color-text)
-         transition-all duration-200;
-}
-
-/* Focus & disabled */
-.floatinglabel-input:focus {
-  @apply outline-none border-(--color-primary);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
-}
-.floatinglabel-input:disabled {
-  @apply opacity-50 cursor-not-allowed bg-(--color-surface) text-(--color-border);
-}
-
-/* Label */
-.floatinglabel-label {
-  @apply absolute left-3 top-1/2 -translate-y-1/2
-         text-(--color-text-muted) text-base transition-all duration-200
-         pointer-events-none bg-transparent;
-}
-
-/* Floating effect */
-.floatinglabel-input:focus + .floatinglabel-label,
-.floatinglabel-input:not(:placeholder-shown) + .floatinglabel-label {
-  @apply -top-2 text-sm translate-y-0;
-}
-
-/* Color Variants */
-.floatinglabel.primary .floatinglabel-input:focus {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
-}
-.floatinglabel.primary .floatinglabel-input:focus + .floatinglabel-label {
-  color: var(--color-primary);
-}
-
-/* ... (secondary, success, warning, danger, info same as before) ... */
-
-/* Gradient variant */
-.floatinglabel.gradient.primary .floatinglabel-input:focus {
-  background-image: var(--gradient-primary);
-  @apply border-none text-(--color-text);
-  box-shadow: none;
-}
-
-/* ===== Icon Support Fix ===== */
-
-/* Left icon */
-.floatinglabel.input-icon-left {
-  @apply relative;
-}
-.floatinglabel.input-icon-left > svg {
-  @apply absolute left-3 top-1/2 -translate-y-1/2
-         w-5 h-5 text-(--color-text-muted) pointer-events-none;
-}
-.floatinglabel.input-icon-left .floatinglabel-input {
-  @apply pl-10;
-}
-/* label offset for left icon */
-.floatinglabel.input-icon-left .floatinglabel-label {
-  left: 2.75rem; /* label right side of icon */
-}
-.floatinglabel.input-icon-left .floatinglabel-input:focus + .floatinglabel-label,
-.floatinglabel.input-icon-left .floatinglabel-input:not(:placeholder-shown) + .floatinglabel-label {
-  left: 2.5rem; /* float state offset fine-tuned */
-}
-
-/* Right icon */
-.floatinglabel.input-icon-right {
-  @apply relative;
-}
-.floatinglabel.input-icon-right > svg {
-  @apply absolute right-3 top-1/2 -translate-y-1/2
-         w-5 h-5 text-(--color-text-muted) pointer-events-none;
-}
-.floatinglabel.input-icon-right .floatinglabel-input {
-  @apply pr-10;
-}
-/* ===== Standard Variant Text Field (Icon Fixed) ===== */
-.standardlabel {
-  @apply relative w-full pt-5; /* padding top for label */
-}
-
-/* Input field */
-.standardlabel-input {
-  @apply w-full px-0 py-1 text-base bg-transparent text-(--color-text)
-         border-0 border-b-2 border-(--color-border) transition-all duration-200;
-}
-
-/* Focus & disabled */
-.standardlabel-input:focus {
-  @apply outline-none;
-  border-bottom-color: var(--color-primary);
-}
-.standardlabel-input:disabled {
-  @apply opacity-50 cursor-not-allowed text-(--color-border);
-  border-bottom-color: var(--color-border);
-}
-
-/* Label */
-.standardlabel-label {
-  @apply absolute text-(--color-text-muted) text-base transition-all duration-200 pointer-events-none;
-  top: 1.25rem; /* vertical center */
-  left: 0.5rem; /* default */
-}
-
-/* Floating effect */
-.standardlabel-input:focus + .standardlabel-label,
-.standardlabel-input:not(:placeholder-shown) + .standardlabel-label {
-  @apply -top-1 text-sm;
-  color: var(--color-primary);
-}
-
-/* Left icon support */
-.standardlabel.input-icon-left {
-  @apply relative;
-}
-.standardlabel.input-icon-left > svg {
-  @apply absolute left-0 top-1/2 -translate-y-1/2 w-5 h-5 text-(--color-text-muted) pointer-events-none;
-}
-.standardlabel.input-icon-left .standardlabel-input {
-  @apply pl-10; /* input padding */
-}
-.standardlabel.input-icon-left .standardlabel-label {
-  left: 2.75rem; /* label offset */
-}
-.standardlabel.input-icon-left .standardlabel-input:focus + .standardlabel-label,
-.standardlabel.input-icon-left .standardlabel-input:not(:placeholder-shown) + .standardlabel-label {
-  left: 2.5rem; /* floating label fine-tune */
-}
-
-/* Right icon support */
-.standardlabel.input-icon-right {
-  @apply relative;
-}
-.standardlabel.input-icon-right > svg {
-  @apply absolute right-0 top-1/2 -translate-y-1/2 w-5 h-5 text-(--color-text-muted) pointer-events-none;
-}
-.standardlabel.input-icon-right .standardlabel-input {
-  @apply pr-10; /* input padding */
-}
-
-}

package/MainCss/glass.css

@@ -1,80 +0,0 @@
-/* ===== Glass Component - Tailwind v4 Compatible (Variable-Based) ===== */
-
-.glass {
-  @apply rounded-xl border transition-all duration-300 ease-out;
-  background-color: var(--glass-bg);
-  border-color: var(--glass-border);
-  backdrop-filter: var(--glass-blur);
-  box-shadow: var(--glass-shadow);
-}
-
-.glass:hover {
-  background-color: var(--glass-bg-alt);
-  border-color: var(--glass-border-alt);
-  backdrop-filter: var(--glass-blur-lg);
-  box-shadow: var(--glass-shadow-lg);
-}
-
-.glass:active {
-  @apply scale-95;
-}
-
-/* Size variants */
-.glass-sm {
-  @apply rounded-lg p-2;
-  backdrop-filter: var(--glass-blur-sm);
-  border-color: var(--glass-border-alt);
-}
-
-.glass-md {
-  @apply rounded-xl p-4;
-  backdrop-filter: var(--glass-blur);
-  border-color: var(--glass-border);
-}
-
-.glass-lg {
-  @apply rounded-2xl p-6;
-  backdrop-filter: var(--glass-blur-lg);
-  border-color: var(--glass-border-alt);
-}
-
-/* Color Tints */
-.glass-primary { background-color: var(--color-primary-bg, var(--glass-bg)); border-color: var(--color-primary-border, var(--glass-border)); }
-.glass-success { background-color: var(--color-success-bg, var(--glass-bg)); border-color: var(--color-success-border, var(--glass-border)); }
-.glass-warning { background-color: var(--color-warning-bg, var(--glass-bg)); border-color: var(--color-warning-border, var(--glass-border)); }
-.glass-danger  { background-color: var(--color-danger-bg, var(--glass-bg)); border-color: var(--color-danger-border, var(--glass-border)); }
-.glass-info    { background-color: var(--color-info-bg, var(--glass-bg)); border-color: var(--color-info-border, var(--glass-border)); }
-
-/* Button + Glass combination */
-.filled.glass {
-  @apply text-white font-medium;
-  backdrop-filter: var(--glass-blur);
-  background-color: var(--glass-bg);
-}
-
-.filled.glass:hover {
-  background-color: var(--glass-bg-alt);
-  backdrop-filter: var(--glass-blur-lg);
-}
-
-.outlined.glass {
-  @apply text-white border-2;
-  border-color: var(--glass-border);
-  backdrop-filter: var(--glass-blur);
-  background-color: transparent;
-}
-
-.outlined.glass:hover {
-  background-color: var(--glass-bg);
-  border-color: var(--glass-border-alt);
-}
-
-.plain.glass {
-  @apply text-white;
-  background-color: transparent;
-  backdrop-filter: var(--glass-blur-sm);
-}
-
-.plain.glass:hover {
-  background-color: var(--glass-bg-alt);
-}

package/MainCss/global.css

@@ -1,249 +0,0 @@
-/* ===== Button Variants ===== */
-@layer components {
-  .filled {
-    @apply font-medium rounded-md inline-flex items-center justify-center select-none transition-all duration-200;
-  }
-  .outlined {
-    @apply border rounded-md bg-transparent inline-flex items-center justify-center select-none transition-all duration-200;
-  }
-  .plain {
-    @apply bg-transparent inline-flex items-center justify-center select-none transition-all duration-200;
-  }
-
-  /* ===== Button Colors ===== */
-  .primary.filled { background-color: var(--color-primary); color: var(--color-text) !important; }
-  .primary.outlined { border: 2px solid var(--color-primary); color: var(--color-text) !important; }
-  .primary.plain { color: var(--color-text) !important; }
-
-  .secondary.filled { background-color: var(--color-secondary); color: var(--color-text) !important; }
-  .secondary.outlined { border: 2px solid var(--color-secondary); color: var(--color-text) !important; }
-  .secondary.plain { color: var(--color-text) !important; }
-
-  .success.filled { background-color: var(--color-success); color: var(--color-text) !important; }
-  .success.outlined { border: 2px solid var(--color-success); color: var(--color-text) !important; }
-  .success.plain { color: var(--color-text) !important; }
-
-  .warning.filled { background-color: var(--color-warning); color: var(--color-text) !important; }
-  .warning.outlined { border: 2px solid var(--color-warning); color: var(--color-text) !important; }
-  .warning.plain { color: var(--color-text) !important; }
-
-  .danger.filled { background-color: var(--color-danger); color: var(--color-text) !important; }
-  .danger.outlined { border: 2px solid var(--color-danger); color: var(--color-text) !important; }
-  .danger.plain { color: var(--color-text) !important; }
-
-  .info.filled { background-color: var(--color-info); color: var(--color-text) !important; }
-  .info.outlined { border: 2px solid var(--color-info); color: var(--color-text) !important; }
-  .info.plain { color: var(--color-text) !important; }
-
-  /* Button Hover/Focus/Disabled */
-  .filled:hover, .outlined:hover, .plain:hover { opacity: 0.9; }
-
-  /* Remove Tailwind ring to prevent double ring */
-  .filled:focus-visible,
-  .outlined:focus-visible,
-  .plain:focus-visible {
-    outline: 2px solid var(--color-border);
-    outline-offset: 2px;
-    box-shadow: none; /* no glow */
-  }
-
-  .filled:disabled,
-  .outlined:disabled,
-  .plain:disabled {
-    @apply opacity-50 cursor-not-allowed pointer-events-none;
-  }
-
-  /* ===== Circle Buttons ===== */
-  .circle {
-    @apply rounded-full shadow-md hover:shadow-lg inline-flex items-center justify-center select-none transition-shadow duration-200 cursor-pointer;
-    background-color: transparent;
-    color: var(--color-text);
-  }
-
-  .circle.sm { @apply w-8 h-8 text-sm; }
-  .circle.md { @apply w-12 h-12 text-base; }
-  .circle.lg { @apply w-16 h-16 text-lg; }
-
-  .circle.primary.filled { background-color: var(--color-primary); color: var(--color-text) !important; }
-  .circle.secondary.filled { background-color: var(--color-secondary); color: var(--color-text) !important; }
-  .circle.success.filled { background-color: var(--color-success); color: var(--color-text) !important; }
-  .circle.warning.filled { background-color: var(--color-warning); color: var(--color-text) !important; }
-  .circle.danger.filled { background-color: var(--color-danger); color: var(--color-text) !important; }
-  .circle.info.filled { background-color: var(--color-info); color: var(--color-text) !important; }
-
-  .circle.primary.outlined { border: 2px solid var(--color-primary); color: var(--color-text) !important; }
-  .circle.secondary.outlined { border: 2px solid var(--color-secondary); color: var(--color-text) !important; }
-  .circle.success.outlined { border: 2px solid var(--color-success); color: var(--color-text) !important; }
-  .circle.warning.outlined { border: 2px solid var(--color-warning); color: var(--color-text) !important; }
-  .circle.danger.outlined { border: 2px solid var(--color-danger); color: var(--color-text) !important; }
-  .circle.info.outlined { border: 2px solid var(--color-info); color: var(--color-text) !important; }
-
-  .circle.primary.plain,
-  .circle.secondary.plain,
-  .circle.success.plain,
-  .circle.warning.plain,
-  .circle.danger.plain,
-  .circle.info.plain {
-    background-color: transparent;
-    color: var(--color-text) !important;
-  }
-
-  .circle:hover { opacity: 0.9; }
-  .circle:disabled { @apply opacity-50 cursor-not-allowed pointer-events-none; }
-}
-/* ===== Global Glowing Effects (Fixed) ===== */
-.glow {
-  @apply transition-all duration-300;
-}
-
-/* Base glow effects for all glow elements */
-.glow:hover {
-  box-shadow: var(--glow-primary);
-}
-
-/* Specific elements with enhanced glow */
-.glow.btn:hover,
-.glow[class*="btn"]:hover {
-  box-shadow: 0 0 20px 5px var(--glow-color, var(--color-primary))/25;
-}
-
-.glow.card:hover,
-.glow[class*="card"]:hover,
-.glow[class*="chart"]:hover {
-  box-shadow: 0 0 25px 8px var(--glow-color, var(--color-primary))/15;
-}
-
-/* Input focus glow */
-.glow.input:focus,
-.glow[type="text"]:focus,
-.glow[type="email"]:focus,
-.glow[type="password"]:focus,
-.glow.floatinglabel-input:focus,
-.glow.standardlabel-input:focus {
-  box-shadow: var(--glow-input) !important;
-}
-
-/* Color-specific glow variables */
-.glow.primary {
-  --glow-color: var(--color-primary);
-}
-
-.glow.secondary {
-  --glow-color: var(--color-secondary);
-}
-
-.glow.success {
-  --glow-color: var(--color-success);
-}
-
-.glow.warning {
-  --glow-color: var(--color-warning);
-}
-
-.glow.danger {
-  --glow-color: var(--color-danger);
-}
-
-.glow.info {
-  --glow-color: var(--color-info);
-}
-
-/* Dolphin-specific glow effects */
-.dolphin-glow {
-  box-shadow: var(--glow-primary);
-}
-
-.dolphin-glow-success {
-  box-shadow: var(--glow-success);
-}
-
-.dolphin-glow-warning {
-  box-shadow: var(--glow-warning);
-}
-
-.dolphin-glow-danger {
-  box-shadow: var(--glow-danger);
-}
-
-.dolphin-glow-info {
-  box-shadow: var(--glow-info);
-}
-
-.dolphin-glow-secondary {
-  box-shadow: var(--glow-secondary);
-}
-
-/* Intensity variants */
-.glow.strong {
-  --glow-intensity: 0.4;
-  --glow-spread: 25px;
-}
-
-.glow.strong:hover {
-  box-shadow: 0 0 35px 12px var(--glow-color, var(--color-primary))/25;
-}
-
-.glow.subtle {
-  --glow-intensity: 0.15;
-  --glow-spread: 10px;
-}
-
-.glow.subtle:hover {
-  box-shadow: 0 0 15px 3px var(--glow-color, var(--color-primary))/15;
-}
-
-/* Pulsing glow - FIXED */
-.glow.pulse {
-  animation: dolphin-glow-pulse 3s ease-in-out infinite;
-}
-
-@keyframes dolphin-glow-pulse {
-  0%, 100% { 
-    box-shadow: 0 0 5px 2px color-mix(in oklch, var(--glow-color, var(--color-primary)) 15%, transparent);
-  }
-  50% { 
-    box-shadow: 0 0 20px 8px color-mix(in oklch, var(--glow-color, var(--color-primary)) 25%, transparent);
-  }
-}
-
-/* Wave glow - FIXED */
-.glow.wave {
-  animation: ocean-wave 4s ease-in-out infinite;
-}
-
-@keyframes ocean-wave {
-  0%, 100% { 
-    box-shadow: 
-      0 0 10px 3px color-mix(in oklch, var(--color-primary) 20%, transparent),
-      0 0 20px 6px color-mix(in oklch, var(--color-info) 15%, transparent);
-  }
-  50% { 
-    box-shadow: 
-      0 0 15px 5px color-mix(in oklch, var(--color-primary) 25%, transparent),
-      0 0 25px 8px color-mix(in oklch, var(--color-info) 20%, transparent);
-  }
-}
-
-/* Ensure glow works on focus for inputs */
-.floatinglabel-input.glow:focus,
-.standardlabel-input.glow:focus {
-  box-shadow: var(--glow-input) !important;
-}
-
-/* Remove any conflicting shadows from base components */
-.chart-card,
-.card {
-  box-shadow: none !important;
-}
-
-/* Force glow to show on hover */
-.glow:hover {
-  transform: translateZ(0); /* Force hardware acceleration */
-}
-
-/* Responsive fixes */
-@media (max-width: 768px) {
-  .glow:hover {
-    box-shadow: 0 0 15px 4px var(--glow-color, var(--color-primary))/15;
-  }
-}