@tailwind components;
@tailwind utilities;

@layer components {
    .btn-fun {
        @apply px-8 py-3 rounded-full font-extrabold font-sans uppercase tracking-wide text-navy shadow-lg transition-all duration-300 ease-in-out;
    }

    .btn-yellow {
        @apply bg-yellow-sun hover:bg-yellow-400 hover:shadow-xl hover:scale-105;
    }

    .btn-white {
        @apply bg-white hover:bg-gray-100 hover:shadow-xl hover:scale-105;
    }

    .section-heading {
        @apply text-4xl md:text-5xl font-black text-navy text-center mb-12;
    }

    .form-input-sidebar {
        @apply w-full pl-4 pr-10 py-3 rounded-full bg-cream border-2 border-transparent text-navy placeholder:text-navy/50 focus:outline-none focus:ring-2 focus:ring-blue-sky transition-all;
    }
}


.wp-block {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;

    *,
    &::after,
    &::before {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb;
    }

    >section[class^="wp-block-awt"] {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb;

        *,
        &::after,
        &::before {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }
    }
}




/* Fix for Excessive Spacing in Editor */
.editor-styles-wrapper {

    .block-editor-block-list__block[data-type="awt/child-author-fun-facts"] {
        .wp-block.wp-block-awt-child-author-fact-card {
            margin: 0;
        }
    }

    .block-editor-block-list__block[data-type="awt/child-author-socials"] {
        .wp-block.wp-block-awt-child-author-social-icon {
            margin: 0;
        }
    }

    .block-editor-block-list__block[data-type="awt/child-author-activities"] {

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        .wp-block.wp-block-awt-child-author-activity-card {
            margin: 0;
        }

        &>.wp-block {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .awt-container {
            margin-top: 0 !important;
        }
    }
}

#awt-review-modal {
    p {
        margin-bottom: 1rem;
    }
}