/* Custom Button styling based on Inversa screenshot */
.btn-clipped {
    font-family: 'JetBrains Mono', monospace;
    padding: 16px 32px;
    font-size: 0.875rem; /* 14px */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    cursor: pointer;
    border: none;
    /* THIS IS THE MAGIC SHAPE */
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-clipped:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* Same clipping effect applied to images */
.image-clipped {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}

/* Prevent scrolling when menu is open */
body.menu-open {
    overflow: hidden;
}

/* Menu links staggering effect */
#full-menu.open {
    opacity: 1;
    pointer-events: auto;
}
/* Hide scrollbar for the horizontal services carousel */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}