/*
Theme Name: mariana-26
Author: Mariana Sarraute
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: mariana-26
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
/************************
   		Header
**************************/

/* Sticky header*/
header.site-header,
header.wp-block-template-part{
 	position: sticky;
  	top: 0;

  	z-index: 9999999;
}
.logged-in heade.wp-block-template-partr{
	top: 46px;
}
 @media (min-width: 782px) {
	.logged-in header.wp-block-template-part{
		top: 32px;
	}
}
:target { scroll-margin-top: 6rem; }

header.wp-block-template-part > .wp-block-group{
	position: relative;
	  	
}

/**** Logo hover***/

header.wp-block-template-part .wp-block-site-logo {
	width: clamp(180px, 24vw, 260px);
	max-width: 100%;
}

header.wp-block-template-part .wp-block-site-logo img {
	display: block;
	width: 100%;
	height: auto;
}

header.wp-block-template-part .wp-block-site-logo a{
	max-width: 100%;
  transform: translateY(-7px) rotate(0deg) scale(1);
  transition:
    transform 520ms cubic-bezier(.22, 1.25, .36, 1); /* rebote suave */
  will-change: transform;
}
header.wp-block-template-part .wp-block-site-logo a:hover{
	transform: translateY(-2px) rotate(-1deg) scale(1.015);	 
}
header.wp-block-template-part .wp-block-site-logo a:active{
  transform: translateY(-3px) scale(0.99);
}




/******* Social links Block ***/

.wp-block-navigation__overlay-container .wp-block-social-links{
 		position: absolute;
 		bottom: 1rem;
 }

.wp-block-social-links li{
	border: solid 4px var(--wp--preset--color--base);
}
 @media (min-width: 782px) {
 	.wp-block-social-links li{
		border: solid 1px var(--wp--preset--color--contrast);
	}
}

/***** Polylang navigation *****/
html[lang^="es"] .only-en { display: none !important; }
html[lang^="en"] .only-es { display: none !important; }

 @media (max-width: 782px) {
  	header.wp-block-template-part .wp-block-group nav.wp-block-hidden-mobile{display: none;}
}
/* Polylang switcher */
.wp-block-polylang-language-switcher{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
}
.logged-in header.site-header{
	top: 46px;
}
 @media (min-width: 782px) {
	.logged-in header.site-header{
		top: 32px;
	}
	.wp-block-polylang-language-switcher{
 		right: 0;
 	}
}

.wp-block-polylang-language-switcher li{		
	margin-left: -0.875rem;	
}

.wp-block-polylang-language-switcher li a{
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transform: translateY(0) scale(1);
	border-radius: 0 0 100px 100px;	
	overflow: hidden;
	transform: translateY(-6px);	
  	transition:
    	transform 420ms cubic-bezier(.22,1.28,.36,1), /* pequeño rebote */
    	background-color 220ms ease,
    	color 220ms ease,
	    padding-top 420ms cubic-bezier(.22,1.28,.36,1);
  	will-change: transform;
	background: var(--wp--preset--color--contrast);	
	color: var(--wp--preset--color--base);
	padding: var(--wp--preset--spacing--40);
}
.wp-block-polylang-language-switcher li a:hover{
	background: var(--wp--preset--color--secondary);	
	color: var(--wp--preset--color--contrast);
	padding-top: var(--wp--preset--spacing--50);
}

/* Overlay container styles for Polylang language switcher */
.wp-block-navigation__overlay-container .wp-block-polylang-language-switcher li a{
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--skin-100);	
}
.wp-block-navigation__overlay-container .wp-block-polylang-language-switcher li a:hover{
	background: var(--wp--preset--color--primary);
	transform: translateY(0px) scale(1.02);	
	padding-top: var(--wp--preset--spacing--60); 
}
.wp-block-navigation__overlay-container .wp-block-polylang-language-switcher li a:active{
	transform: translateY(-2px) scale(.98);
}

 
 
/***** Page *****/
/* Mobile first */
.page-hero-title {
  max-width: 100%;
}

/* Tablet */
@media (min-width: 782px) and (max-width: 1199.98px) {
  .page-hero-title {
    max-width: 12ch;
  }
}

/* Desktop */
@media (min-width: 1200px) {
  .page-hero-title {
    max-width: 11ch;
  }
}
 
 
/*** Block post title ****/


/***** Block quote ******/

@media (min-width: 782px) and (max-width: 1199.98px) {
  .wp-block-quote {
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
  }
}


/**** Buttons overwrite outline-style variation****/

.wp-block-button.is-style-outline .wp-block-button__link {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border: solid 2px var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/**** Archive blog exhibitions ***/
html[lang^="es"] .title-en { display: none !important; }
html[lang^="en"] .title-es { display: none !important; }
html[lang^="es"] .titulo-en { display: none !important; }
html[lang^="en"] .titulo-es { display: none !important; }
html[lang^="es"] .menu-expos-es { display: none !important; }
html[lang^="en"] .menu-expos-en{ display: none !important; }


/******** Categoria list block ****/
.wp-block-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;	
  display: flex;
  gap: var(--wp--preset--spacing--40);
}

/**** Accordion block ****/

.wp-block-accordion-item .wp-block-accordion-panel{
	font-size: var(--wp--preset--font-size--large);
}
.wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
    align-items: center;
    display: flex;
    height: 1.2em;
    justify-content: center;
    width: 1.2em;
    font-size: 2.7rem;
	font-weight: 300;
}

/* Obra archive grid ***/
.wp-singular .wp-block-post-template.is-layout-grid{
  gap: var(--wp--custom--obra-gap);
  align-items: start;
  padding-top: 0 !important;
}


/* tablet */
@media (max-width: 1100px) {
 .wp-singular .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* mobile */
@media (max-width: 600px) {
  .wp-singular .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr;
  }
}

.wp-singular .wp-block-post-template.is-layout-grid .proyectos img {
  object-fit: cover;
  transition: transform .22s ease, filter .22s ease;
}

.wp-singular .wp-block-post-template.is-layout-grid .proyectos a:hover img,
.wp-singular .wp-block-post-template.is-layout-grid .proyectos img {
  transform: scale(1.018);
  filter: saturate(1.03) contrast(1.03);
}

.wp-singular .wp-block-post-template.is-layout-grid .proyectos a {
  transition: color .2s ease;
  text-decoration: none;
}

/***** Exhibitions *****/
.blog .wp-block-cover .wp-block-cover__inner-container,
.archive .wp-block-cover .wp-block-cover__inner-container{
	width: 100% !important;
}

@media (min-width: 600px) {
	.blog .wp-block-cover .wp-block-cover__inner-container,
	.archive .wp-block-cover .wp-block-cover__inner-container{
		max-width: 66%;
		max-height: 200px;
	}
}