/* Custom styles that extend beyond Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5ebe0;
}
::-webkit-scrollbar-thumb {
    background: #c2703e;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #e65223;
}

/* Selection color */
::selection {
    background: rgba(230, 82, 35, 0.2);
    color: #2c1810;
}

/* Geometric decorative elements */
.geometric-accent-1 {
    background: linear-gradient(135deg, #e65223 0%, #c2703e 100%);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.geometric-accent-2 {
    background: linear-gradient(225deg, #f5ebe0 0%, #fce5d8 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}

/* Service card number styling */
.service-number {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    font-size: 4rem;
    line-height: 1;
    color: rgba(194, 112, 62, 0.08);
    position: absolute;
    top: 12px;
    right: 20px;
}

/* Nav active state */
.nav-link.active::after {
    width: 100%;
}

/* Print styles */
@media print {
    .geometric-shape,
    .mobile-menu,
    #back-to-top {
        display: none !important;
    }
}