/**
 * Custom CSS
 *
 * Additional styles beyond Tailwind CSS
 *
 * @package SouthwestSteemer
 */

/* Hide scrollbar for testimonials carousel */
#testimonials-carousel::-webkit-scrollbar {
    display: none;
}

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom selection color */
::selection {
    background-color: rgba(236, 104, 28, 0.3);
    color: inherit;
}

/* Focus styles for accessibility */
a:focus,
button:focus {
    outline: 2px solid #EC681C;
    outline-offset: 2px;
}

/* Prevent layout shift from scrollbar */
html {
    overflow-y: scroll;
}

/* Custom logo styling in header */
.custom-logo {
    height: 3.5rem;
    width: auto;
}

/* WhatsApp button animation */
@keyframes whatsapp-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.whatsapp-bounce {
    animation: whatsapp-bounce 2s ease-in-out infinite;
}

/* Prose styling for page content */
.prose h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #252422;
}

.prose h2,
.prose h3,
.prose h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #252422;
}

.prose a {
    color: #EC681C;
    text-decoration: underline;
}

.prose a:hover {
    color: #c45616;
}

/* Quote calculator specific styles */
#quote-calculator .counter-minus:disabled,
#quote-calculator .counter-plus:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

#quote-calculator input[type="number"]::-webkit-inner-spin-button,
#quote-calculator input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#quote-calculator input[type="number"] {
    -moz-appearance: textfield;
}

/* Sticky quote summary adjustment */
@media (min-width: 1024px) {
    #quote-calculator .sticky {
        top: 6rem;
    }
}

/* Animation keyframes */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.6s ease-out;
}

/* Print styles */
@media print {
    .fixed,
    #whatsapp-button,
    nav {
        display: none !important;
    }

    main {
        padding-top: 0 !important;
    }
}