/*
Theme Name: Andana Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Blocksy Child Theme d'Andana
Author: SUC Estudi creatiu
Author URI: https://sucestudio.com
Template: blocksy
Version: 1.0
*/

/* ESTILS ANDANA */

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

/* Body font: Manrope amb fallback sans-serif moderns */
body, a {
	font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Heading font: PF Beau Sans Pro amb mateixos fallback */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'PF Beau Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.custom-logo {
  min-width: 9rem;
  width: auto;
  height: auto;
  max-height: 7rem;
  display: block;
}

@media (max-width: 600px) {
  .hide-mobile {
    display: none !important;
  }
}

.amunt-z-index {
  z-index: 90;
  position: relative;
}

.button-scale {
  border-radius: 50px;
  cursor: pointer;
  transition: transform 0.6s ease;
z-index: 10;
}

.button-scale:hover {
  transform: scale(1.05);
}

.button-scale .wp-block-button__link:hover {
  background-color: #e8e335 !important;
  color: #000 !important;
  border-color: #000 !important;
}

.imatge-quadern-gran {
  transform: scale(1.5) translateX(-15%);
  transition: transform 0.3s cubic-bezier(.5,1.5,.4,1);
  z-index: 2;
  position: relative;
}

.wp-block-column {
  overflow: visible;
}

@media (max-width: 800px) {
  .imatge-quadern-gran {
    transform: scale(1.2) translateX(-5%);
margin-top:100px;
  }
}

.imatge-quadern-mitja {
  transform: scale(1.2) translateX(-5%);
  transition: transform 0.3s cubic-bezier(.5,1.5,.4,1);
  z-index: 2;
  position: relative;
}

/* Ocultar en mòbil i tablet */
@media (max-width: 1024px) {
  .ocultar-mobile {
    display: none !important;
  }
}
/* Mostrar només en mòbil i tablet */
@media (min-width: 1025px) {
  .ocultar-desktop {
    display: none !important;
  }
}

/* Menú sticky en novetats */
.menu-novetats .wp-block-button__link {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: transform 0.3s ease-in, color 0.3s ease;
}

.menu-novetats .wp-block-button__link::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000; /* color de la faixa en hover */
	transition: left 0.5s ease-in-out;
	z-index: -1;
}

.menu-novetats .wp-block-button__link:hover {
	transform: translateX(-16px);
	color: #fff; /* text en blanc en hover */
}

.menu-novetats .wp-block-button__link:hover::before {
	left: 0;
}

.menu-novetats .wp-block-button__link span,
.menu-novetats .wp-block-button__link {
	position: relative;
	z-index: 1; /* text sempre damunt */
}

/* botó 3d en hover */
.boto-3d .wp-block-button__link {
  position: relative;
  transition: all 0.3s ease;
  box-shadow: none;
}

.boto-3d .wp-block-button__link:hover {
  transform: translate(-5px, -5px);
  box-shadow: 5px 5px 0 0 #000;
}

/* Afegir icona de sobre */
.boto-sobre .wp-block-button__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}

.boto-sobre .wp-block-button__link::before {
  content: "";
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
	vertical-align: middle;
	transform: translateY(-2px);
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25.034 7.11h21.1c.6 0 1.2.1 1.7.3.4.2.5.3.1.6-1.9 1.8-3.8 3.6-5.8 5.4l-14.9 14.1c-1.1 1.3-2.9 1.4-4.2.4l-.4-.4-20.5-19.5c-.5-.4-.5-.4.2-.7.5-.1.9-.2 1.4-.2h21.3z"></path><path d="M48.134 42.41c-.6.3-1.2.5-1.9.4h-42.4c-.6 0-1.1-.1-1.6-.3-.4-.2-.4-.3-.1-.6l5.1-4.8c3.5-3.3 7-6.6 10.5-10 .3-.3.5-.3.8 0 1.3 1.3 2.6 2.5 4 3.8 1.3 1.5 3.6 1.6 5 .2.1-.1.2-.1.2-.2 1.3-1.3 2.7-2.5 4-3.8.2-.2.3-.2.6 0 5.2 5 10.5 10 15.8 15-.1.2 0 .2 0 .3zM.234 9.71c1.8 2.1 3.8 3.8 5.8 5.7 3.2 3.1 6.5 6.2 9.7 9.3.3.3.3.5 0 .7-4.8 4.5-9.6 9.1-14.4 13.7-.5.4-.8.9-1.1 1.4-.3-1.1-.3-30 0-30.8zM49.934 9.71c.1 10.2.1 20.4 0 30.6-.9-1-1.8-2-2.9-2.8-4.2-4-8.5-8.1-12.7-12.1-.3-.3-.3-.5 0-.8 4.8-4.6 9.6-9.1 14.4-13.7.4-.3.8-.8 1.2-1.2z"></path></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25.034 7.11h21.1c.6 0 1.2.1 1.7.3.4.2.5.3.1.6-1.9 1.8-3.8 3.6-5.8 5.4l-14.9 14.1c-1.1 1.3-2.9 1.4-4.2.4l-.4-.4-20.5-19.5c-.5-.4-.5-.4.2-.7.5-.1.9-.2 1.4-.2h21.3z"></path><path d="M48.134 42.41c-.6.3-1.2.5-1.9.4h-42.4c-.6 0-1.1-.1-1.6-.3-.4-.2-.4-.3-.1-.6l5.1-4.8c3.5-3.3 7-6.6 10.5-10 .3-.3.5-.3.8 0 1.3 1.3 2.6 2.5 4 3.8 1.3 1.5 3.6 1.6 5 .2.1-.1.2-.1.2-.2 1.3-1.3 2.7-2.5 4-3.8.2-.2.3-.2.6 0 5.2 5 10.5 10 15.8 15-.1.2 0 .2 0 .3zM.234 9.71c1.8 2.1 3.8 3.8 5.8 5.7 3.2 3.1 6.5 6.2 9.7 9.3.3.3.3.5 0 .7-4.8 4.5-9.6 9.1-14.4 13.7-.5.4-.8.9-1.1 1.4-.3-1.1-.3-30 0-30.8zM49.934 9.71c.1 10.2.1 20.4 0 30.6-.9-1-1.8-2-2.9-2.8-4.2-4-8.5-8.1-12.7-12.1-.3-.3-.3-.5 0-.8 4.8-4.6 9.6-9.1 14.4-13.7.4-.3.8-.8 1.2-1.2z"></path></svg>') no-repeat center / contain;
}

.cantons-rodons {
	border-radius: 1rem;
	overflow: hidden;
}

.menu-sticky :where(.wp-block-buttons-is-layout-flex) {
	gap: 0 !important;
}

.menu-novetats {
  margin-top: -8px !important;
}
.menu-novetats a.wp-block-button__link {
	padding-top: 2rem !important;
}

/* Columna que vols pujar */
.landing-columns .wp-block-column.columna-puja {
  position: relative;
  margin-top: -6rem !important; /* força si hi ha marges del tema */
  z-index: 3;
}

/* 1) El Cover és el contenidor de referència */
.cover-intro { 
  position: relative;
}

/* 2) Baixem les capes del fons del Cover */
.cover-intro .wp-block-cover__background,
.cover-intro .wp-block-cover__image-background {
  z-index: 0 !important;
}

/* 3) L’inner container torna a ser “static” (així el logo s’ancora al Cover),
      però ara queda per damunt del fons */
.cover-intro .wp-block-cover__inner-container {
  position: static !important;
  z-index: 1; /* encara que siga static, mantenim l’ordre per seguretat */
}

/* El group gris immediatament sota el cover també sense tallar */
.landing-wrap > .wp-block-group {
  position: relative;
  overflow: visible;
  z-index: 2;
}

/* Anul·la marges superiors que el tema pose a les columnes */
.wp-block-columns > .wp-block-column {
  margin-top: 0 !important;
}

.logo-landing-novetats{
  position: absolute;
  top: 32px;
  left: 32px;
  width: 120px;
  color: #3e641c;
  z-index: 2;
  pointer-events: none;
}

.logo-landing-novetats svg *{
  fill: currentColor !important;
}

.per-dalt-50 {z-index: 50;}


.targetes-2 .ultp-image {
  max-height: 540px;
}

.targetes-3 .ultp-image {
  max-height: 350px;
}

/* Grid de 2 columnes */
.targetes-2.is-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2rem;
}

/* Grid de 3 columnes */
.targetes-3.is-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem;
}

/* Les targetes ocupen sempre tota la cel·la */
.targetes-2 > .wp-block-group,
.targetes-3 > .wp-block-group {
  width: 100% !important;
}

@media (max-width: 768px) {
  .targetes-2.is-layout-grid,
  .targetes-3.is-layout-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Desplaçament suau a les àncores de tota la pàgina */
html { scroll-behavior: smooth; }

/* (Opcional) Dona un petit marge quan arribes a la secció */
.section-anchor { scroll-margin-top: 12px; }



/* =========================================
   PONT DE FONTS: POSTX -> BLOCKSY
   ========================================= */

:root {
    --theme-font-family: 'Manrope', sans-serif !important; 
    
    --theme-heading-font-family: 'PF Beau Sans Pro', sans-serif !important;
}

body {
    font-family: 'Manrope', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .postx-heading {
    font-family: 'PF Beau Sans Pro', sans-serif !important;
}

.ct-header .ct-menu-link, 
.mobile-menu-link {
    font-family: 'Manrope', sans-serif !important;
}