/*
 * WP Recipe Maker Overrides
 * Applies The Curated Earth design system to the external plugin markup
 */

.wprm-recipe-container {
    @apply border-none !important;
    @apply bg-surface-container-high !important;
    @apply rounded-sm !important;
    @apply p-6 sm:p-12 !important;
    @apply font-sans text-on-surface !important;
    @apply shadow-[0_12px_24px_rgba(26,28,28,0.02)] !important;
}

.wprm-recipe-name {
    @apply font-serif text-[1.75rem] text-on-surface mb-6 !important;
}

.wprm-recipe-summary {
    @apply text-tertiary body-lg mb-8 !important;
}

/* Headers within recipe */
.wprm-recipe-header {
    @apply font-serif text-xl border-b border-outline-variant/20 pb-2 mb-4 mt-8 !important;
}

/* Ingredients */
.wprm-recipe-ingredient {
    @apply border-b border-outline-variant/10 py-3 flex items-start !important;
}

.wprm-recipe-ingredient-amount,
.wprm-recipe-ingredient-unit {
    @apply font-inter text-xs text-primary font-bold uppercase tracking-wide mr-2 mt-1 !important;
}

.wprm-recipe-ingredient-name {
    @apply text-on-surface text-base !important;
}

/* Instructions */
.wprm-recipe-instruction {
    @apply mb-6 flex !important;
}

.wprm-recipe-instruction-group .wprm-recipe-group-name {
    @apply font-sans font-bold text-lg mb-4 text-on-surface !important;
}

.wprm-recipe-instruction-text {
    @apply body-lg text-tertiary !important;
}

/* Print Button inside WPRM */
.wprm-recipe-buttons {
    @apply mt-8 flex justify-center space-x-4 !important;
}

.wprm-recipe-print {
    @apply bg-transparent border border-outline-variant/40 text-on-surface rounded-none px-6 py-2 font-sans font-medium hover:bg-surface-container transition-colors !important;
}

.wprm-recipe-image img {
    @apply rounded-sm shadow-none !important;
}