/**
 * Theme Name: BIOS Customisation
 * Template: monobase
 */
 :root, :host{
	--shadow-light: 
	0 0 0 1px var(--rgb-dark-10), 
	0 1px 0 0 var(--rgb-dark-10), 
	0 0.2em 1.6em -0.8em var(--rgb-dark-50), 
	0 0.4em 2.4em -1em var(--rgb-dark-40), 
	0 0.4em 0.8em -1.2em var(--rgb-dark-30), 
	0 0.8em 1.2em -1.6em var(--rgb-dark-20), 
	0 1.2em 1.6em -2em var(--rgb-dark-05);
 }
 :root, body{
	--scheme: #d0d0f0;
	max-width : 1024px;
	margin: auto;	
 }
 screen{
	max-width : 1024px;
 }
  
.site-footer{
	margin-block-start: unset;
}

.section-box {
    max-width: 100%;
    margin-inline: auto;
    padding-inline: var(--site-padding-inline);
    display: flex;
    flex-direction: column;
    gap: var(--block-spacing);    
	margin-top: 0.5rem;
}
.card, .wpcf7-submit {
	box-shadow: var(--shadow);
	background-color: #dadafa !important;	
}	
.card:hover, .wpcf7-submit:hover {
	box-shadow: var(--shadow-light);
	background-color: #acd0f0 !important;
	color: black;
}
.card-link:hover .mb-icon {
  transform: rotate(45deg);
  opacity: 1;
  color: black;
}

@media screen and (min-width: 90rem) {
    .sidebar-posts {
        display: none;
    }
	.page .site-box, .search .site-box, .error404 .site-box {
        display: grid;
        grid-template-columns: minmax(20rem, 1fr);
        container-name: site-box;
        container-type: inline-size;
    }
}

@media screen and (min-width: 60rem) {
	:root, :host {
        --site-header: 3rem;
    }
	.site-sidebar {
        display: none;
    }
    .site-header {       
		--min-padding: var(--site-padding-inline);
		--max-padding: calc((100vw - var(--site-width)) / 2);
		padding-inline: clamp(var(--min-padding), var(--max-padding), var(--max-padding));
		width: 100%;
		border-block-end: 0.0625rem solid var(--color-300);
		height: var(--site-header);
		display: flex;
		align-items: center;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		background-color: var(--scheme);
		z-index: 1;
		justify-content: space-between;
		position: static; 
        overflow: visible; 
        clip: initial; 
		gap: 0.5rem;
		clear: both;
    }
	.site-box {
		display: grid;
		grid-template-columns: minmax(20rem, 1fr);
		container-name: site-box;
		container-type: inline-size;
	}
	.actions-box {
		position: static;
		inset: 0 0 auto auto;
		z-index: 1;
		background-color: var(--scheme);
		border-block-end: 1px solid var(--color-300);
		height: var(--actions-box-hight);
		width: 100%;
		margin-block-end: var(--block-spacing);
	}    
	.main-box:has(.actions-box) {
        padding-block-start: 0; /*calc(var(--actions-box-hight) + var(--block-spacing));*/
    }
    .posts-box {
         overflow-y: auto;
    }
}