/*
 * Shared button motion layer.
 * Keep this file linked after page-specific CSS so all pages use the same
 * interaction feel regardless of older inline styles.
 */
:root {
    --button-motion-duration: 180ms;
    --button-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --button-hover-y: -2px;
    --button-active-y: 0;
    --button-active-scale: 0.99;
    --button-focus-ring: 0 0 0 4px rgba(36, 87, 197, 0.18);
    --button-primary-shadow: 0 12px 26px rgba(245, 158, 11, 0.24);
    --button-primary-shadow-hover: 0 16px 34px rgba(245, 158, 11, 0.3);
    --button-secondary-shadow-hover: 0 12px 26px rgba(20, 33, 61, 0.1);
}

:where(
    .btn,
    .btn-primary,
    .btn-secondary,
    .header-cta,
    .tariff-button,
    .duration-tab,
    .duration-tab--active,
    .pricing-trial-actions a,
    .page-hero-actions a,
    .refer-main a.btn-primary,
    .refer-main a.btn-secondary,
    button[type="submit"]
):not(.hamburger):not(.modal-close) {
    transition:
        transform var(--button-motion-duration) var(--button-motion-ease),
        box-shadow var(--button-motion-duration) var(--button-motion-ease),
        background-color var(--button-motion-duration) var(--button-motion-ease),
        border-color var(--button-motion-duration) var(--button-motion-ease),
        color var(--button-motion-duration) var(--button-motion-ease) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    will-change: transform;
}

:where(
    .btn-primary,
    .header-cta,
    .tariff-button,
    button[type="submit"]
):not(:disabled):not([aria-busy="true"]):not(.hamburger):not(.modal-close) {
    box-shadow: var(--button-primary-shadow) !important;
}

:where(.btn-primary, .header-cta, .tariff-button, button[type="submit"])::before {
    content: none !important;
}

:where(
    .btn,
    .btn-primary,
    .btn-secondary,
    .header-cta,
    .tariff-button,
    .duration-tab,
    .duration-tab--active,
    .pricing-trial-actions a,
    .page-hero-actions a,
    .refer-main a.btn-primary,
    .refer-main a.btn-secondary,
    button[type="submit"]
):not(:disabled):not([aria-busy="true"]):not(.hamburger):not(.modal-close):hover {
    transform: translate3d(0, var(--button-hover-y), 0) scale(1) !important;
}

:where(
    .btn-primary,
    .header-cta,
    .tariff-button,
    button[type="submit"]
):not(:disabled):not([aria-busy="true"]):not(.hamburger):not(.modal-close):hover {
    box-shadow: var(--button-primary-shadow-hover) !important;
}

:where(
    .btn-secondary,
    .duration-tab,
    .pricing-trial-actions .btn-secondary,
    .page-hero-actions .btn-secondary,
    .refer-main .btn-secondary
):not(:disabled):not([aria-busy="true"]):hover {
    box-shadow: var(--button-secondary-shadow-hover) !important;
}

:where(
    .btn,
    .btn-primary,
    .btn-secondary,
    .header-cta,
    .tariff-button,
    .duration-tab,
    .duration-tab--active,
    .pricing-trial-actions a,
    .page-hero-actions a,
    .refer-main a.btn-primary,
    .refer-main a.btn-secondary,
    button[type="submit"]
):not(:disabled):not([aria-busy="true"]):not(.hamburger):not(.modal-close):active {
    transform: translate3d(0, var(--button-active-y), 0) scale(var(--button-active-scale)) !important;
}

:where(
    .btn,
    .btn-primary,
    .btn-secondary,
    .header-cta,
    .tariff-button,
    .duration-tab,
    .duration-tab--active,
    .pricing-trial-actions a,
    .page-hero-actions a,
    .refer-main a.btn-primary,
    .refer-main a.btn-secondary,
    button[type="submit"]
):not(.hamburger):not(.modal-close):focus-visible {
    outline: 0 !important;
    box-shadow: var(--button-focus-ring), var(--button-primary-shadow) !important;
}

@media (prefers-reduced-motion: reduce) {
    :where(
        .btn,
        .btn-primary,
        .btn-secondary,
        .header-cta,
        .tariff-button,
        .duration-tab,
        .duration-tab--active,
        .pricing-trial-actions a,
        .page-hero-actions a,
        .refer-main a.btn-primary,
        .refer-main a.btn-secondary,
        button[type="submit"]
    ):not(.hamburger):not(.modal-close) {
        transition: none !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .header-actions {
        display: none !important;
    }
}
/* Site-wide scrollbar: matches index.html on every public page. */
html {
    scrollbar-width: thin;
    scrollbar-color: #f59e0b rgba(26, 15, 10, 0.5);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(26, 15, 10, 0.5);
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
}

::-webkit-scrollbar-thumb:hover {
    background: #f59e0b;
}

@media (max-width: 720px) {
    html {
        scrollbar-width: none;
    }

    ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}