diff --git a/index.html b/index.html
index 013b0cf..d071455 100644
--- a/index.html
+++ b/index.html
@@ -100,12 +100,12 @@
flexibil si capabil sa raspunda necesitatilor de dezvoltare.
@@ -144,8 +144,8 @@
-
- Eficientizeaza activitatea service-ului!
+
+ Eficientizeaza activitatea service-ului!
@@ -155,8 +155,8 @@
Sistem specializat pentru calculul devizelor de lucrări, managementul proiectelor și estimarea costurilor de construcții.
-
- Afla mai mult
+
+ Afla mai mult
@@ -168,20 +168,20 @@
diff --git a/professional-theme.css b/professional-theme.css
index 84f1225..29ec908 100644
--- a/professional-theme.css
+++ b/professional-theme.css
@@ -77,34 +77,14 @@ body {
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
- overflow: hidden !important;
-}
-
-.professional-card::before {
- content: '' !important;
- position: absolute !important;
- top: -1px !important;
- left: -1px !important;
- right: -1px !important;
- bottom: -1px !important;
- background: var(--button-gradient) !important;
- border-radius: var(--radius) !important;
- z-index: -1 !important;
- opacity: 0 !important;
- transition: opacity 0.3s ease !important;
+ transition: none !important;
+ transform: none !important;
}
.professional-card:hover {
- background: var(--card-hover) !important;
- box-shadow: var(--shadow-lg) !important;
- transform: translateY(-4px) !important;
- border-color: transparent !important;
-}
-
-.professional-card:hover::before {
- opacity: 1 !important;
+ transition: none !important;
+ transform: none !important;
}
/* Soft professional blue buttons */
@@ -113,74 +93,29 @@ body {
color: var(--primary-foreground) !important;
border-radius: var(--radius-lg) !important;
border: none !important;
- box-shadow: var(--shadow-sm) !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
- position: relative !important;
- overflow: hidden !important;
font-weight: 600 !important;
-}
-
-.professional-btn-primary::before {
- content: '' !important;
- position: absolute !important;
- top: 0 !important;
- left: -100% !important;
- width: 100% !important;
- height: 100% !important;
- background: var(--red-gradient) !important;
- transition: left 0.3s ease !important;
-}
-
-.professional-btn-primary:hover::before {
- left: 0 !important;
+ text-decoration: none !important;
+ display: inline-block !important;
+ padding: 12px 24px !important;
}
.professional-btn-primary:hover {
- box-shadow: var(--shadow-md) !important;
- transform: translateY(-1px) !important;
-}
-
-.professional-btn-primary span {
- position: relative !important;
- z-index: 1 !important;
+ opacity: 0.9 !important;
}
.professional-btn-secondary {
- background: var(--card) !important;
+ background: transparent !important;
color: var(--primary) !important;
- border: 2px solid var(--primary) !important;
+ border: none !important;
border-radius: var(--radius-lg) !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
font-weight: 500 !important;
- position: relative !important;
- overflow: hidden !important;
-}
-
-.professional-btn-secondary::before {
- content: '' !important;
- position: absolute !important;
- top: 0 !important;
- left: 0 !important;
- width: 0 !important;
- height: 100% !important;
- background: var(--primary) !important;
- transition: width 0.3s ease !important;
- z-index: 0 !important;
+ text-decoration: underline !important;
+ display: inline-block !important;
+ padding: 12px 24px !important;
}
.professional-btn-secondary:hover {
- color: var(--primary-foreground) !important;
- border-color: var(--primary) !important;
- transform: translateY(-1px) !important;
-}
-
-.professional-btn-secondary:hover::before {
- width: 100% !important;
-}
-
-.professional-btn-secondary span {
- position: relative !important;
- z-index: 1 !important;
+ color: var(--secondary) !important;
}
/* Muted red accent button for urgent actions */
@@ -189,15 +124,14 @@ body {
color: var(--accent-foreground) !important;
border-radius: var(--radius-lg) !important;
border: none !important;
- box-shadow: var(--shadow-sm) !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
font-weight: 600 !important;
+ text-decoration: none !important;
+ display: inline-block !important;
+ padding: 12px 24px !important;
}
.professional-btn-urgent:hover {
- box-shadow: var(--shadow-md) !important;
- transform: translateY(-1px) !important;
- filter: brightness(1.05) !important;
+ opacity: 0.9 !important;
}
/* Professional navbar with soft gradient */
@@ -254,26 +188,6 @@ body {
align-items: center !important;
justify-content: center !important;
margin: 0 auto 1.5rem auto !important;
- box-shadow: var(--shadow-md) !important;
- transition: all 0.3s ease !important;
- position: relative !important;
- overflow: hidden !important;
-}
-
-.professional-icon-wrapper::before {
- content: '' !important;
- position: absolute !important;
- top: -50% !important;
- left: -50% !important;
- width: 200% !important;
- height: 200% !important;
- background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 30%, transparent 70%) !important;
- opacity: 0 !important;
- transition: opacity 0.3s ease !important;
-}
-
-.professional-card:hover .professional-icon-wrapper::before {
- opacity: 1 !important;
}
/* Logo styling */
@@ -303,6 +217,13 @@ h1, h2, h3 {
background: var(--card) !important;
border: 2px solid var(--accent) !important;
box-shadow: var(--shadow-xl) !important;
+ transition: none !important;
+ transform: none !important;
+}
+
+.professional-card-featured:hover {
+ transition: none !important;
+ transform: none !important;
}
.professional-card-featured .professional-icon-wrapper {
@@ -319,13 +240,10 @@ h1, h2, h3 {
background: var(--card) !important;
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
padding: 2rem !important;
}
.professional-support-card:hover {
- box-shadow: var(--shadow-lg) !important;
- transform: translateY(-2px) !important;
border-color: var(--primary) !important;
}