/* Adding CSS classes should be done with consideration and rarely */
@tailwind base;
@tailwind components;
@tailwind utilities;

.extendify-onboarding {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: transparent;
    --tw-ring-color: var(--ext-partner-theme-primary-bg, #2c39bd);
}

.extendify-onboarding *,
.extendify-onboarding *:after,
.extendify-onboarding *:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

.extendify-onboarding {
    -webkit-font-smoothing: antialiased;
}

.extendify-onboarding .button-focus {
    @apply outline-none cursor-pointer rounded-lg text-center text-base no-underline ring-partner-primary-bg ring-offset-2 ring-offset-white focus:shadow-none focus:ring-wp;
}
.extendify-onboarding .input-focus {
    @apply outline-none rounded-lg text-base ring-partner-primary-bg ring-offset-2 ring-offset-white focus:shadow-none focus:ring-wp;
}

.extendify-onboarding .button-card {
    @apply m-0 block flex-1 overflow-hidden border p-4;
}
.extendify-onboarding .preview-container .block-editor-block-preview__content {
    max-height: none !important;
}

.extendify-onboarding .spin {
    animation: extendify-loading-spinner 1s linear infinite;
}

@keyframes extendify-loading-spinner {
    to {
        transform: rotate(1turn);
    }
}

/* Checkbox styles for page selection step. */
.extendify-onboarding input[type="checkbox"] {
    @apply border border-gray-900;
}
.extendify-onboarding input[type="checkbox"]:focus {
    @apply outline-none ring-wp ring-partner-primary-bg ring-offset-2 ring-offset-white;
}
.extendify-onboarding input[type="checkbox"]:checked {
    @apply bg-partner-primary-bg;
}
.extendify-onboarding input[type="checkbox"]:checked::before {
    content: "";
    width: 0 !important;
    height: 0 !important;
}

/* Goal checkbox */
.extendify-onboarding .goal-select .components-base-control__field {
    @apply mb-0;
}
.block-editor-block-preview__content {
    @apply top-0 left-0 m-0 overflow-visible;
    transform-origin: top left;
    text-align: initial;
    min-height: auto;
}

body.site-assistant_page_extendify-launch,
body.site-launcher_page_extendify-launch {
    background: white;
}

.site-assistant_page_extendify-launch #adminmenumain,
.site-launcher_page_extendify-launch #adminmenumain,
.site-assistant_page_extendify-launch #wpadminbar,
.site-launcher_page_extendify-launch #wpadminbar {
    display: none;
}