/*
 * @author ( Joan Anglés i Gómez )
 * el roig
*/

/* not ready */

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

License: CC Cretive Comons CC BY-SA 4.0
License URI: https://creativecommons.org/licenses/by-sa/4.0/

El tema pare (Twenty Seventeen), com WordPress, està sota llicència de la GPL.
Aquest tema fill (Twenty Seventeen Child), està sota llicència de la CC.
*/

/*--------------------------------------------------------------
>>> TAULA DE CONTINGUTS:
----------------------------------------------------------------
1.0 EXTENSIONS - PLUGINS - CONNECTORS
  1.1 Contact Form 7
  1.2 Cookie Consent
  1.3 Advanced noCaptcha & invisible Captcha
2.0 GINYS - WIDGETS
  2.1 Roig-maTerra - Giny Text - id="text-9"
  2.2 Cerca - Giny Cerca - id="search-4"
  2.3 Llicencia Roig-maTerra - Giny HTML personalitzat - id="custom_html-2"
  2.4 Llicencia  Creative Commons - Giny HTML personalitzat - id="text-8"
  2.5 reCAPTCHA Privacitat i Condicions - Giny Text - id="text-10"
3.0 MENÚS
  3.1 Menú superior
4.0 PÀGINES
  4.1 Pàgina Legalitat i Transparencia
    4.1.1 Pàgina Avís legal
          Pàgina Política de dades
          Pàgina Política de privacitat    
    4.1.2 Pàgina Llicència
5.0 TEMES
  5.1 Llevar fons blanc en imatges d'Entrades.
--------------------------------------------------------------*/



/*--------------------------------------------------------------
1.0 EXTENSIONS - PLUGINS - CONNECTORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 Contact Form 7
--------------------------------------------------------------*/
/* # Contacte nota: Els camps marcats amb * són obligatoris. # */
.contacte-nota-obligatoria {
  display: block;
  margin-top: 1rem;
  font-style: italic;
  text-align: center;
  color: #666;
}

/* # Contacte marca *  # */
.marca-obligatori {
  color: #bf1722;
  font-weight: bold;
  margin-left: 0.4em;	
}

/* Estil pel contenidor del camp */
label.ad-fitxer {
  display: block;
  margin-top: 1em;
  margin-left: 1rem; /* afegeix marge a l'esquerra */
  font-weight: 500;
  font-size: 0.8rem;
  color: #333;
}

/* Estil pel botó de pujada de fitxer */
label.ad-fitxer input[type="file"] {
  display: inline-block;
  font-size: 0.7rem;
  padding: 0.3em 0.5em;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f7f7f7;
  cursor: pointer;
  margin-top: 0.3em;
}

/* Canvia el color al passar el cursor */
label.ad-fitxer input[type="file"]:hover {
  background-color: #eee;
}

/* # Contacte - Text/enllaç Consulta la política de dades. # */
.rgpd-dades {
  font-size: 13px;
  color: #555;
  margin-left: 1em;
  line-height: 0.5em;
}

/* # Contacte - Camp He llegit i accepte la Política de Privacitat. # */
.rgpd-privacitat  {
  font-weight: normal;
  font-size: 0.9em;
}

.rgpd-privacitat a, .rgpd-dades a {
  color: #e63946;
  box-shadow: none;
  text-decoration: underline;
  text-decoration-style: dotted;
}

.rgpd-privacitat a:hover, .rgpd-dades a:hover {
  color: #a4161a;
  box-shadow: none;
  text-decoration: underline;
  text-decoration-style: solid;
}



/*--------------------------------------------------------------
3.0 Menús
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Menú superior
--------------------------------------------------------------*/
/* Botons login i logout (Entra i Surt) del Menú superior */
.btn-menu a {
	background: green;
	padding: .1em .7em;
	border-radius: 5px;
	color: white !important;
}

.btn-menu a:hover,
.btn-menu a:focus {
	background: gray !important;
	color: darkred !important;
}

.btn-logout a {
	background: #dd2323;
}



/*--------------------------------------------------------------
4.0 PÀGINES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 Pàgina Legalitat i Transparencia
--------------------------------------------------------------*/
/* Llevar el subratllat (decoració) o sombres dels enllaços */
.legal-links ul li a {
  text-decoration: none !important;
  box-shadow: none !important;
}
.legal-links ul li a:hover {
  text-decoration: underline !important; /* Asegúrate de usar !important */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; /* También !important si es necesario */
}


/*--------------------------------------------------------------
4.1.1 Pàgina Avís legal
      Pàgina Política de dades
      Pàgina Política de privacitat
--------------------------------------------------------------*/
/* Estils per al bloc de Política de privacitat i Política de dades / RGPD */
.rgpd {
  background-color: #f9f9f9;     /* fons suau i clar */
  border-left: 4px solid #e63946; /* barra lateral cridanera */
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.rgpd h2, .rgpd h3 {
  color: #e63946;
  margin-top: 1em;
}

.rgpd h2 {
  font-size: 20px;
}

.rgpd h3 {
  font-size: 16px;
}

.rgpd a {
  color: #1d3557;
  text-decoration: underline;
}

.rgpd a:hover {
  color: #457b9d;
}

.rgpd ul {
  margin-left: 20px;
  margin-bottom: 1em;
}

.rgpd p {
  margin-bottom: 1em;
}
/*--------------------------------------------------------------
4.1.2 Pàgina Llicència
--------------------------------------------------------------*/
/* Badge de llicència CC BY-SA 4.0 */
.cc-badge {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 8px;
  display: inline-block;
  display: block;
  margin: 30px auto;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  width: fit-content;
}

.cc-badge a:hover span {
  text-decoration: underline;
}

/* Llevar fons o marc blanc en imatges */
.cc-badge a img {
  box-shadow: none !important;
 
}

/* Llicència - maTerra */
.llicencia {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 20px;
  background-color: #f5f6fa;
  color: #2c3e50;
  border-radius: 30px;
}

.llicencia h1, h2 {
  text-align: center;
  margin-bottom: 20px;
}

.llicencia h1 {
  color: #900;
  font-size: 2.5em;
}

.bloque {
  background-color: #ffffff;
  border-left: 6px solid #e67e22;
  padding: 25px;
  margin: 20px auto;
  border-radius: 12px;
  max-width: 900px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.2s;
}

.bloque:hover {
  transform: translateY(-3px);
}

.bloque-derechos {
  border-left-color: #3498db;
}

.valores-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 20px auto;
  max-width: 900px;
}

.valor {
  background-color: #ecf9f1;
  border-left: 6px solid #2ecc71;
  border-radius: 12px;
  padding: 20px;
  flex: 1 1 180px;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}

.valor:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.valor svg {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
  fill: #27ae60;
}

ul {
  text-align: left;
  margin-left: 20px;
}

@media (max-width: 600px) {
  .valores-container {
    flex-direction: column;
    align-items: center;
  }
}



/*--------------------------------------------------------------
5.0 TEMES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Llevar fons i marc blanc en imatges d'Entrades.
--------------------------------------------------------------*/
/* Aplicar-ho únicament a la pàgina de notícies */
/** Exemple - cal moure'l al lloc CSS de esta pàgina adequat **/
/**
.page-id-1711 .wp-caption {
background-color: transparent !important;
border: none !important;
}
**/

/* aplicar-ho a tot en el lloc web */
/**
.wp-caption {
background-color: transparent !important;
border: none !important;
}
**/