/*
Theme Name: Perfume 2026 (Twenty Twenty-Five Base)
Author: Leo Cucco / WordPress team
Description: Perfume Skate Website 2026
Requires at least: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* 
*
*
CUSTOM STYLES 
*
*
*/

.wp-block-heading {display: none;}

#trustedsite-tm-image,
.home #trustedsite-tm-image {display: none !important;}

.wp-block-navigation__responsive-container-open:not(.always-shown) {display: block !important; z-index: 1000;}
.wp-block-navigation__container .wp-block-page-list {display: none !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {display: flex !important;}

.today-is {
float:left; 
align-items:flex-start;
font-size: .95rem;
font-weight: 600;
}

header.wp-block-template-part .alignwide .wp-block-group {width: 100%}

header.wp-block-template-part .alignwide .wp-block-group nav.is-responsive {
	top: -5px;
	left: 6px;
}

header.wp-block-template-part .alignwide .wp-block-site-title > a {
	display: block;
	height: 45%;
	margin-top: 55px;
	color: transparent;
}

header.wp-block-template-part .alignwide .wp-block-site-title {
display:block; 
position: fixed;
background: url(assets/custom/big-logo.png) no-repeat center;
background-size: contain;
width: 100vw;
height: 25vh;
min-height: 200px;
margin: 120px 0 0 -2rem;
z-index: 100;
box-sizing: border-box;
}

header.wp-block-template-part .alignfull > .wp-block-group {padding: 0 2rem !important;}

.home main.wp-block-group .wp-block-post-title,
.post .alignfull .wp-block-post-title,
.post .alignfull .wp-block-post-date {display: none;}

.post .alignfull .wp-block-post-featured-image {
	aspect-ratio: auto !important;
	height: 70vh !important;
	padding: 0;
}

.post .alignfull .wp-block-post-featured-image img {
	max-height: 70vh;
}

.rsfv-has-video video.rsfv-video {aspect-ratio: auto !important;}

.alignfull > .wp-block-group {padding: 0 !important;}
.is-layout-constrained {padding: 0 !important;}

body.home {
	height: 100vh;
	overflow: hidden;
}

/* .is-layout-constrained > .alignwide {max-width: 100vw !important; padding: 0 2rem !important;} */

.has-modal-open .wp-block-navigation__container .wp-block-page-list {display: flex !important;}

header.wp-block-template-part {height: 100px;}
.home main.wp-block-group {margin-top: -120px; overflow: hidden;}

.wp-block-post-featured-image :where(img) {object-fit: contain !important;}

.wp-block-post-featured-image :where(img),
.home main.wp-block-group .wp-block-post-template .post,
.home main.wp-block-group .wp-block-post-template .post .alignfull .wp-block-post-featured-image {max-height: 85vh !important;}

.wp-block-navigation__responsive-container-open svg {display: none;}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::before {
display: block;
content: "MENU";
color: #000;
font-size: .95rem;
font-family: "Fira Code", monospace;
font-weight: 600;
text-transform: lowercase;
position: fixed;
right: 2.1rem;
}

.brand-slogan {display: none;}

.home .brand-slogan {
color: #000;
font-size: .85rem;
font-family: "Fira Code", monospace;
font-weight: 600;
display: block !important;
position: absolute;
top: 89vh;
left: 2rem;
}

main.has-global-padding {
	margin-top: 0;
	overflow: hidden;
}

.blog main.has-global-padding {overflow: visible;}

.blog main.has-global-padding .wp-block-query {margin: 0 auto;}

.blog main.has-global-padding .wp-block-query,
.blog main.has-global-padding .wp-block-query > ul,
.blog main.has-global-padding .wp-block-query > .wp-block-group {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	float: left;
}

/* custom menu */

.custom-menu {
	display: none;
	position: absolute;
	right: 45%;
	bottom: 39%;
	z-index: 1000;
}

.home .custom-menu {display: block;}

.custom-menu ul,
.custom-menu li {
	padding: 0;
	margin: 0;
}

.custom-menu li {
	list-style: none;
	position: relative;
}

.custom-menu li a {
	font-size: .85rem;
	font-family: "Fira Code", monospace;
	font-weight: 600;
}

.custom-menu li:nth-child(2) {
	right: -3.5rem;
	bottom: -.85rem;
}

.custom-menu li:nth-child(3) {
	left: -3.5rem;
	top: -1.15rem;
}

.custom-menu li a {
 text-decoration: none;
 opacity: 1;
}

.custom-menu li a span {
 opacity: 0;
 transition: .2s ease-in;
}

.custom-menu li a:hover span {
 opacity: 1;
}


/* menu */

.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open {
	background: transparent !important;
	text-align: right;
	top: 0 !important;
	margin: 0 !important;
}

.wp-block-navigation__responsive-close {
	background: #000;
	position: absolute !important;
	left: auto;
	right: 0;
	top: 0 !important;
	margin: 0 !important;
	width: 0;
	height: 100vh;
	transition: 0.3s ease;
	font-size: 1rem;
	padding-right: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
	width: 30%; padding-right: 1rem;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {color: #fff;}

.wp-block-navigation__responsive-container-close svg {
background: #fff;
border-radius: 5rem;
}

/**/

footer.wp-block-template-part {
	float: left;
	box-sizing: border-box;
	width: 100vw;
}

footer.wp-block-template-part p {
	display: block; 
	position: relative;
	font-size: .95rem;
	font-weight: 600;
	width: 33.33%;
	margin-block-start: 0 !important;
	margin-bottom: 1rem;
}

footer.wp-block-template-part .insta {text-align: right;}
footer.wp-block-template-part .fim {text-align: center;}

footer.wp-block-template-part .alignwide {box-sizing: border-box; padding: 0 2rem; display: flex;}

.home footer.wp-block-template-part {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.wp-block-query-pagination-previous {display: none;}

/**/

body.page main.wp-block-group {
	top: 0 !important;
	margin-top: 15vh !important;
}

body.page main.wp-block-group .alignfull {
	max-width: 100vw;
	margin: 0;
}

body.page main.wp-block-group .alignfull.entry-content {padding: 0 2rem !important;}
body.page main.wp-block-group .alignfull .wp-block-column {padding: 0;}

body.page .wp-block-post-title {
	max-width: 100vw;
	padding: 0 2rem;
}

body.page main.wp-block-group .alignfull.entry-content h2,
body.page main.wp-block-group .alignfull.entry-content p {
	display: block;
	max-width: 100vw;
}

.page-id-35 .wp-block-post-title {display: none;}


.blog .wp-block-group .wp-block-post-template .post {
	width: 100vw;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
}

.blog .wp-block-group .wp-block-post-template .post:nth-child(3n),
.blog .wp-block-group .wp-block-post-template .post:nth-child(3n-1) {
	width: 50vw;
	margin-bottom: 10vh;
}

/* GALLERY 2 */

.alm-item {
	display: block;
	box-sizing: border-box;
	margin: 0 auto 10vh;
	width: 100%;
	height: 80vh;
	padding: 0 !important;
	text-align: center;
}

.alm-item img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	position: relative !important;
	margin: 0 auto;
}

.page-id-456 h1.wp-block-post-title {display: none;}

.load-more-button {opacity: 0 !important;}

.wp-block-query-pagination .wp-block-query-pagination-numbers {display: none;}
.wp-block-query-pagination > a {margin: 0 auto !important;}

/* MOBILE QUERIES */

@media (max-width: 1025px) {
  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::before {
	font-size: 1.25rem;
  }

  .custom-menu {right: 40%;}
  .custom-menu li a {font-size: 1.5rem;}
  .home .brand-slogan {width: 100%; text-align: center;}

  .rsfv-has-video video.rsfv-video {aspect-ratio: 1 !important;}

}

@media (max-width: 1025px) and (orientation: portrait) {
	.home .brand-slogan {top: 93vh; left: 0;}
}

@media (max-width: 821px) {

	.rsfv-has-video video.rsfv-video {
		aspect-ratio: 9/16 !important;
	}

	.blog .wp-block-group .wp-block-post-template .post:nth-child(3n),
	.blog .wp-block-group .wp-block-post-template .post:nth-child(3n-1) {
	width: 100vw;
	margin-bottom: 0;
}

}

@media (max-width: 540px) {
	.custom-menu {right: 34%;}
	.wp-block-navigation__responsive-close {
		width: 100vw !important; max-width: 100vw;
		height: 25vh;
	}
	.wp-block-navigation ul {width: 100%;} 
	.wp-block-navigation ul li {float: left; padding: 0 1rem;}
}

@media (max-width: 450px) {
	.custom-menu {right: 26%;}
	.home .brand-slogan {box-sizing: border-box; padding: 0 17vw;}
	header.wp-block-template-part .alignwide .wp-block-site-title {
		background-size: 204%; background-position: 0 50%; overflow: hidden;
	}
	.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::before {
		right: 18px;
	}
}

@media (max-width: 380px) {
	.custom-menu {right: 25%;}
}