/* @import 'tailwindcss';
@import './__vars.css'; */
@import './frontend.css';

@import '../../parts/blocks/block-accordion/admin.css';

@import 'https://use.typekit.net/zqh1mbd.css';

:root {
	--heading-xl: 61px !important;
	--heading-1: 44px !important;
	--heading-2: 31px !important;
	--heading-3: 22px !important;
	--heading-4: 19px !important;
	--heading-5: 16px !important;

	--paragraph-sm: 14px !important;
	--paragraph-md: 19px !important;
	--paragraph-lg: 22px !important;
	--paragraph-xl: 31px !important;
	--paragraph-xxl: 61px !important;
}


h1.wp-block-post-title {
	@apply font-sans;
}

.is-root-container {
	@apply font-sans;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		@apply font-sans;
	}
}

.acf-block-component:not(.acf-block-preview) {
	@apply relative mt-24 border border-dashed border-black;

	&:before {
		content: attr(aria-label);
		@apply absolute top-0 -translate-y-full -translate-x-px left-0 bg-black text-white px-4 py-2;
	}

	.acf-empty-block-fields {
		@apply p-8 text-h5;
	}
}

.acf-block-preview {

	&:before {
		content: attr(aria-label);
		@apply absolute text-sm top-0 left-0 bg-black text-white px-3 py-1 z-50;
	}

	@apply mt-6 relative border border-dashed border-black bg-gray-100 p-3 pt-10;

	&:not(.wp-block-acf-accordion) .acf-innerblocks-container {
		@apply relative bg-white text-black p-2;
	}

	&:not(.wp-block-acf-accordion) .acf-innerblocks-container::after {
		content: '';
		position: absolute;
		inset: -8px;
		border: 2px dashed #007cba;
		border-radius: 4px;
		pointer-events: none;
	}

	[data-no-edit] {
		filter: blur(2px);
		opacity: 0.7;
		pointer-events: none;
	}
}

/* reset */

.w-container {
	@apply max-w-full m-0;
}

img.object-cover,
.object-cover.h-full.w-full {
	@apply object-cover! h-full! w-full!;
}

.wp-block-button .wp-block-button__link {
	@apply btn!;
}

.block-accordion {
	@apply my-0 p-0;

	.acf-block-preview {
		@apply my-2;
	}

	.block-accordion-heading {
		p {
			@apply m-0;
		}
	}
	.block-accordion-content {
		p {
			@apply m-0;
		}
	}
}