/*
Theme Name: MuirinArt 2026
Theme URI: https://www.muirin.art
Author: Janne Honkonen
Author URI: https://www.jannehonkonen.com
Description: A very highly and stylish SEO-optimized WordPress theme with responsive design for Muirin.art website
Version: 1.0
License: All rights reserved
Text Domain: muirinart2026
Tags: seo-friendly, responsive-layout, accessibility-ready, muirinart-menu, featured-images, threaded-comments, translation-ready
*/


html
{
	margin:0;
	padding:0;
	
	height:100%;
}

body
{
	margin:0;
	padding:0;

	background-color:#fff;
	
	font-family: "Oregano";
	font-weight: 400;
	font-style: normal;	
	
	height:100%;
}

.container
{
	width:100%;
    height:100%;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

.sidebar
{
	width:250px;
    height:100%;
    
	margin-right:1%;

	display:block;
	/*pointer-events: none;*/
}

.sidebar_gfx
{
	position:absolute;
	left:0px;
	top:0px;

	width:250px;
	height:100%;
	border-radius:999px;;
}

.sidebar_gfx svg 
{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.sidebar_content
{
	color:#fff;
	
    position: absolute;
	top:10px;
	left:10px;
}

.muirinart-menu
{
	color:#fff;
	font-size:2em;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 15px;
}

.muirinart-menu ul
{
	list-style:none;
	font-size:0.8em;
	padding:0 0 0 15px;
}

.muirinart-menu a
{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	transition: scale 0.5s;
}

.muirinart-menu li:hover
{
	transform: scale(1.05);
}

.content
{
	color:#05889B;
	font-size:1.4em;
	width:69%;
}

#cover 
{
    transition: opacity 1s ease-out;  /* smooth fade‑out */
}

/* Float image blocks right (modern WP block support) */
.wp-block-image.alignright 
{
    float: right;
    margin: 0 0 1rem 1.5rem;
    max-width: 50%;
}

.wp-block-image.alignright img 
{
    display: block;
    height: auto;
    max-width: 100%;
}

.wp-block-image.alignleft
{
    float: left;
    margin: 0 1.5rem 1rem 0;
    max-width: 50%;
}

.wp-block-image.alignleft img 
{
    display: block;
    height: auto;
    max-width: 100%;
}

.content img
{
	border-radius:20px;
}

/* Ensure text wraps properly */
.wp-block-image.alignright + * 
{
    clear: none;
}

@media screen and (max-aspect-ratio: 13/9) 
{
	.container
	{
		width:100%;
		height:100%;

		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		
		overflow:auto;
		
		position:relative;
	}
	
	.logo
	{
		width:128px;
		height:128px;
		float:left;
		margin-right:20px;
	}

	.sidebar
	{
		width:100%;
		height:auto;
		display:block;
		background-color:#ff2d95;
		position:static;
		padding:5%;
	}

	.sidebar_content
	{
		position:static;
	}

	.sidebar_gfx
	{
		display:none;
	}

	.content
	{
		overflow:auto;
		font-size:1.8em;
		position:static;
		padding:5%;
		width:100%;
		display:block;
		word-break: break-all;
	}
	
	.content img
	{
		max-width:80%;
	}
	
	p
	{
		margin:0 0 0 0;
	    margin-block-start:0;
		margin-block-end:0;
		padding:0 0 20px 0;
		width:90%;
	}
	
	.wp-block-image.alignright 
	{
        float: none;
        margin: 1rem auto;
        max-width: 100%;
        text-align: center;
    }	
}