/* ============================================
   ProEV Collision — Premium Design Enhancements
   ============================================ */

/* === SMOOTH SCROLLING === */
html {
  scroll-behavior: smooth;
}

/* === NAVIGATION IMPROVEMENTS === */
.wp-block-navigation a:hover {
  color: #4f6af5 !important;
  transition: color 0.3s ease;
}

.wp-block-navigation a {
  transition: color 0.3s ease, transform 0.2s ease;
  letter-spacing: 0.5px;
}

/* === HERO SECTION — Text shadow for readability === */
.wp-block-cover .wp-block-heading,
.wp-block-cover h1,
.wp-block-cover h2 {
  text-shadow: 2px 3px 8px rgba(0,0,0,0.6);
}

/* === CTA BUTTONS — Premium hover effects === */
.wp-block-button__link {
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 0 4px 15px rgba(79,106,245,0.3);
  border-radius: 30px !important;
  letter-spacing: 1px;
}

.wp-block-button__link:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(79,106,245,0.5) !important;
  filter: brightness(1.1);
}

/* === SERVICE CARDS — Modern glassmorphism === */
.wp-block-column[style*="border-style:dashed"],
.wp-block-column[style*="dashed"] {
  border: 1px solid rgba(79,106,245,0.3) !important;
  border-style: solid !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 30px !important;
  transition: all 0.4s ease !important;
}

.wp-block-column[style*="border-style:dashed"]:hover,
.wp-block-column[style*="dashed"]:hover {
  border-color: rgba(79,106,245,0.6) !important;
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  background: rgba(255,255,255,0.08) !important;
}

/* Service card heading underline */
.wp-block-column[style*="border"] h3::after,
.wp-block-column[style*="border"] h4::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin-top: 10px;
  background: linear-gradient(90deg, #4f6af5, #7b93ff);
  border-radius: 2px;
  transition: width 0.3s ease;
}

.wp-block-column[style*="border"]:hover h3::after,
.wp-block-column[style*="border"]:hover h4::after {
  width: 80px;
}

/* === PHOTO GALLERY — Hover zoom === */
.wp-block-gallery .wp-block-image img {
  transition: transform 0.5s ease, filter 0.5s ease !important;
  border-radius: 4px;
}

.wp-block-gallery .wp-block-image:hover img {
  transform: scale(1.05);
  filter: brightness(1.08);
}

/* === VIDEO — Hover glow === */
.wp-block-video,
.wp-block-embed {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-video:hover,
.wp-block-embed:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(79,106,245,0.3);
}

/* === CONTACT FORM — Styled inputs === */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border: 2px solid rgba(79,106,245,0.2) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  background: rgba(255,255,255,0.95) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border-color: #4f6af5 !important;
  box-shadow: 0 0 0 4px rgba(79,106,245,0.15) !important;
  outline: none !important;
}

/* Submit button styling */
input[type="submit"],
button[type="submit"] {
  background: linear-gradient(135deg, #4f6af5, #3a52d4) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 14px 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 4px 15px rgba(79,106,245,0.35) !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(79,106,245,0.5) !important;
  filter: brightness(1.1) !important;
}

/* === FOOTER — Styled border === */
footer,
.wp-block-template-part footer {
  border-top: 1px solid rgba(79,106,245,0.3);
}

footer a:hover {
  color: #4f6af5 !important;
  transition: color 0.3s ease;
}

/* === SCROLLBAR — Branded === */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1a1a2e;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4f6af5, #3a52d4);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6b82ff, #4f6af5);
}

/* === SUBSCRIBE BUTTON — Pulse === */
@keyframes subtlePulse {
  0%, 100% { box-shadow: 0 4px 15px rgba(79,106,245,0.3); }
  50% { box-shadow: 0 4px 25px rgba(79,106,245,0.5); }
}

/* === SELECTION COLOR === */
::selection {
  background: rgba(79,106,245,0.3);
  color: #fff;
}

/* === NAV UNDERLINE ANIMATION === */
.wp-block-navigation-item a {
  position: relative;
}
.wp-block-navigation-item a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #4f6af5;
  transition: width 0.3s ease;
  margin-top: 2px;
}
.wp-block-navigation-item a:hover::after {
  width: 100%;
}

/* === FADE IN ANIMATION === */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.wp-block-columns {
  animation: fadeInUp 0.8s ease-out;
}