/* ==========================================================================
   1. TEXT & LAYOUT FIXES
   ========================================================================== */

/* Force title to one line & prevent overlap with the 'X' button */
.ant-tour-title {
    white-space: nowrap !important;
    padding-right: 24px !important; /* Adds buffer space for the close button */
    font-weight: 400 !important;
}

/* ==========================================================================
   2. MAIN BOX STYLING (Borders & Radius)
   ========================================================================== */

/* Apply to both specific class and the generic fallback */
.targets-tour-hint .ant-tour-inner,
.targets-tour-hint.ant-tour .ant-tour-inner,
.ant-tour .ant-tour-inner {
    /* Match radius to content so corners don't look weird */
    border-radius: 8px !important;

    /* Use 1px instead of 0.5px for a sharp, clean line */
    border: 1px solid #1677ff !important;

    /* Remove the secondary shadow ring to stop the "double border" blur */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;

    background: #ffffff !important;
    opacity: 1 !important;
    outline: none !important;
}

/* Ensure the content inside respects the radius */
.targets-tour-hint .ant-tour-content,
.targets-tour-hint.ant-tour .ant-tour-content,
.ant-tour .ant-tour-content {
    border-radius: 8px !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

/* ==========================================================================
   3. ARROW STYLING
   ========================================================================== */

.targets-tour-hint .ant-tour-arrow,
.ant-tour .ant-tour-arrow {
    /* Matches the 1px blue border */
    filter: drop-shadow(0 0 0 1px #1677ff) drop-shadow(0 0 6px rgba(22, 119, 255, 0.35));
}

.targets-tour-hint .ant-tour-arrow-content,
.ant-tour .ant-tour-arrow-content {
    background: #ffffff !important;
    /* Cleaned up shadow to match the main box */
    box-shadow: 0 0 0 1px #1677ff, 0 0 6px rgba(22, 119, 255, 0.35) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   4. GLOBAL RESET
   ========================================================================== */

.ant-tour {
    --ant-tour-bg: #ffffff !important;
    background: transparent !important;
    opacity: 1 !important;
}

/* ==========================================================================
   5. SPINNER TEXT CENTERING
   ========================================================================== */

/* Center spinner text lines relative to each other */
.ant-spin-text {
    text-align: center !important;
}

/* Center the spinning indicator within its container */
.ant-spin.ant-spin-spinning {
    left: 50% !important;
    transform: translateX(-50%) !important;
}