/* =========================================================
   WooCommerce — estils amb el disseny de La Pinyol
   (botiga, fitxa de producte, cistella, finalització + inscripcions)
   ========================================================= */

/* L'estructura i l'amplada les dona .lp-container (plantilla woocommerce.php),
   així queda alineat amb el menú i el footer. Aquí només el to i l'espaiat. */
.lp-shop{ padding:50px 0 72px; }
/* Cistella i checkout són pàgines de blocs (plantilla genèrica amb .lp-passos),
   no fan servir .lp-shop: els hi donem el mateix espaiat superior. */
.woocommerce-cart main > .lp-passos,
.woocommerce-checkout main > .lp-passos{ padding:50px 0 40px; }
.woocommerce, .woocommerce-page{ color:var(--c-gray); }

/* Amaga el desplegable d'ordenació de productes a la botiga */
.woocommerce-ordering{ display:none; }

/* Filet verd a sobre del footer a totes les pàgines de botiga (separador) */
.woocommerce-page .lp-footer{ border-top:3px solid var(--c-green); }

/* Botons de la cistella/checkout (blocs de WooCommerce) → taronja i rodons */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button.contained{
  background:var(--c-orange) !important;
  color:#fff !important;
  border-radius:var(--radius-pill) !important;
  padding:14px 32px !important;
  font-weight:700 !important;
  border:0 !important;
  box-shadow:none;
  transition:background .2s ease, color .2s ease, box-shadow .2s ease;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button.contained:hover{
  background:#fff !important;
  color:var(--c-orange) !important;
  box-shadow:0 0 10px rgba(0,0,0,.12);
}

/* ---------- Fitxa de producte (single) ----------
   Grid predictible: imatge a l'esquerra (amplada fixa) i tota la resta
   (preu, dates, places i dades del participant) en una columna ampla. */
.woocommerce div.product{
  display:grid; grid-template-columns:340px minmax(0,1fr); gap:50px;
  align-items:start; margin:6px 0 0;
}
.woocommerce div.product > *{ float:none !important; width:auto !important; max-width:none !important; margin:0; }
/* Elements que han d'ocupar tot l'ample */
.woocommerce div.product .product_title,
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells,
.woocommerce div.product .woocommerce-product-rating{ grid-column:1 / -1; }
.woocommerce div.product .woocommerce-product-gallery{ grid-column:1; }
.woocommerce div.product .summary,
.woocommerce div.product .entry-summary{ grid-column:2; }
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery img{
  border-radius:24px; box-shadow:0 10px 30px rgba(0,0,0,.06); width:100%;
}
.woocommerce div.product .product_title{
  font-size:32px; font-weight:800; color:var(--c-ink); margin:0 0 14px; line-height:1.15;
}
.woocommerce div.product p.price,
.woocommerce div.product .summary .price,
.woocommerce div.product .summary span.amount{
  font-size:30px; font-weight:800; color:var(--c-ink); margin:0 0 10px;
}
.woocommerce div.product .stock{ font-weight:700; color:var(--c-green); }
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:18px; font-weight:700; line-height:1.45; color:var(--c-ink); margin:0 0 6px;
}

/* Formulari afegir a la cistella */
.woocommerce div.product form.cart{
  margin:20px 0 0; display:flex; gap:14px; align-items:center; flex-wrap:wrap;
}
/* Les dades del participant ocupen tota l'amplada; quantitat + botó van a sota */
.woocommerce div.product form.cart .lp-insc-fields{ flex:0 0 100%; width:100%; margin:0 0 4px; }
.woocommerce div.product form.cart .quantity{ margin:0; }
/* Amaga la meta del producte (categoria/etiquetes) a les inscripcions */
.woocommerce div.product .product_meta{ display:none; }
.woocommerce div.product form.cart .quantity input.qty{
  width:74px; height:48px; text-align:center;
  border:1px solid #e2e2e2; border-radius:14px; font-size:15px; color:var(--c-ink);
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.alt{
  padding:14px 30px; font-size:14px;
  background:var(--c-orange); color:#fff;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button.alt:hover{
  background:#fff; color:var(--c-orange); box-shadow:0 0 10px rgba(0,0,0,.12);
}
/* Amaga el marcador de posició d'imatge si no n'hi ha (queda més net) */
.woocommerce div.product .woocommerce-product-gallery--with-images img{ width:100%; }

@media (max-width:820px){
  .woocommerce div.product{ grid-template-columns:1fr; gap:24px; }
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary,
  .woocommerce div.product .entry-summary{ grid-column:1; }
}

/* Botons WooCommerce → pastilla verda del tema */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce #place_order{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--c-green); color:var(--c-white);
  border:0; border-radius:var(--radius-pill);
  padding:12px 24px; font-weight:700; font-size:13px;
  transition:background .2s ease, color .2s ease, box-shadow .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce #place_order:hover{
  background:var(--c-white); color:var(--c-green);
  box-shadow:0 0 10px rgba(0,0,0,.12);
}

/* Preus */
.woocommerce .price, .woocommerce span.amount{ color:var(--c-ink); font-weight:800; }

/* Targetes de producte a la botiga */
.woocommerce ul.products li.product{ text-align:center; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:16px; font-weight:800; color:var(--c-ink);
}

/* Camps de formulari (cistella, checkout, inscripció) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.lp-insc-field input,
.lp-insc-field textarea{
  width:100%; border:1px solid #e2e2e2; border-radius:14px;
  padding:12px 16px; font-family:inherit; font-size:13px; color:var(--c-ink);
  background:var(--c-white);
}
.lp-insc-field input:focus,
.lp-insc-field textarea:focus,
.woocommerce form .form-row input.input-text:focus{
  outline:2px solid var(--c-green); outline-offset:1px;
}

/* ---------- Finestra d'inscripció (fitxa de producte) ---------- */
.lp-insc-window{
  margin:14px 0 18px; padding:12px 18px; border-radius:14px;
  font-size:13px; line-height:1.4;
}
.lp-insc-window--open{ background:var(--bg-mint); color:var(--c-ink); }
.lp-insc-window--before{ background:var(--tint-yellow); color:var(--c-ink); }
.lp-insc-window--after{ background:#fdecec; color:#9a2b2b; }
.lp-insc-window strong{ color:inherit; }

/* ---------- Descripció del producte (moguda a sobre del formulari) ---------- */
.lp-insc-desc{ font-size:14px; line-height:1.6; color:var(--c-gray); margin:6px 0 18px; }
.lp-insc-desc p{ margin:0 0 10px; }
.lp-insc-desc :last-child{ margin-bottom:0; }

/* ---------- Dades del participant ---------- */
.lp-insc-fields{
  margin:18px 0; padding:20px; border-radius:18px;
  background:#fafafa; border:1px solid #eee;
}
.lp-insc-fields__title{
  font-size:15px; font-weight:800; color:var(--c-ink);
  margin:0 0 14px;
}
.lp-insc-field{ margin:0 0 12px; }
.lp-insc-field:last-child{ margin-bottom:0; }
.lp-insc-field label{
  display:block; font-size:12px; font-weight:700;
  color:var(--c-ink); margin-bottom:5px;
}
.lp-insc-field .required{ color:var(--c-orange); }

/* Avisos de WooCommerce amb to del tema */
.woocommerce-message, .woocommerce-info{
  border-top-color:var(--c-green);
}
.woocommerce-message::before, .woocommerce-info::before{
  color:var(--c-green);
}

@media (max-width:1100px){
  .lp-shop .lp-container{ padding-left:24px; padding-right:24px; }
}