/*
Theme Name:   Storytelling Lab
Theme URI:    https://www.bcnstorytelling.com/
Description:  Tema fill d'Astra per a Storytelling Lab. El disseny es fa amb Elementor; aquí només hi ha el codi imprescindible.
Author:       Storytelling Lab
Template:     astra
Version:      1.4.1
Text Domain:  storytelling-child
*/

/* Els estils globals (colors, tipografies) es gestionen a Astra i a Elementor > Ajustos del lloc.
   Aquí només hi van retocs que no es poden fer des del panell. */

/* Capçalera (logo, menú i botó es canvien a Aparença > Personalitza > Capçalera) */
.site-header .ast-primary-header-bar,.site-header .ast-mobile-header-wrap .ast-primary-header-bar{background:#0d0d0d;border:0}
.site-header .ast-builder-menu-1 .menu-item>.menu-link,.site-header .ast-builder-menu-1 .current-menu-item>.menu-link{color:#fff;font:600 .7rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.site-header .ast-builder-menu-1 .menu-item>.menu-link:hover,.site-header .ast-builder-menu-1 .menu-item>.menu-link:focus-visible{color:#8a8a8a}
.site-header .ast-primary-header-bar .site-primary-header-wrap{max-width:none;padding-left:clamp(20px,5vw,90px);padding-right:clamp(20px,5vw,90px)}
.site-header .ast-custom-button{background:transparent;color:#fff;border:1px solid #fff;border-radius:0;font:600 .7rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:1.2em 2.2em;transition:background .3s,color .3s}
.site-header .ast-custom-button:hover{background:#fff;color:#0d0d0d}
.site-header .ast-custom-button{white-space:nowrap}
.site-header .menu-toggle,.site-header .menu-toggle:hover,.site-header .menu-toggle:focus{background:transparent;color:#fff}
.site-header .menu-toggle .ast-mobile-svg{fill:#fff!important} /* Astra hi posa el color en línia */
@media (max-width:544px){.site-header .ast-custom-button{padding:1em 1.4em}}
.ast-mobile-popup-drawer .ast-mobile-popup-inner,.site-header .ast-mobile-header-content{background:#0d0d0d}
.ast-mobile-popup-drawer .menu-link{color:#fff}
/* menú mòbil desplegable: fosc, com la capçalera (els enllaços a seccions marquen tots «actual» a la portada: sense color especial) */
.site-header .ast-builder-menu-mobile .main-navigation .main-header-menu,.site-header .ast-mobile-header-content{background:#0d0d0d}
.site-header .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item>.menu-link,.site-header .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item>.menu-link{background:transparent;color:#fff;border-color:#2c2c2c;font:600 .75rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:1.3em clamp(20px,5vw,90px)}
.site-header .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item>.menu-link:hover{color:#8a8a8a}
.site-header .ast-mobile-header-content .ast-header-button-1{padding:1.5em clamp(20px,5vw,90px) 2em}

/* Peu (textos i menú legal a Aparença > Personalitza > Peu) */
.site-footer,.site-footer .site-below-footer-wrap[data-section],.site-footer .site-primary-footer-wrap[data-section]{background:#0d0d0d;border:0}
.site-footer .site-below-footer-wrap[data-section]{border-top:1px solid #2c2c2c;padding:2em clamp(20px,5vw,90px)}
.site-footer .site-below-footer-wrap .ast-builder-grid-row-container-inner{max-width:none}
.site-footer,.site-footer .ast-footer-copyright{color:#8a8a8a;font:600 .65rem/1.8 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.site-footer a,.site-footer .menu-link{color:#8a8a8a}
.site-footer a:hover,.site-footer .menu-link:hover{color:#fff}
#ast-scroll-top{background:#1c1c1c;color:#fff;border-radius:0}

/* Contacte (textos a Elementor; camps a Fluent Forms > Contacte) */
.e-con.sl-contact{--padding-top:22vh;--padding-bottom:16vh;--padding-left:clamp(20px,5vw,90px);--padding-right:clamp(20px,5vw,90px);--gap:0px;min-height:100vh;color:#cfcfcf}
.sl-contact .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.sl-contact .elementor-heading-title{color:#fff}
.sl-contact .sl-over .elementor-heading-title{font:300 clamp(12px,1vw,15px)/1.3 Montserrat,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#8a8a8a}
.sl-contact .sl-ttl .elementor-heading-title{font:700 clamp(30px,3.6vw,62px)/1.08 Montserrat,sans-serif;text-transform:uppercase;margin:.3em 0 .4em}
.sl-contact .sl-lead{font:300 clamp(19px,1.6vw,26px)/1.45 'Source Sans 3',sans-serif;max-width:36ch}
.e-con.sl-ct-grid{gap:8vw;margin-top:12vh;align-items:flex-start}
.e-con.sl-ct-info{gap:5vh;flex:0 0 32%}
.e-con.sl-ct-form{flex:1 1 0%;min-width:0}
.sl-ct-val .elementor-heading-title{font:400 clamp(17px,1.3vw,21px)/1.5 'Source Sans 3',sans-serif;margin-top:.5em;text-transform:none}
.sl-ct-val a:hover{color:#8a8a8a}
.sl-contact .fluentform .ff-el-input--label label{color:#8a8a8a;font:600 .7rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.sl-contact .fluentform .ff-el-form-control{background:transparent;color:#fff;border:0;border-bottom:1px solid #3a3a3a;border-radius:0;padding:.7em 0;font:400 1.05rem 'Source Sans 3',sans-serif;box-shadow:none}
.sl-contact .fluentform .ff-el-form-control:focus{border-bottom-color:#fff}
.sl-contact .fluentform .ff-el-group{margin-bottom:2.2em}
.sl-contact .fluentform .ff_t_c,.sl-contact .fluentform .sl-rgpd{color:#8a8a8a;font-size:.9rem}
.sl-contact .fluentform a{color:#fff;text-decoration:underline}
.sl-contact .fluentform .ff-btn-submit,.sl-contact .fluentform .ff-btn-submit:not(.ff_btn_no_style){background:#fff;color:#0d0d0d;border:1px solid #fff;border-radius:0;padding:1.2em 2.6em;font:600 .75rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .3s,color .3s}
.sl-contact .fluentform .ff-btn-submit:hover,.sl-contact .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover{background:transparent;color:#fff;opacity:1}
.sl-contact .ff-message-success{background:transparent;border:1px solid #3a3a3a;color:#fff;box-shadow:none}
@media (max-width:1024px){.e-con.sl-ct-info{flex:none}.e-con.sl-ct-grid{gap:8vh}}

/* Portada: la capçalera flota sobre les seccions i s'inverteix sobre els fons clars */
.home .site-header{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:60}
/* vidre fosc: el que passa per sota queda difuminat i la capçalera es llegeix sempre */
.home .site-header .ast-primary-header-bar,.home .site-header .ast-mobile-header-wrap .ast-primary-header-bar{background:rgba(13,13,13,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}