/*
 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
*/

/* baseline */
.spin-once,
.spin-once svg,
.spin-once .bricks-icon,
.spin-once img {
  display: inline-block;
  transform-origin: center;
  transform-box: fill-box; /* keeps SVG centered */
}

/* spin ONCE on hover */
.spin-once:hover,
.spin-once:hover svg,
.spin-once:hover .bricks-icon,
.spin-once:hover img {
  animation: spin 0.8s linear 1; /* change 0.8s to your preferred speed */
}

@keyframes spin { to { transform: rotate(360deg); } }

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .spin-once:hover { animation: none !important; }
}


.nav-link {
  color : #bf2d0d !important;
	font-weight: 900 !important;
}

@media (max-width: 991px){
  .btn-contact{ display:none !important; }
}


/* keep desktop labels single line */
.nav-main a { white-space: nowrap; }

/* when space gets tight, shrink spacing & button */
@media (max-width: 1140px) and (min-width: 992px){
  /* tighten link spacing + size */
  .nav-main { gap: 16px; }
  .nav-main a { font-size: 15px; }

  /* smaller pill; hide if still tight */
  .btn-contact { 
    white-space: nowrap;
    padding: 10px 16px;
    font-size: 15px;
  }

  /* optional: slightly smaller logo to buy room */
  .site-logo { max-width: 170px; }
}

/* if you still see wrapping at ~1100px, hide the button there */
@media (max-width: 1100px) and (min-width: 992px){
  .btn-contact { display: none !important; }
}

/* safety */
html, body { overflow-x: hidden; }

/* 1) When the mobile menu is OPEN, pin the toggle (the "X") to top-right */
.bricks-mobile-menu-toggle[aria-expanded="true"]{
  position: fixed !important;  /* stick to viewport, not the menu */
  top: 16px !important;
  right: 16px !important;
  z-index: 100001 !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  cursor: pointer;
}

/* If you're logged in and see the WP admin bar, offset a bit lower */
/* (optional, keep only if the icon sits under the admin bar for you) */
html.admin-bar .bricks-mobile-menu-toggle[aria-expanded="true"]{
  top: 60px !important;
}

/* 2) Make sure the panel & overlay sit above the page and fill the screen */
.bricks-mobile-menu-wrapper.right{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  z-index: 100000 !important;
  overflow-y: auto;
}

.bricks-mobile-menu-overlay{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
}

/* push hamburger to the right in the header row */
.nav-main .bricks-mobile-menu-toggle{
  margin-left: auto;
}

.bricks-mobile-menu-wrapper nav {
  padding-top: 60px; /* adjust so the first item sits below the X */
}



  .gallery-item.is-hidden { display: none !important; }
  .gallery-item .cats { display: none !important; }