/* Base WordPress utility overrides */
img.latex { border: none; vertical-align: middle; }
.video-player { border: 0; margin: auto; padding: 5px; text-align: center; max-width: 100%; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
.comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; }
.simple-homepage { display: none; }

/* ==========================================
   Antigravity Premium UI & Polish Custom Styles
   ========================================== */

/* 1. Global Page Transitions & Scrollbar */
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
  border: 2.5px solid #f1f5f9;
  transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #0284c7;
}

/* 2. Crisp Interactive Header & Logo */
.custom-logo-link {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.custom-logo-link:hover {
  transform: scale(1.04);
}

/* Header Action Buttons Micro-interactions */
.wp-block-navigation .wp-block-navigation-item a {
  position: relative;
  transition: color 0.25s ease !important;
}
.wp-block-navigation .wp-block-navigation-item a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0284c7;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-navigation .wp-block-navigation-item a:hover {
  color: #0284c7 !important;
}
.wp-block-navigation .wp-block-navigation-item a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* 3. Hero Enhancements */
.wp-block-cover {
  overflow: hidden;
  position: relative;
}
.wp-block-cover__image-background {
  filter: saturate(1.05) contrast(1.02);
}

/* 4. Service Columns Card-style Micro-interactions */
.wp-block-columns .wp-block-column {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-radius: 16px !important;
}
.wp-block-columns .wp-block-column:hover {
  transform: translateY(-6px);
}

/* Service Images Zoom */
.wp-block-column .wp-block-image {
  overflow: hidden;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.wp-block-column .wp-block-image img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.wp-block-column:hover .wp-block-image img {
  transform: scale(1.06);
}

/* 5. Custom Form Glassmorphic Styling and Premium Sidebar Form UI */
.contact-form, 
#jp-form-f11e6c4fed8b3c5d140149fc4f26f7b761040c7d {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.3s ease !important;
}
#jp-form-f11e6c4fed8b3c5d140149fc4f26f7b761040c7d:hover {
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07) !important;
  border-color: #cbd5e1 !important;
}

/* Input Fields styling */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
#gblock-template-canvas-name,
#gblock-template-canvas-email,
#contact-form-comment-gblock-template-canvas-message {
  border-radius: 10px !important;
  border: 1.5px solid #cbd5e1 !important;
  padding: 12px 16px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus,
#gblock-template-canvas-name:focus,
#gblock-template-canvas-email:focus,
#contact-form-comment-gblock-template-canvas-message:focus {
  border-color: #0284c7 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12) !important;
  outline: none !important;
}

/* 6. Premium Button Elevation Hover State */
.wp-block-button__link {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.15) !important;
}
.wp-block-button__link:hover {
  transform: translateY(-2.5px) scale(1.025) !important;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.3) !important;
  filter: brightness(1.06) !important;
}
.wp-block-button__link:active {
  transform: translateY(0) scale(1) !important;
}

/* 7. General Interactive UI Elements */
.contact-item {
  transition: transform 0.25s ease;
}
.contact-item:hover {
  transform: translateX(4px);
}
.contact-item a {
  transition: color 0.2s ease;
}
.contact-item a:hover {
  color: #0284c7 !important;
}

/* Custom Success State Alert */
#contact-form-success-f11e6c4fed8b3c5d140149fc4f26f7b761040c7d {
  background: #f0fdf4 !important;
  border: 1.5px solid #bbf7d0 !important;
  color: #166534 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  box-shadow: 0 4px 12px rgba(22, 101, 52, 0.05) !important;
  animation: slideInDown 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}