/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Cercador */
.wcsearch-dropdowns-menu {
	background-color: #fff;
}
/* directory */

.w2dc-field-caption .w2dc-field-icon  { vertical-align: top; color:#5e7057; } /* Color icones */

.w2dc-search-overlay { background: rgba(0, 0, 0, 0); overflow: auto;}
.w2dc-search-section-label {font-style: normal; text-shadow: none;}

header.w2dc-listing-header h2 {	font-size: 1.5rem; color: #5e7057; font-weight:bold; padding: 1rem 0; text-transform: uppercase;}

div.w2dc-content address {font-style: normal; padding: 1rem 0;}
.w2dc-listings-block .w2dc-field-addresses address{
	display: block;
}

.w2dc-content .w2dc-nav > li {font-size: 1.1rem;}

.w2dc-content p {
	margin:0.3rem 0 !important;
}

.w2dc-content {
	font-size: 1.1rem;
	line-height: 1.4rem;
}

.w2dc-field { clear:both;} /* Vista llistat de cases: característiques en diferents línies característiques */

/* Estructura dues columnes fitxa casa */
div.w2dc-content .w2dc-fields-group {
  float: left;
  margin-top: 1rem;
}
.w2dc-fields-group-7 { width: 25%; margin-right: 5%;}
.w2dc-fields-group-10 {
  width: 70%;
}
.w2dc-listings-block-content .w2dc-field-output-block-7 {
  float: left;
}

/* Fitxa casa responsive */

.post-11, .post-2652, .post-3048, .w2dc-listing-single {
	margin: 1rem;
}

#post-11 h1.entry-title, #post-2652 h1.entry-title, #post-3048 h1.entry-title {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin:0;
}

@media (max-width: 767px) {	
	div.w2dc-content .w2dc-fields-group { float: none; width: 90%}
	.w2dc-fields-group-7 { width: 100%; margin: 0 1.5%;}
	.w2dc-fields-group-10 { width: 100%; margin: 0 1.5%;}
}

/* Títol grup de camps: Dades de contacte, Descripció */
div.w2dc-content .w2dc-fields-group .w2dc-fields-group-caption {border-bottom: 4px solid #5e7057;  margin:0px; padding:0.2rem 0;}

.w2dc-field-name {border-bottom: 0px solid #ccc; font-size: 1.2em; font-weight: bold; margin: 0.5rem 0; overflow: hidden; padding: 0 0 0.5rem; text-transform:uppercase;}

/* label lloguer sencer */
.w2dc-content .w2dc-category-label,
.w2dc-content .w2dc-tag-label {
  margin-bottom: 2px;
  padding: 7px;
  font-size: 75% !important;
  border-radius: 5px;
  background-color: #f3f4f7;
  border: 2px solid #5e7057;
  color: #5e7057;
  text-decoration: none;
}

/* Varis */

.w2dc-field-output-block {
	margin: 0;
}

/* Subtitols */
.w2dc-field-icon {
  width: 3%;
}

.w2dc-fields-group .w2dc-field-caption {
	display: inline;
	width: 100%;
}

 /* carcaterístiques generals: capacitat, idiomes, animals, adaptada */

.w2dc-field-output-block-18 {
	margin-top: 3%;
}

.w2dc-field-output-block-23,.w2dc-field-output-block-24,.w2dc-field-output-block-25,.w2dc-field-output-block-39,.w2dc-field-output-block-43, .w2dc-field-output-block-18 {
	width:100%;
	margin-right: 2%;
	clear: none;
	font-size: 1rem;
}

.w2dc-fields-group .w2dc-field-caption-short {
  width: 30px;
}

.w2dc-content h3, .w2dc-content .w2dc-h3 { font-size: 1.1em;}

.w2dc-field-caption h2 { font-size: 1.3em; font-weight:bold; text-transform:uppercase; border-bottom: 4px solid #5e7057;}

.w2dc-search-section-label {font-family: bogue-regular-webfont;}

header.w2dc-listing-header h2 {margin: 0;}

.sow-cta-wrapper h4 {font-size:1.1rem; font-weight:600; text-rendering: optimizelegibility;}
.sow-cta-wrapper h5 {font-size:1.1rem; }

.w2dc-content .w2dc-label {font-size:100%;}

#pg-5-1, #pl-5 .so-panel {
  margin-bottom:0px;
}

.post-info {margin-bottom:0px; visibility:hidden;}


/*** Posts blog individuals ***/
.post .entry-content-wrap {
	padding: 1.5rem !important;
}

/** Formulari de contacte amb la casa **/
/* --- Contacte: layout en 2 columnes dins la pestanya --- */
/* ---- Pestanya Contacte: dues columnes ---- */
/* ---- Pestanya Contacte: dues columnes ---- */
.w2dc-contact-tab .wpcf7-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "nom     missatge"
    "email   missatge"
    "tel     missatge"
    ".       enviar";
  column-gap: 24px;
  row-gap: 16px;
  align-items: start;
}

/* Que cada camp ocupi tot l'ample del seu grid cell */
.w2dc-contact-tab .wpcf7-form label { display: block; margin: 0; }
.w2dc-contact-tab .wpcf7-form input[type="text"],
.w2dc-contact-tab .wpcf7-form input[type="email"],
.w2dc-contact-tab .wpcf7-form input[type="tel"],
.w2dc-contact-tab .wpcf7-form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Assignació a columnes/ files (detectem per name=) */
.w2dc-contact-tab .wpcf7-form label:has([name="your-name"]) { grid-area: nom; }
.w2dc-contact-tab .wpcf7-form label:has([name="your-email"]) { grid-area: email; }
.w2dc-contact-tab .wpcf7-form label:has([name="your-phone"]) { grid-area: tel; }
.w2dc-contact-tab .wpcf7-form label:has(textarea[name="your-message"]) { grid-area: missatge; }

/* Botó enviar a la dreta, sota el missatge */
.w2dc-contact-tab .wpcf7-form .wpcf7-submit {
  grid-area: enviar;
  justify-self: start; /* canvia a end si el vols arraconat a la dreta */
}

/* Missatge: 3 línies d'alçada (recomanat afegir rows:3 al camp de CF7) */
.w2dc-contact-tab .wpcf7-form label:has(textarea[name="your-message"]) textarea {
  line-height: 1.4;
  height: calc(1em * 3 + 16px); /* aproximació a 3 línies (incloent padding) */
  min-height: 0; 
  resize: vertical; /* permet estirar si cal */
}

/* Responsiu: 1 sola columna en pantalles petites */
@media (max-width: 768px) {
  .w2dc-contact-tab .wpcf7-form {
    grid-template-columns: 1fr;
    grid-template-areas:
      "nom"
      "email"
      "tel"
      "missatge"
      "enviar";
    column-gap: 0;
  }
  .w2dc-contact-tab .wpcf7-form .wpcf7-submit { justify-self: start; }
}

/* Marges i feedback de CF7 dins la pestanya */
.w2dc-contact-tab .wpcf7-response-output { margin-top: 16px; }

/* Woocommerce */
header.woocommerce-products-header, .product-archive {
	margin: 0 2rem 3rem 2rem !important;
}

.wp-block-woocommerce-cart, .product  {
	margin-top: 3rem;
}

li.type-product {
	margin: 0rem;
	padding: 1rem;
	border: 1px solid #f2ecdc;
}

@media screen and (max-width: 719px) {
    .product, .wc-block-cart  {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        width: auto !important;
    }
}