/* Layout */
.wing-suite-welcome { max-width: 950px; }
.wing-suite-welcome h1 { font-size: 26px; margin-bottom: 5px; }
.ws-version { font-size: 14px; color: #777; }
.wing-suite-welcome .description { font-size: 15px; color: #555; margin-bottom: 20px; }

/* Tabs Navigation */
.ws-tabs-nav { display: flex; gap: 5px; margin-bottom: 20px; }
.ws-tabs-nav button {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 8px 15px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
}
.ws-tabs-nav button.active {
    background: #fff;
    border-bottom: 1px solid #fff;
}

/* Tab Panels */
.ws-tabs-content { border: 1px solid #ccc; background: #fff; padding: 20px; border-radius: 0 4px 4px 4px; }
.ws-tab-panel { display: none; }
.ws-tab-panel.active { display: block; }

/* Modules Grid */
.ws-modules { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 15px; }
.ws-module { background: #f9f9f9; padding: 15px; border-radius: 5px; }

/* FAQ Items */
.ws-faq-item { background: #f5f5f5; padding: 10px; margin-bottom: 10px; border-radius: 5px; cursor: pointer; }
.ws-faq-item p { display: none; margin-top: 5px; }
.ws-faq-item.open p { display: block; }

.wing-suite-welcome-icon{
    font-size: 40px;
    margin-right: 20px;
}


/* Click to copy */

.wingsuite-shortcode-wrapper i{
    margin-left: 10px;
} 
.wingsuite-shortcode-contnet{
    font-weight: 700;
}
.wingsuite-shortcode-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

/* Tooltip base */
.wingsuite-shortcode-wrapper::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* place above the element */
    left: 50%;
    transform: translate(-50%, 10px); /* start slightly below */
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

/* Tooltip arrow */
.wingsuite-shortcode-wrapper::before {
    content: "";
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    transition: opacity 0.3s ease, border-color 0.3s ease;
}

/* Show tooltip on hover */
.wingsuite-shortcode-wrapper:hover::after,
.wingsuite-shortcode-wrapper:hover::before {
    opacity: 1;
    transform: translate(-50%, 0); /* slide up into place */
}

/* Visual feedback for copied (text + tooltip background) */
.wingsuite-shortcode-wrapper.copied::after {
    background: var(--wingsuite_core-success);
}
.wingsuite-shortcode-wrapper.copied::before {
    border-color: var(--wingsuite_core-success) transparent transparent transparent;
}