/* ===== Yolo AI Booking Agent - Dora — Unified Button Styling ===== */
/* Load LAST, after all other Dora CSS files, so these overrides win */

.yrl-btn,
.yrl-local-book-btn,
.yrl-lost-donthave-btn,
#yrl-callback-submit-btn,
#yrl-callback-cancel-btn {
    background: linear-gradient(90deg, #5bfcc4, #0ABAB5, #71a4f0) !important;
    color: #c9fcf6 !important;
    text-shadow: 1px 1px 1px #000 !important;
    box-shadow:
        inset 0px 0px 5px #c9fcf6,
        inset 0px 35px 30px #000,
        0px 5px 10px #000000cc !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: visible;
}

.yrl-btn::before,
.yrl-local-book-btn::before,
.yrl-lost-donthave-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 12px;
    filter: blur(0);
    z-index: -1;
    box-shadow: none;
    background: conic-gradient(#00000000 80deg, #40baf7, #f34ad7, #5bfcc4, #00000000 280deg);
    transition: all 0.3s ease;
}

.yrl-btn:hover::before,
.yrl-local-book-btn:not(:disabled):hover::before,
.yrl-lost-donthave-btn:hover::before {
    filter: blur(15px);
}

.yrl-btn:not(:disabled):active,
.yrl-local-book-btn:not(:disabled):active,
.yrl-lost-donthave-btn:not(:disabled):active {
    box-shadow:
        inset 0px 0px 5px #c9fcf6,
        inset 0px 35px 30px #000 !important;
    transform: translateY(3px);
}

.yrl-local-book-btn:not(:disabled):hover,
#yrl-callback-submit-btn:hover {
    box-shadow:
        inset 0px 0px 5px #c9fcf6,
        inset 0px 35px 30px #000,
        0px 5px 10px #000000cc !important;
    transform: translateY(-2px);
}

.yrl-btn:focus-visible,
.yrl-local-book-btn:focus-visible,
.yrl-lost-donthave-btn:focus-visible,
#yrl-callback-submit-btn:focus-visible,
#yrl-callback-cancel-btn:focus-visible {
    outline: 2px solid var(--yrl-black);
    outline-offset: 2px;
}

/* ===== Disabled state — flatten everything, kill the glow ===== */

.yrl-btn:disabled,
.yrl-local-book-btn:disabled,
.yrl-lost-donthave-btn:disabled,
#yrl-callback-submit-btn:disabled,
#yrl-callback-cancel-btn:disabled {
    background: #6b7280 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    transform: none !important;
}

.yrl-btn:disabled::before,
.yrl-local-book-btn:disabled::before,
.yrl-lost-donthave-btn:disabled::before {
    display: none !important;
}

.yrl-btn:disabled:hover,
.yrl-btn:disabled:hover::before,
.yrl-local-book-btn:disabled:hover,
.yrl-local-book-btn:disabled:hover::before,
.yrl-lost-donthave-btn:disabled:hover,
.yrl-lost-donthave-btn:disabled:hover::before,
#yrl-callback-submit-btn:disabled:hover,
#yrl-callback-cancel-btn:disabled:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}