@charset "UTF-8";
/* =====================================================================
   ANDREVÍ PASTISSERS · Tema CSS per a la botiga online (Ecwid) · 2026
   Colors de marca:
     negre #1d1d1b · daurat #c18a17 · daurat fosc (text) #8f6512
     daurat clar #e3bf80 · crema #faf5ea · rosa #f7b9d0 · verd #64b380
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap");
/* ---------- 1. Base: tipografia i color del text ---------- */
html#ecwid_html body#ecwid_body .ec-size,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper,
html#ecwid_html body#ecwid_body .ec-size .ec-store,
.ecwid {
  font-family: 'Jost', 'Futura', sans-serif !important;
  color: #1d1d1b !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store button,
html#ecwid_html body#ecwid_body .ec-size .ec-store input,
html#ecwid_html body#ecwid_body .ec-size .ec-store select,
html#ecwid_html body#ecwid_body .ec-size .ec-store textarea {
  font-family: inherit !important;
}

/* Títols */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h1,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h2,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h3,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h4 {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  color: #1d1d1b !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-page-title {
  font-size: 40px !important;
  line-height: 1.1 !important;
}

/* Rètols petits en majúscules (Farcit, Primer dígit...) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h6,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details-module__title {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: #1d1d1b !important;
}

/* Enllaços */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link,
html#ecwid_html body#ecwid_body .ec-size .ec-store a.ec-link {
  color: #8f6512 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link:hover {
  color: #1d1d1b !important;
}

/* Text secundari */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-text-muted,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs,
html#ecwid_html body#ecwid_body .ec-size .ec-store .breadcrumbs__link {
  color: #5e584d !important;
}

/* ---------- 2. Botons ---------- */
/* Botó principal (Afegir a la cistella, Pagar...): negre i rodó */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button {
  background-color: #1d1d1b !important;
  border-color: #1d1d1b !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  transition: background-color .2s ease, border-color .2s ease;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button:hover {
  background-color: #8f6512 !important;
  border-color: #8f6512 !important;
}

/* Botó secundari (Comprar a la graella, Afegir més...): contorn negre */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button {
  background-color: #ffffff !important;
  border: 1.5px solid #1d1d1b !important;
  color: #1d1d1b !important;
  border-radius: 999px !important;
  transition: background-color .2s ease, color .2s ease;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button:hover {
  background-color: #1d1d1b !important;
  color: #ffffff !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button:hover svg {
  color: #ffffff !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button-text {
  font-weight: 500 !important;
  letter-spacing: 0.01em;
}

/* ---------- 3. Camps i opcions de producte ---------- */
/* Opcions tipus botó (Crema / Trufa...) en forma de càpsula */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button .form-control__inline-label label {
  border-radius: 999px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button .form-control__inline-label label {
  border-color: #d9cdb6 !important;
  font-weight: 500 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox-button .form-control__radio:checked + .form-control__inline-label label {
  background-color: #1d1d1b !important;
  border-color: #1d1d1b !important;
  color: #ffffff !important;
}

/* Desplegables i camps de text */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control:not(.form-control--button):not(.form-control--checkbox-button):not(.form-control--select-inline) {
  border-radius: 12px !important;
}

/* ---------- 4. Graella de productes ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__image,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__bg,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__image-wrap,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__shadow,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__shadow-inner {
  border-radius: 20px !important;
  overflow: hidden;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__bg {
  background-color: #f6f1e6 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1d1d1b !important;
  line-height: 1.3 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-value,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-amount {
  font-weight: 500 !important;
  color: #1d1d1b !important;
}

/* Etiquetes (NOVETAT...) en rosa */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__label .ec-label {
  background-color: #f7b9d0 !important;
  color: #f7b9d0 !important;
  border-radius: 999px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__label .label__text {
  color: #1d1d1b !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
}

/* ---------- 5. Graella de categories ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__card,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__image,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__bg,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__shadow,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__shadow-inner {
  border-radius: 24px !important;
  overflow: hidden;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title-inner {
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}

/* ---------- 6. Fitxa de producte ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-title {
  font-size: 40px !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-price,
html#ecwid_html body#ecwid_body .ec-size .ec-store .details-product-price__value {
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #1d1d1b !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__gallery img,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__gallery .details-gallery__picture {
  border-radius: 24px;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-description {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* ---------- 7. Peu de la botiga ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-footer__link,
html#ecwid_html body#ecwid_body .ec-size .ec-footer .ec-footer__link {
  color: #5e584d !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-footer .ec-footer__link:hover {
  color: #8f6512 !important;
}

/* ---------- 8. Resta de seccions de la web ---------- */
.tiles-wrapper,
.tiles-wrapper .cover__title,
.tiles-wrapper .cover__subtitle,
.tiles-wrapper button {
  font-family: 'Jost', 'Futura', sans-serif !important;
}

.tiles-wrapper .cover__title {
  font-weight: 500 !important;
  letter-spacing: -0.02em;
}

/* Retocs: treure el blau que quedava */
.tiles-wrapper .pushmenu-btn,
.tiles-wrapper .pushmenu-btn * {
  color: #1d1d1b !important;
}

.tiles-wrapper .pushmenu-btn svg,
.tiles-wrapper .pushmenu-btn svg * {
  fill: #1d1d1b !important;
}

.tiles-wrapper .tile-contactInfo a,
.tiles-wrapper .tile-contactInfo a * {
  color: #8f6512 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__shadow,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title {
  color: #1d1d1b !important;
}

/* Amaga els botons de compartir del peu */
.tiles-wrapper .ec-likely {
  display: none !important;
}

/* Frase d'entrada: sense ninot, text centrat */
.tiles-wrapper .tile-about .author {
  display: none !important;
}

.tiles-wrapper .tile-about .description {
  float: none !important;
  width: auto !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.tiles-wrapper .tile-about h2 {
  text-align: center !important;
  font-weight: 500 !important;
}