/* ============================================
   Pacha Website - Animations & Visual Polish
   ============================================ */

/* === Smooth Scroll === */
html {
  scroll-behavior: smooth;
}

/* === All Buttons (Squarespace + Custom) === */
.sqs-block-button-element,
.sqs-button-element--primary,
.submit-button,
button[type="submit"] {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  border-radius: 50px !important;
}

.sqs-block-button-element:hover,
.sqs-button-element--primary:hover,
.submit-button:hover,
button[type="submit"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.sqs-block-button-element:active,
.sqs-button-element--primary:active,
.submit-button:active,
button[type="submit"]:active {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}

/* === Submit Button Styling === */
.submit-button {
  background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%);
  color: white;
  border: none;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
}

.submit-button:hover {
  background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
}

/* === Form Inputs === */
.field-input,
.field-textarea {
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.field-input:focus,
.field-textarea:focus {
  border-color: #2c3e50 !important;
  box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.15) !important;
}

/* === Navigation Links === */
#mainNavigation .collection a,
#mobileNavigation .collection a {
  transition: opacity 0.2s ease !important;
}

#mainNavigation .collection a:hover {
  opacity: 0.7;
}

/* === Header Nav Button (Contact) - Pill Shape === */
.enable-nav-button #mainNavigation .collection:last-child a,
.enable-nav-button #headerNav .collection:last-child a {
  border-radius: 50px !important;
}

/* === Social Icons === */
.sqs-svg-icon--wrapper {
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.sqs-svg-icon--wrapper:hover {
  transform: scale(1.15) !important;
  opacity: 0.8;
}

/* === Back to Top === */
.back-to-top a {
  transition: transform 0.2s ease !important;
}

.back-to-top a:hover {
  transform: translateY(-3px);
}

/* === Logo Hover === */
#logoImage a {
  transition: opacity 0.2s ease !important;
}

#logoImage a:hover {
  opacity: 0.85;
}

/* === Cookie Banner === */
.sqs-cookie-banner-v2-accept {
  transition: transform 0.2s ease !important;
}

.sqs-cookie-banner-v2-accept:hover {
  transform: scale(1.05) !important;
}

/* === Gallery Images === */
.sqs-gallery-block-grid .slide img,
.thumb-image {
  transition: transform 0.3s ease !important;
}

.sqs-gallery-block-grid .slide:hover img,
.thumb-image:hover {
  transform: scale(1.03);
}

/* === Remove ugly focus outline on gallery links === */
.sqs-gallery a,
.sqs-gallery-block-grid a,
.sqs-gallery-design-grid a,
.slide a,
.gallery-grid a,
a.sqs-gallery-image-container {
  outline: none !important;
  box-shadow: none !important;
}

.sqs-gallery a:focus,
.sqs-gallery-block-grid a:focus,
a.sqs-gallery-image-container:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* === Reduced Motion === */
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
  }
  html {
    scroll-behavior: auto;
  }
}