/*
 Theme Name:   Edali Child
 Theme URI:    https://1.envato.market/V5Xrk
 Description:  Edali Child Theme
 Author:       EnvyTheme
 Author URI:   https://envytheme.com/
 Template:     edali
 Version:      4.9.1
*/

:root {
  --paragraphColor: #252525 !important;
}

/* Desactivo el banner dels llapis*/
.page-title-area {
	background-image:none !important;
}
/*FI*/

/*Per mostrar 2 columnes a la pàgina de productes, al mòbil*/
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: 48% !important; /* Ajusta l'amplada per a dues columnes */
        float: left !important;
        margin-right: 4% !important; /* Espai entre productes */
        clear: none !important; /* Neteja els flotants si n'hi ha */
    }

    .woocommerce ul.products li.product:nth-of-type(2n) {
        margin-right: 0 !important; /* Elimina el marge del segon producte de cada fila */
    }

    .woocommerce ul.products li.product:nth-of-type(2n+1) {
        clear: both !important; /* Assegura que el primer producte de cada fila nova comenci a una nova línia */
    }
    /* Si fas servir blocs de productes de Gutenberg/WooCommerce */
    .wc-block-grid .wc-block-grid__products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Per distribuir l'espai */
    }
    .wc-block-grid .wc-block-grid__product {
        flex: 1 0 48% !important; /* Amplada per a dos productes amb espai */
        max-width: 48% !important; /* Assegura que no superin l'amplada */
        margin-right: 0 !important; /* Elimina marges per deixar que justify-content faci la seva feina */
        margin-left: 0 !important;
    }
}
/*FI*/

.tml-register form h2 {
	display:none !important;
}

.social-link {
	display:block ruby;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper {
    margin:auto auto !important;
}
.am-fs-sb__step p {
    color:white;
}

.top-header-style-three .top-header-contact-info li,
html .top-header-style-three .top-header-contact-info li a,
.top-header-style-three .top-header-social span,
.top-header-login-register li a {
	color:var(--paragraphColor) !important;
	font-size:15px !important;
	line-height:22px !important;
}
html .top-header-login-register li a:hover {
	color: var(--paragraphColor) !important;
}
.top-header-social .social-link li a {
	color:var(--paragraphColor) !important;
	font-size:20px !important;
}
html .default-btn {
	background-color:#785f46;
	border-color:#785f46 !important;
}

html .active .nav-link {
	color:#c46650 !important;
}
html nav li a {
	color:var(--paragraphColor) !important;
}
html nav li a:hover {
	color:#c46650 !important;
}

html .courses-content a,
html .post-content a {
	color:var(--paragraphColor) !important;
}
html .courses-content a:hover,
html .post-content a:hover {
	color:var( --e-global-color-accent ) !important;
}
html .post-content a:before {
	background-color:var( --e-global-color-accent ) !important;
}

html .login-content .logo img {
	max-height:65px !important;
}

html .login-content button {
	background-color:var( --e-global-color-secondary ) !important;
}
html .login-content button:hover {
	background-color:var( --e-global-color-accent ) !important;
	border-color:var( --e-global-color-accent ) !important;
}
html .login-content a.login:hover {
	color:var( --e-global-color-accent ) !important;
}

html .am-confirmation-booking .am-custom-fields {
	display:none !important;
}

.grw-header {
	display:none !important;
}

.page-title-content h1 {
  color: var(--whiteColor) !important;
  margin-bottom: 0;
  word-break: break-word;
  /*text-transform: capitalize;*/
  font-size: 42px;
  font-weight: 700 !important;
}

.blog-details .blog-details-content h2,
.blog-details .blog-details-content h3 {
	margin-top:30px;
}

.am-ec {
	box-shadow: rgb(209, 213, 215) 0px 2px 2px -1px, rgba(209, 213, 215, 0.3) 0px 0px 11px, rgba(219, 68, 44, 1) 8px 0px 0px inset !important;
}
.header-area.hide-adminbar {
	top:0 !important;
}

.terapias li {
	width:100%;
	padding:50px;
	border:1px solid black;
	border-radius:5px;
}

i.bx-smile,
i.bx-planet  {
	background-color: var(--mainColor) !important;
}

.espacio img {
	max-height:52px;
}

:root {
	--fontSize: 16px !important;
}

.page-title-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Fosc subtil */
    z-index: 1;
}
.page-title-area {
    position: relative;
    z-index: 0;
}
.page-title-content {
    position: relative;
    z-index: 2; /* Assegurem que el text es veu sobre l'overlay */
}