/*
Theme Name: 8530Cloud
Theme URI: https://8530cloud.be/
Author: 8530Cloud
Author URI: https://8530cloud.be/
Description: Native WordPress block theme for 8530Cloud, built for European cloud infrastructure, WordPress hosting, domains and managed services.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 8530cloud
Tags: one-column, two-columns, three-columns, wide-blocks, block-patterns, block-styles, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, style-variations, translation-ready

8530Cloud Theme
Copyright (C) 2026 8530Cloud

This theme is licensed under the GNU General Public License v2 or later.
It is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

Based on Blockstarter by Atanas Yonkov.
Blockstarter is licensed under the GNU General Public License v2 or later.

Blockstarter was bootstrapped with Create Block Theme
(C) 2022-present WordPress.org.
Create Block Theme is distributed under the terms of the GNU GPL v2 or later.
*/


/* =========================================================
   8530CLOUD — GLOBAL THEME BASE
   ========================================================= */

/*
 * Component and page styling is loaded separately from:
 *
 * assets/css/components/
 * assets/css/pages/
 *
 * Keep this file limited to global WordPress/theme rules.
 */


/* =========================================================
   01. BASE
   ========================================================= */

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

pre {
	overflow: auto;
}

.wp-caption {
	max-width: 100% !important;
}

.entry-content .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}

footer {
	margin-top: 0 !important;
}


/* =========================================================
   02. WORDPRESS NAVIGATION BASE
   ========================================================= */

.editor-styles-wrapper .wp-block-navigation__container > .wp-element-button {
	padding: 0;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	padding: 4px;
	border-radius: 6px;
}

.is-menu-open.has-modal-open .wp-block-navigation__container {
	width: 100%;
	gap: 0 !important;
}

.is-menu-open.has-modal-open .wp-block-navigation__container > li {
	position: relative;
	width: 100%;
}

.is-menu-open.has-modal-open .wp-block-navigation__container > li:first-child > a {
	max-width: 90%;
	padding-top: 0 !important;
}

.is-menu-open.has-modal-open .wp-block-navigation__container ul {
	margin-left: 1rem;
}

.is-menu-open.has-modal-open ul.wp-block-navigation__submenu-container {
	margin: 5px 0;
	border-radius: 0;
}

.is-menu-open.has-modal-open .wp-block-navigation-item .wp-block-navigation__submenu-container {
	width: 100% !important;
	margin-left: 0;
	padding: 0 0 0 var(--wp--preset--spacing--large);
}

.is-menu-open.has-modal-open .wp-block-navigation-item__content {
	width: 100%;
	padding: var(--wp--preset--spacing--xx-small) 0 !important;
}

.is-menu-open .wp-block-navigation__submenu-container {
	padding-top: var(--wp--preset--spacing--xx-small);
	background: var(--wp--preset--color--tertiary);
	box-shadow: none !important;
}


/* =========================================================
   03. WORDPRESS CONTENT
   ========================================================= */

.hentry .wp-block-post-excerpt__excerpt {
	margin-top: revert !important;
	margin-bottom: revert !important;
}

.wp-block-post-author {
	align-items: center;
}

.wp-block-post-author__name {
	margin-bottom: 0;
}

.wp-block-post-author__avatar {
	display: inline-flex;
	align-items: center;
	margin-right: 0.5rem;
}

.wp-block-post-author__avatar img {
	width: 26px;
	height: 26px;
	border-radius: 999px;
}

.hero-image.wp-block-cover {
	margin-top: 0;
}

.fullheight {
	min-height: 100vh;
}

.pattern-categories a {
	text-decoration: none;
}


/* =========================================================
   04. WORDPRESS DESKTOP NAVIGATION
   ========================================================= */

@media only screen and (min-width: 681px) {

	header .wp-block-navigation .wp-block-navigation__submenu-container {
		min-width: 200px !important;
		padding-top: 0.75rem;

		border: none !important;
		border-radius: 10px;

		font-size: var(--wp--preset--font-size--small);

		box-shadow:
			1px 3px 12px rgba(0, 0, 0, 0.08);
	}

	header .wp-block-navigation
	.wp-block-navigation__submenu-container
	.wp-block-navigation__submenu-container {
		margin-top:
			calc(
				var(--wp--preset--spacing--xx-small) * -1
			);

		margin-left: -5px;
	}

	header .wp-block-navigation
	:where(.wp-block-navigation__submenu-container)
	a {
		padding:
			var(--wp--preset--spacing--xx-small)
			var(--wp--preset--spacing--x-small) !important;
	}

	header .wp-block-navigation
	:where(.wp-block-navigation__submenu-container)
	li:last-child {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}


/* =========================================================
   05. ACCESSIBILITY / MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}