/* Add the Figtree font from Google Fonts. */
@import url( "https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" );
@import "./tailwind.scss";

@layer utilities {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	pre {
		@apply m-0 text-text-primary;
	}

	h1 {
		@apply text-4xl font-semibold leading-11;
	}

	h2 {
		@apply text-3xl font-semibold leading-9.5;
	}

	h3 {
		@apply text-2xl font-semibold leading-8;
	}

	h4 {
		@apply text-xl font-semibold leading-7.5;
	}

	h5 {
		@apply text-lg font-semibold leading-7;
	}

	h6 {
		@apply text-base font-semibold leading-6;
	}

	p {
		@apply text-sm leading-5 text-text-secondary font-normal;
	}

	ul,
	li {
		@apply m-0 p-0;
	}

	::file-selector-button {
		@apply font-sans text-text-primary;
	}
}

/* Add your custom styles here */
#wpcontent:has( #surerank-root ) {
	padding-left: 0;
}

#wpbody-content:has( #surerank-root ) {
	padding-bottom: 0;
}

#wpfooter {
	display: none;
}

#surerank-root * {
	box-sizing: border-box;
	font-family: Figtree, sans-serif;
}

/* Hide the notice on the SureRank settings and Dashboard pages. */
#wpbody:has( .surerank-setting-page ) {
	#wpbody-content > .notice {
		display: none;
	}
}

.surerank__input {
	box-shadow: none !important;
	border: none;
}

[data-floating-ui-portal] > div {
	z-index: 10;
}
