/*
Theme Name: Poe le Peintre
Theme URI: https://ivan.diuldia.com
Description: Child theme of Poe. Poe le Peintre (Poe the Painter) is a custom child theme built on the Poe foundation.
Author: Ivan diuldia
Author URI: https://ivan.diuldia.com
Template: poe
Version: 1.0.0
Text Domain: poe-le-peintre
Requires PHP: 5.6
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing

All files, unless otherwise stated, are released under the GNU General Public License
version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/

/*
 * This file is intentionally left mostly empty.
 * All styles should be added through the theme.json file or
 * additional CSS files enqueued in functions.php
 */

/* Smooth scroll behavior for the whole website */
html {
	scroll-behavior: smooth;
}

/* ============================================
   Visibility Classes
   ============================================ */

/* Hide blocks on mobile devices (max-width: 767px) */
/* Exception: Dot Pattern Hero blocks with hidemobile keep the image visible */
@media (max-width: 767px) {
	.hidemobile, .hidemob {
		display: none !important;
	}
/* Hide Site Logo on home page in mobile when hidemobhome class is present */	
	.home .wp-block-site-logo.hidemobhome,
	.front-page .wp-block-site-logo.hidemobhome {
	opacity: 0 !important;
	}
	
/* Don't hide Dot Pattern Hero blocks completely - they handle their own mobile behavior */
	.wp-block-poe-le-peintre-dot-pattern-hero.hidemobile, .wp-block-poe-le-peintre-dot-pattern-hero.hidemob, 
	.home .wp-block-site-logo.hidemobhome, .front-page .wp-block-site-logo.hidemobhome {
		display: flex !important;
	}

	

}

/* Hide blocks on wide screens (not mobile - min-width: 768px) */
@media (min-width: 768px) {
	.hidewide {
		display: none !important;
	}
}

/* Hide Site Logo on home page when hidehome class is present */
.home .wp-block-site-logo.hidehome,
.front-page .wp-block-site-logo.hidehome {
	opacity: 0 !important;
}


/* Utility Classes */
.nou , .nou a{
	text-decoration: none!important;
}

.w100 {
	max-width: 100px!important;
	width: 100%!important;
}

.w80 {
	max-width: 80px!important;
	width: 100%!important;
}

.w120 {
	max-width: 120px!important;
	width: 100%!important;
}
.w200 {
	max-width: 200px!important;
	width: 100%!important;
}