/************************************************
 * Copyright (c) 2026 Arthur Kasparian          *
 * All rights reserved.                         *
 ************************************************/

/* MOBILE */
@media (width <= 44rem) {
	
	body {
		translate: -15rem 0;
		
		&:not(:has(header.toggled)) {
			width: calc(100dvw + 15rem);
		}
		
		&:has(> header.toggled) {
			translate: 0;
		}
		
		> header > button {
			opacity: 1;
			display: initial;
			cursor: pointer;
			
		}
	}
}

/* DESKTOP */
@media (width > 44rem) {
	body {
		translate: 0;
		
		> header > button {
			display: none;
			opacity: 0;
		}
	}
}

html {
	height: 100%;
	
	body {
		height: 100%;
		min-width: fit-content;
		
		margin: 0;
		
		display: grid;
		grid-template-columns: 15rem 25rem;
		grid-template-rows: auto 1fr auto auto;
		
		column-gap: 4rem;
		row-gap: 3rem;
		
		> header {
			display: grid;
			grid-template-rows: subgrid;
			
			grid-row: 1 / -1;
			
			box-sizing: border-box;
			padding: .5rem .5rem;
			
			> nav, > address {
				display: flex;
				flex-direction: column;
				align-items: start;
			}
			
			> button {
				height: 3rem;
				width: 1.05rem;
				
				position: absolute;
				top: 50%;
				left: 101%;
				translate: 0 -50%;
				
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
		
		> main {
			grid-row: 2 / -1;
			
			article {
				box-sizing: border-box;
				padding-bottom: 5rem;
			}
		}
	}
}