/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
*/


/* BUTTON STYLING */
.btn--primary.bricks-button {
  transform-origin: bottom center;
  transform: perspective(600px) rotateX(0deg);
  transition: transform .35s cubic-bezier(.22, .61, .36, 1),
              box-shadow .35s ease;
  backface-visibility: hidden;
	
    background-color: var(--olive);
    color: var(--oat);
    padding: 0.2rem 1.8rem;
    border-radius: 8px;
    font-family: "EB Garamond";
    font-style: italic;
    font-size: calc(var(--text-m) * 1.2);
    gap: 1.5rem;	
}

/* Block kippt nach oben, Oberkante zum Betrachter, leichter Lift */
.btn--primary.bricks-button:hover {
  transform: perspective(600px) rotateX(-10deg) translateY(-2px);
  box-shadow: 0 12px 22px -10px rgba(0, 0, 0, .35);
}

/* Icon wandert dezent nach rechts */
.btn--primary.bricks-button i {
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}
.btn--primary.bricks-button:hover i {
  transform: translateX(4px);
}

.textlink {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 0;
	transition: all .5s ease-in-out;
}

.textlink::after {
	content: "";
	position: relative;
	width: 100%;
	height: 1px;
	background-color: var(--olive);
	top: -2px;
	transition: all .5s ease-in-out;
}

.textlink:hover::after {
	width: 0%;
	transition: all .5s ease-in-out;
}

/* MENU */
.desktop-nav-menu .menu-item a {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 0;
	justify-content: center;
    align-items: center;
	transition: all .5s ease-in-out;
}

.desktop-nav-menu .menu-item a::after {
	content: "";
	position: relative;
	width: 0%;
	height: 1px;
	background-color: var(--oat);
	top: -2px;
	transition: all .3s ease-in-out;
}

.desktop-nav-menu .menu-item:hover a::after {
	width: 100%;
	transition: all .5s ease-in-out;
}

.desktop-nav-menu .menu-item.current-menu-item a::after {
	content: "";
	position: relative;
	width: 100%;
	height: 1px;
	background-color: var(--oat);
	top: -2px;
}