/**
 * Theme Name: ska-theme
 * Description: Full site editing theme that utilizes Tailwind CSS via ska-blocks plugin.
 * Version: 1.2.8-beta5
 * Requires at least: 6.7
 * Tested up to: 6.8
 * Requires PHP: 8.1
 * Text Domain: ska-theme
 * Tags: full-site-editing
 * Author: sinukoduleheabi
 * Author URI: https://sinukoduleheabi.ee/docs
 */

:where(p) {
	margin-top: 0;
	margin-bottom: var(--spacing-4);
}

:where(p):last-child {
	margin-bottom: 0;
}

:where(h1, h2, h3, h4, h5, h6) {
	margin-top: var(--spacing-8);
	margin-bottom: var(--spacing-4);
}

:where(h1, h2, h3, h4, h5, h6):first-child {
	margin-top: 0;
}

:where(h1, h2, h3, h4, h5, h6):last-child {
	margin-bottom: 0;
}

:where(h1, h2, h3, h4, h5, h6) {
	word-break: break-word;
}

:where(a:not(.wp-element-button)) {
	color: var(--color-link);
}

:where(a:not(.wp-element-button):hover) {
	color: var(--color-link-hover);
}

:where(a:not(.wp-element-button):active) {
	color: var(--color-link-active);
}

address {
	line-height: var(--text-sm--line-height);
}

iframe {
	max-width: 100%;
}

button, [role=button] {
	cursor: pointer;
}

.comment-form-cookies-consent {
	display: flex;
	gap: var(--spacing-2);
	align-items: center;
}
.comment-form-cookies-consent label {
	line-height: 1;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	word-wrap: normal !important;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
}

.screen-reader-text:focus {
	display: block;
	width: auto;
	height: auto;
	top: 5px;
	left: 5px;
	font-size: 1em;
	line-height: normal;
	color: #444;
	background-color: #ddd;
	padding: 15px 23px 14px;
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	text-decoration: none;
	z-index: 100000;
}

.prose :where(h4, h5, h6) {
	font-size: initial;
}

.has-text-align-center {
	text-align: center;
}
.has-text-align-left {
	text-align: left;
}
.has-text-align-right {
	text-align: right;
}

.wp-block-button.aligncenter {
	text-align: center;
}

.alignleft {
	float: left;
	margin-right: var(--spacing-4);
	margin-bottom: var(--spacing-4);
}
.alignright {
	float: right;
	margin-left: var(--spacing-4);
	margin-bottom: var(--spacing-4);
}
.aligncenter,
.aligncenter > * {
	margin-left: auto;
	margin-right: auto;
}

h1.wp-block-post-title {
	width: 100%;
	max-width: var(--ska-theme-content-size);
	margin-inline: auto;
	padding-inline: var(--gutter);
}
.is-layout-constrained h1.wp-block-post-title {
	padding-inline: 0;
}

.is-layout-constrained {
	--content-width: var(--ska-theme-content-size);
	--breakout: var(--ska-theme-breakout);
	--c: calc(min(100%, var(--content-width)) - var(--gutter) * 2);
	--w: minmax(0, var(--breakout));
	--f: minmax(var(--gutter), 1fr);
	display: grid !important;
	grid-template-columns: [full-start] var(--f) [wide-start] var(--w) [content-start] var(--c) [content-end] var(--w) [wide-end] var(--f) [full-end];
	align-content: flex-start;
	justify-content: stretch;
}
.is-layout-constrained > * {
	grid-column: content;
}
.is-layout-constrained > .alignwide {
	grid-column: wide;
}
.is-layout-constrained > .alignfull {
	grid-column: full;
}

.is-layout-flex {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
}

.is-layout-flex.is-vertical {
	flex-direction: column;
	align-items: flex-start;
}

.is-layout-flex:not(.is-nowrap) {
	flex-wrap: wrap;
}

.is-layout-flex > * {
	margin: 0;
}

.is-layout-grid {
	display: grid;
	gap: var(--spacing-4);
}

.is-content-justification-left {
	justify-content: flex-start;
}
.is-content-justification-left.is-vertical {
	align-items: flex-start;
}
.is-content-justification-center {
	justify-content: center;
}
.is-content-justification-center.is-vertical {
	align-items: center;
}
.is-content-justification-right {
	justify-content: flex-end;
}
.is-content-justification-right.is-vertical {
	align-items: flex-end;
}
.is-content-justification-space-between {
	justify-content: space-between;
}

.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	--wp--style--gallery-gap-default: var(--spacing-4);
}

.wp-block-gallery .wp-block-image img {
	margin: 0 !important;
}

:where(.wp-block-list) {
	list-style-position: inside;
}

:where(ul.wp-block-list) {
	list-style-type: disc;
}

:where(ol.wp-block-list) {
	list-style-type: decimal;
}