/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   SPLIDE PAGINATION - Frosted Glass Effect
   Applies to ALL Splide sliders sitewide
   ========================================================================== */

.splide__pagination {
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  gap: 10px !important;
}

.splide__pagination__page {
  background: rgba(0, 0, 0, 0.15) !important;
  border: none !important;
  width: 12px !important;
  height: 12px !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

.splide__pagination__page:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}

.splide__pagination__page.is-active {
  background: rgba(0, 0, 0, 0.5) !important;
  transform: scale(1.1) !important;
}

/* Modifier: Pagination flows below slides (not absolute) */
.splide--pagination-below .splide__pagination {
  position: static !important;
  margin-top: var(--space-m) !important;
  transform: none !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================================
   SECONDARY NAV - Sticky positioning
   ========================================================================== */

.secondaryNav {
  position: sticky;
  top: var(--header-space, 80px);
}

/* ==========================================================================
   FOOTER NEWSLETTER FORM
   ========================================================================== */

footer .brxe-form {
  display: flex;
  align-items: stretch;
  gap: 0;
}

footer .brxe-form input[type="email"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  margin: 0;
}

footer .brxe-form .bricks-button {
  background: var(--secondary--alt) !important;
  color: var(--secondary) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border: none !important;
  padding: 0 1.5em !important;
  margin: 0 !important;
  transition: filter 0.2s ease;
}

footer .brxe-form .bricks-button:hover {
  filter: brightness(0.85);
}

/* ==========================================================================
   FOOTER LAYOUT FIXES
   ========================================================================== */

/* Remove extra space below footer */
html, body {
  min-height: 0;
}

#brx-content,
.brx-content,
main {
  min-height: 0;
}

/* Social icons - inline with copyright */
footer .brxe-social-icons {
  display: flex;
  gap: 0.75em;
  align-items: center;
}

footer .brxe-social-icons a {
  font-size: 1.1em;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

footer .brxe-social-icons a:hover {
  opacity: 1;
}